:root{
    --bg:#fbfaf8; --fg:#1a1a1a; --muted:#5c5c5c; --rule:#e2ded8;
    --accent:#1a1a1a; --card:#fff;
  }
  @media (prefers-color-scheme: dark){
    :root{ --bg:#111112; --fg:#e8e6e3; --muted:#9a9895; --rule:#2a2a2c;
           --accent:#e8e6e3; --card:#18181a; }
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{
    margin:0; background:var(--bg); color:var(--fg);
    font:16px/1.65 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Inter,Helvetica,Arial,sans-serif;
    padding:0 1.25rem;
  }
  .wrap{max-width:44rem;margin:0 auto;padding:5rem 0 6rem}
  header{margin-bottom:3.5rem}
  h1{font-size:1.5rem;margin:0 0 .4rem;letter-spacing:-.01em;font-weight:650}
  .tag{color:var(--muted);margin:0;font-size:1.05rem}
  h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;
     color:var(--muted);font-weight:600;margin:3.25rem 0 1rem}
  p{margin:0 0 1.1rem}
  a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--rule)}
  a:hover{border-bottom-color:var(--accent)}
  .lead{font-size:1.12rem;line-height:1.6}
  .card{
    background:var(--card); border:1px solid var(--rule); border-radius:10px;
    padding:1.4rem 1.5rem; margin:0 0 1rem;
  }
  .card h3{margin:0 0 .35rem;font-size:1.02rem;font-weight:620}
  .card h3 a{border-bottom:none}
  .card p{margin:0 0 .8rem;color:var(--muted);font-size:.95rem}
  .meta{font-size:.8rem;color:var(--muted);display:flex;gap:.9rem;flex-wrap:wrap}
  .meta span{white-space:nowrap}
  ul{margin:0 0 1.1rem;padding-left:1.1rem}
  li{margin:.4rem 0}
  .quiet{color:var(--muted);font-size:.9rem}
  footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--rule);
         color:var(--muted);font-size:.88rem}
  code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}
  table{border-collapse:collapse;width:100%;margin:0 0 1.2rem;font-size:.94rem;
        display:block;overflow-x:auto}
  th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--rule);
        vertical-align:top}
  th{font-weight:620;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;
     color:var(--muted)}
  td:first-child{white-space:nowrap;font-weight:580}
blockquote{margin:0 0 1.1rem;padding:.1rem 0 .1rem 1.1rem;border-left:3px solid var(--rule);color:var(--muted)}
blockquote p{margin:.5rem 0}
h3{font-size:1.02rem;margin:2rem 0 .7rem;font-weight:620}
header h1{line-height:1.25}