:root{--ink:#1f2e14;--void:#f1f5e4;--paper:#d8e8c4;--orange:#6f9a2e;--rust:#3f6e17;
  --mute:color-mix(in srgb,var(--ink) 62%,transparent);--line:color-mix(in srgb,var(--ink) 18%,transparent);
  --f-display:'Kintam Sans','Archivo',system-ui,-apple-system,sans-serif;--f-serif:'Kintam Serif',Georgia,'Times New Roman',serif;--f-mono:'Kintam Mono',ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--void);color:var(--ink);font-family:var(--f-display);font-variation-settings:'wdth' 100}
.bar{padding:22px max(5vw,16px)}
.mark{font-size:16px;font-weight:800;font-variation-settings:'wdth' 112;letter-spacing:-.01em;color:inherit;text-decoration:none}
main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:5vh max(5vw,16px) 8vh}
.eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--rust)}
h1{margin-top:18px;font-size:clamp(34px,7vw,64px);line-height:1;font-weight:800;letter-spacing:-.03em}
h1 em{font-family:var(--f-serif);font-weight:400;letter-spacing:-.01em;color:var(--rust)}
.updated{margin-top:20px;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
h2{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);font-size:clamp(20px,3vw,26px);line-height:1.15;font-weight:700;letter-spacing:-.01em}
p,li{font-size:17px;line-height:1.6}
p{margin-top:14px}
ul{margin:14px 0 0;padding-left:1.2em}
li{margin-top:6px}
a{color:inherit;text-decoration-color:var(--orange);text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
table{width:100%;margin-top:18px;border-collapse:collapse;font-size:15px;line-height:1.45}
th,td{padding:10px 12px 10px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{font-family:var(--f-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.todo{background:color-mix(in srgb,var(--orange) 28%,transparent);padding:0 .2em;border-radius:2px}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:15px 18px;border:0;border-radius:4px;background:var(--ink);color:var(--paper);font:inherit;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer}
.btn span:last-child{color:var(--orange)}
footer{padding:28px max(5vw,16px) calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
footer div{display:flex;flex-wrap:wrap;gap:10px 28px;max-width:760px;margin:0 auto;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline}
.err{display:flex;flex-direction:column;justify-content:center}
.err .code{font-size:clamp(90px,24vw,240px);line-height:.85;font-weight:800;letter-spacing:-.04em;font-variation-settings:'wdth' 125,'wght' 800;color:var(--rust)}
