:root{
      --bg: #ffffff;
      --fg: #111111;
      --muted: #6b7280;
      --border: #e5e7eb;
      --accent: #111111;
    }
    *{box-sizing:border-box}
    body{
      color:var(--fg);
      background:var(--bg);
      line-height:1.6;
    }
    header{
      position:sticky; top:0; z-index:10;
      background:rgba(255,255,255,.9);
      backdrop-filter:saturate(1.2) blur(8px);
      border-bottom:1px solid var(--border);
    }
    .bar{
      max-width:960px; margin:0 auto; padding:14px 20px;
      display:flex; align-items:center; justify-content:space-between;
      gap:12px;
    }
    .brand{font-weight:700; letter-spacing:.2px}
    main{max-width:960px; margin:0 auto; padding:32px 20px 80px}
    h1,h2,h3{line-height:1.25; margin:0 0 .5rem}
    h1{font-size:clamp(1.6rem, 2.2vw + 1rem, 2.2rem);}
    h2{font-size:clamp(1.2rem, 1.2vw + 1rem, 1.6rem); margin-top:2rem}
    h3{font-size:1.1rem; margin-top:1.25rem}
    p{margin:.6rem 0}
    ul{margin:.4rem 0 .8rem 1.25rem}
    li{margin:.2rem 0}
    code, pre{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
    .card{
      border:1px solid var(--border);
      border-radius:14px;
      padding:18px 16px;
      margin:14px 0;
      background:#fff;
    }
    .muted{color:var(--muted)}
    .section{padding:18px 16px; border:1px solid var(--border); border-radius:14px; margin:18px 0; background:#fff}
    hr{border:0; border-top:1px solid var(--border); margin:24px 0}
    a{color:var(--accent); text-decoration:underline}
    .mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}
    /* Print-friendly tweaks */
    @media print{
      header{position:static; backdrop-filter:none}
      .bar{padding:0}
      a{text-decoration:none; color:inherit}
      .section, .card{page-break-inside:avoid}
      body{background:#fff}
    }