@font-face{font-family:C4W Sans;src:url(../fonts/C4WSans-VF.woff2) format("woff2");font-weight:200 900;font-display:swap}@font-face{font-family:"C4W Serif";src:url(../fonts/C4WSerif-VF.woff2) format("woff2");font-weight:200 900;font-display:swap}@font-face{font-family:C4W Mono;src:url(../fonts/C4WMono-VF.woff2) format("woff2");font-weight:200 900;font-display:swap}:root{--paper: #eeede5;--paper-2: #e4e3d8;--card: #f6f5ee;--ink: #141815;--ink-2: #4c544d;--ink-hair: #cfcec2;--accent: #b5512a;--ok: #3d5a1a;--serif: "C4W Serif", Georgia, serif;--sans: "C4W Sans", system-ui, sans-serif;--mono: "C4W Mono", ui-monospace, monospace;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--sans)}a{color:var(--ink);text-underline-offset:3px;text-decoration-color:#a0a69c}a:hover{text-decoration-color:var(--ink)}:focus-visible{outline:3px solid #fb5b1d;outline-offset:3px}code{font:500 .92em var(--mono)}.dh{max-width:1240px;margin:0 auto;padding:0 max(20px,4vw) 64px}.dh-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid var(--ink-hair);font:500 14px var(--sans)}.dh-top a{text-decoration:none}.dh-brand{font:500 22px var(--serif);letter-spacing:-.01em}.dh-brand span{color:#e2733d}.dh-brand b{font:600 15px var(--sans);margin-left:8px}.dh-intro{max-width:820px;padding:40px 0 28px}.dh-kicker{font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.dh h1{font:380 clamp(34px,4vw,52px) / 1.05 var(--serif);letter-spacing:-.012em;margin:10px 0 14px}.dh-intro p{margin:0 0 10px;font-size:17.5px;color:var(--ink-2)}.dh-banner{display:flex;gap:10px;align-items:center;font-size:15px!important}.status{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:1px dashed #7d837a;border-radius:4px;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}.dh-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.4fr);gap:28px;align-items:start}.dh-controls{display:grid;gap:14px}.dh-controls fieldset,.dh-advanced{margin:0;padding:14px 16px 12px;border:1px solid var(--ink-hair);border-radius:12px;background:var(--card)}.dh-controls legend{padding:0 6px;margin-left:-6px;font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase}.dh-help{margin:2px 0 8px;font-size:13.5px;line-height:1.45;color:var(--ink-2)}.dh-tier{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"radio name count" "radio format format";column-gap:10px;align-items:baseline;padding:7px 8px;border-radius:8px;cursor:pointer}.dh-tier input{grid-area:radio;align-self:center}.dh-tier.on{background:var(--paper-2)}.dh-tier-name{grid-area:name;font:500 17px var(--serif)}.dh-tier-count{grid-area:count;font:500 13px var(--mono)}.dh-tier-format{grid-area:format;font-size:12.5px;color:var(--ink-2)}.dh-check{display:flex;gap:10px;align-items:baseline;padding:4px 0;cursor:pointer}.dh-check small{display:block;font-size:12.5px;color:var(--ink-2)}.dh-check input:disabled+span{opacity:.75}.dh-advanced summary{cursor:pointer;font:600 13px var(--sans)}.dh-field{display:grid;gap:4px;margin:8px 0;font-size:13px}.dh-field textarea,.dh-field input{width:100%;font:500 13px var(--mono);padding:7px 8px;border:1px solid #a9aea4;border-radius:6px;background:#fff;color:var(--ink)}.dh-error{margin:4px 0;font-size:13.5px;color:#9b2d12}.dh-output{position:sticky;top:16px;padding:20px 22px 18px;border:1px solid var(--ink-2);border-radius:14px;background:var(--card);min-width:0}.dh-output h2{margin:0 0 10px;font:600 12px var(--mono);letter-spacing:.1em;text-transform:uppercase}.dh-output h3{margin:22px 0 6px;font:450 21px/1.2 var(--serif)}.dh-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.dh-summary div{border-top:2px solid var(--ink);padding-top:8px}.dh-summary dt{font-size:13px;color:var(--ink-2)}.dh-summary dd{margin:2px 0 0;font:400 clamp(24px,2.6vw,34px) / 1.1 var(--serif)}.dh-parts{list-style:none;margin:12px 0 0;padding:0;font-size:14px}.dh-parts li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--ink-hair)}.dh-parts li span:last-child{font:500 13px var(--mono)}.dh-note{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--ink-2)}.dh-code{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0;margin:6px 0 10px}.dh-code pre,.dh-recipe pre{width:100%;min-width:0;margin:0;padding:12px 14px;overflow-x:auto;border-radius:8px;background:#1a1f1c;color:#e8ebe3;font:500 12.5px/1.55 var(--mono)}.dh-code>.dh-copy{order:-1}.dh-copy{position:static;padding:3px 9px;border:1px solid #5b645d;border-radius:5px;background:#262d29;color:#e8ebe3;font:600 11.5px var(--sans);cursor:pointer}.dh-actions .dh-copy{position:static;background:transparent;color:var(--ink);border-color:var(--ink-2);padding:8px 14px;font-size:14px}.dh-steps{margin:6px 0 0;padding-left:20px;font-size:14.5px}.dh-steps li{margin:0 0 10px}.dh-actions{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}.dh-primary{padding:8px 16px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);font:600 14px var(--sans);cursor:pointer}.dh-recipe summary{cursor:pointer;font:600 13px var(--sans);margin:6px 0}.dh-links{margin:20px 0 6px;font-size:14px}.dh-fine{margin:0;font-size:12.5px;color:var(--ink-2)}@media(max-width:900px){.dh-grid{grid-template-columns:1fr}.dh-output{position:static}}@media(max-width:520px){.dh-summary{grid-template-columns:1fr 1fr}.dh-top{flex-direction:column;align-items:flex-start}}