:root{--bg:#FFFBEA;--card:#FFFBEA;--ink:#1B1712;--mut:#5E5148;--acc:#6B1F7A;--line:#E6D9A8;--mint:#1E6B3F;--amber:#7A4A00}
@media(prefers-color-scheme:light){:root{--bg:#FFFBEA;--card:#FFFBEA;--ink:#1B1712;--mut:#5E5148;--acc:#6B1F7A;--line:#6B1F7A;--mint:#1E6B3F;--amber:#7A4A00}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}a{color:var(--acc)}main{max-width:920px;margin:auto;padding:48px 20px 72px}h1{font-size:clamp(2.15rem,6vw,3.55rem);line-height:1.04;margin:.35em 0}h2{font-size:1.4rem;margin-top:38px}p{max-width:78ch}.mut,.bc{color:var(--mut)}.bc{font-size:.88rem}.card,.boundary,.cta{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:18px 20px;margin:22px 0}.card strong,.cta strong{color:var(--mint)}.boundary strong{color:var(--amber)}table{border-collapse:collapse;width:100%;margin:16px 0}th,td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}pre{background:#FFFBEA;border:1px solid var(--line);border-radius:10px;padding:14px;overflow:auto;color:#1B1712}code{font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-block;border-radius:8px;background:var(--acc);color:#FFFBEA;padding:10px 15px;text-decoration:none;font-weight:700}.button.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}
/* Phone width: wide tables and code scroll inside their box, never the page. */
@media(max-width:700px){table{display:block;overflow-x:auto;max-width:100%;width:max-content;min-width:100%}pre{max-width:100%;overflow-x:auto}td,th{overflow-wrap:anywhere}}.grid>*{min-width:0}