*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;display:grid;place-items:center;padding:2rem;
  font:16px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#0f1115;color:#e7e9ee}
main{max-width:34rem;text-align:center}
.tag{display:inline-block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#9aa3b2;
  border:1px solid #2a2f3a;border-radius:99px;padding:.3rem .8rem;margin-bottom:1.4rem}
h1{font-size:clamp(2.2rem,7vw,3.4rem);letter-spacing:-.02em;margin-bottom:.8rem}
.sub{color:#b9c0cc;margin-bottom:1rem}.meta{color:#7d8695;font-size:.9rem}
code{background:#1a1e26;border:1px solid #2a2f3a;border-radius:5px;padding:.1rem .4rem;font-size:.87em}
@media(prefers-color-scheme:light){body{background:#f7f8fa;color:#171a20}.tag{color:#5d6675;border-color:#dce0e7}
  .sub{color:#464e5c}.meta{color:#6b7383}code{background:#fff;border-color:#dce0e7}}