:root{font-family:"Segoe UI",Inter,system-ui,sans-serif;color:#181b20;background:#eeeae2;--ink:#181b20;--paper:#fffdf8;--line:#d6d0c5;--orange:#ff6b21;--blue:#2563eb}*{box-sizing:border-box}body{margin:0;background:#eeeae2}a{color:#174bbf}header{display:flex;align-items:center;gap:24px;min-height:68px;padding:12px max(20px,calc((100% - 1100px)/2));background:var(--ink);border-bottom:4px solid var(--orange);color:white}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:800}.mark{display:grid;place-items:center;width:38px;height:38px;background:var(--orange);color:#181b20;box-shadow:4px 4px 0 white}.nav{display:flex;gap:18px;margin-left:auto}.nav a{color:#e5e7eb;text-decoration:none;font-size:14px;font-weight:700}.nav a[aria-current="page"]{color:#ff9a66}.wrap{max-width:1100px;margin:auto;padding:42px 24px 72px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;padding:36px;background:var(--ink);border-left:7px solid var(--orange);color:white;box-shadow:9px 9px 0 #0002}.hero>*{min-width:0}.eyebrow{font:800 11px ui-monospace,Consolas,monospace;letter-spacing:.16em;color:#ff9a66}.hero h1{margin:10px 0 14px;font-size:42px;line-height:1.05}.hero p{color:#c8cdd5;line-height:1.65}.cta{display:inline-block;padding:12px 16px;border:1px solid #d94b06;border-radius:3px;background:var(--orange);color:#181b20;font-weight:900;text-decoration:none}.preview{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:15px;background:#fff;color:#18212b;box-shadow:6px 6px 0 #5c6470}.preview span{display:grid;place-items:center;min-height:36px;border:1px solid #8b94a1;font:700 11px ui-monospace,Consolas,monospace}.preview.wide{grid-template-columns:repeat(8,1fr)}main h2{margin-top:42px;font-size:27px}.lead{font-size:18px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid>*{min-width:0}.card,.example,.notice{padding:20px;background:var(--paper);border:1px solid #c9c1b5}.card{border-bottom:5px solid var(--orange)}.card p,main li,.example p{line-height:1.65;color:#4f4f4b}.steps{padding-left:24px}.steps li{margin:12px 0;padding-left:6px}.notice{margin-top:24px;border-left:5px solid #d97706;background:#fff7e8}.record{width:100%;max-width:100%;border-collapse:collapse;background:white}.record th,.record td{padding:10px;border:1px solid #c9c1b5;text-align:left}.record th{background:#272c34;color:white}footer{display:flex;justify-content:space-between;gap:20px;padding:24px max(20px,calc((100% - 1100px)/2));background:var(--ink);border-top:4px solid var(--orange);color:#b9bec7;font-size:13px}footer nav{display:flex;gap:14px}footer a{color:#e5e7eb}.prose{max-width:820px}.prose h1{font-size:40px}.prose h2{font-size:24px}.meta{color:#64645f;font-size:13px}@media(max-width:720px){header{align-items:flex-start}.nav{display:none}.wrap{padding:22px 12px 52px}.hero{grid-template-columns:minmax(0,1fr);padding:24px 20px}.hero h1,.prose h1{font-size:32px}.grid{grid-template-columns:minmax(0,1fr)}.preview{grid-template-columns:repeat(4,minmax(0,1fr))}.record{display:block;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.record th,.record td{white-space:nowrap}footer{display:block}footer nav{margin-top:12px;flex-wrap:wrap}}