:root{
  --bg:#fbfcfd; --panel:#ffffff; --ink:#1d2a33; --dim:#566571;
  --edge:#e4eaef; --teal:#0f7a82; --teal2:#0b5e65; --amber:#c2820a;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.68;font-size:16px;
}
a{color:var(--teal2);text-decoration:none}
a:hover{text-decoration:underline}
code,.mono{font-family:var(--mono)}
.gx-wrap{max-width:880px;margin:0 auto;padding:0 22px}
.gx-bar{border-bottom:1px solid var(--edge);background:var(--panel)}
.gx-bar .gx-wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
.gx-logo{font-family:var(--mono);font-weight:700;font-size:1.05rem;color:var(--ink)}
.gx-logo .p{color:var(--teal)}
.gx-bar nav a{font-family:var(--mono);font-size:.84rem;margin-left:20px;color:var(--dim)}
.gx-bar nav a:hover{color:var(--teal2);text-decoration:none}
.intro{padding:50px 0 30px;border-bottom:1px solid var(--edge)}
.intro .label{font-family:var(--mono);font-size:.78rem;color:var(--teal);letter-spacing:.5px}
.intro h1{font-size:2.05rem;line-height:1.22;margin:12px 0 12px;letter-spacing:-.4px}
.intro p{color:var(--dim);font-size:1.06rem;max-width:62ch}
.stream{padding:14px 0 40px}
.post{border-bottom:1px solid var(--edge);padding:24px 0}
.post .tags{font-family:var(--mono);font-size:.74rem;color:var(--amber);letter-spacing:.5px;margin-bottom:6px}
.post h3{font-size:1.2rem;margin-bottom:5px}
.post p{color:var(--dim);font-size:.97rem}
.callout{background:var(--panel);border:1px solid var(--edge);border-left:3px solid var(--teal);
  border-radius:5px;padding:22px 24px;margin:30px 0}
.callout h2{font-size:1.15rem;margin-bottom:6px}
.callout p{color:var(--dim);font-size:.97rem}
.callout a.go{font-family:var(--mono);font-size:.85rem;display:inline-block;margin-top:10px}
.doc{max-width:720px;margin:0 auto;padding:44px 0}
.doc .crumb{font-family:var(--mono);font-size:.78rem;color:var(--dim)}
.doc h1{font-size:1.95rem;line-height:1.22;margin:10px 0 20px;letter-spacing:-.4px}
.doc h2{font-size:1.22rem;margin:30px 0 9px;font-family:var(--mono)}
.doc p{margin-bottom:16px}
.doc ul{margin:0 0 16px 22px}
.doc li{margin-bottom:7px}
.doc .note{background:var(--panel);border:1px solid var(--edge);border-radius:5px;
  padding:14px 16px;font-size:.92rem;color:var(--dim);font-family:var(--mono)}
.gx-foot{border-top:1px solid var(--edge);background:var(--panel);padding:26px 0;
  font-size:.86rem;color:var(--dim)}
.gx-foot .gx-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
.gx-foot a{font-family:var(--mono)}
@media(max-width:680px){.intro h1{font-size:1.6rem}.gx-bar nav a{margin-left:12px;font-size:.78rem}}