:root { color-scheme: light; --ink:#15201d; --muted:#5c6863; --line:#d8dfdb; --paper:#f7f8f5; --card:#fff; --accent:#315b46; --warn:#8a5a10; }
  * { box-sizing:border-box; }
  body { margin:0; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:var(--paper); line-height:1.55; }
  header,main,footer { width:min(1120px,calc(100% - 32px)); margin:auto; }
  header { padding:28px 0 18px; display:flex; gap:18px; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
  header a, footer a { color:var(--accent); }
  nav { display:flex; flex-wrap:wrap; gap:14px; }
  main { padding:48px 0 64px; }
  h1 { font-size:clamp(2rem,5vw,4rem); line-height:1.05; max-width:900px; margin:0 0 20px; letter-spacing:-.035em; }
  h2 { margin-top:44px; font-size:1.55rem; }
  h3 { margin-bottom:8px; }
  p { max-width:820px; }
  .lede { font-size:1.18rem; color:var(--muted); }
  .notice { border:1px solid #d7c38c; background:#fff9e8; padding:14px 16px; border-radius:10px; color:#5b4618; margin:24px 0; }
  .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:16px; }
  .card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:20px; }
  .card p { color:var(--muted); }
  .actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
  .button { display:inline-block; border-radius:8px; padding:10px 14px; background:var(--accent); color:#fff; text-decoration:none; font-weight:700; }
  .button.secondary { background:#e8eeea; color:var(--accent); border:1px solid var(--line); }
  .tag { display:inline-block; border:1px solid var(--line); border-radius:999px; padding:3px 9px; font-size:.78rem; color:var(--muted); }
  table { width:100%; border-collapse:collapse; background:var(--card); font-size:.92rem; }
  th,td { border:1px solid var(--line); text-align:left; padding:10px; vertical-align:top; }
  th { background:#edf1ed; }
  code,pre { background:#edf1ed; border-radius:6px; }
  code { padding:2px 5px; }
  pre { padding:16px; overflow:auto; }
  dl { display:grid; grid-template-columns:minmax(140px,240px) 1fr; gap:8px 18px; }
  dt { font-weight:700; }
  dd { margin:0; }
  .pass { color:#1d6a42; font-weight:700; }
  .hold { color:var(--warn); font-weight:700; }
  .small { color:var(--muted); font-size:.86rem; }
  footer { border-top:1px solid var(--line); padding:24px 0 40px; color:var(--muted); }
  @media (max-width:700px) { header { align-items:flex-start; flex-direction:column; } table { display:block; overflow:auto; } dl { grid-template-columns:1fr; } }