:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0; background: #101010; color: #F5F5F2;
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 680px; margin: 0 auto; padding: 48px 22px 96px; }
.brand { display: flex; align-items: baseline; gap: 12px; margin-bottom: 34px; }
.brand b { font: italic 900 34px/1 Georgia, "Times New Roman", serif; letter-spacing: -0.5px; }
.bars { display: flex; gap: 3px; }
.bars i { width: 26px; height: 5px; border-radius: 3px; display: block; }
.b1 { background: #B4622A } .b2 { background: #D2646E } .b3 { background: #E8C43C } .b4 { background: #9EC6DE }
h1 { font: italic 900 30px/1.2 Georgia, "Times New Roman", serif; margin: 0 0 6px; }
h2 { font-size: 17px; margin: 34px 0 8px; }
p, li { color: #C9C9C3; }
.updated { color: #83837E; font-size: 13px; margin: 0 0 28px; }
a { color: #C6E85A; }
nav { margin-top: 44px; padding-top: 20px; border-top: 1px solid #2A2A2A; font-size: 14px; }
nav a { margin-right: 18px; }