/* Folding sections (assets/fold.js). Uses the playbook tokens, so it follows light and dark. */
details.fold{border:1px solid var(--rule);border-radius:8px;background:var(--surface);margin:12px 0;max-width:100%;min-width:0;overflow:hidden}
details.fold>.fold-b{min-width:0;max-width:100%}
details.fold>summary{list-style:none;cursor:pointer;padding:14px 48px 14px 18px;position:relative;display:block}
details.fold>summary::-webkit-details-marker{display:none}
details.fold>summary::after{content:"+";position:absolute;right:18px;top:12px;font-family:var(--f-data);font-size:22px;line-height:1;color:var(--muted)}
details.fold[open]>summary::after{content:"–"}
details.fold>summary:hover{background:var(--surface-2);border-radius:8px}
details.fold>summary h2{font-size:clamp(19px,2.4vw,23px);margin:0}
details.fold>summary .fold-d{display:block;margin:5px 0 0;max-width:78ch;font-size:15px;line-height:1.5;color:var(--muted)}
details.fold>.fold-b{padding:4px 18px 16px;border-top:1px solid var(--rule-soft)}
details.fold>.fold-b>*:first-child{margin-top:14px}
section:has(>details.fold){padding-top:6px;border-top:none}

.fold-bar{border:1px solid var(--rule);border-radius:8px;background:var(--surface);padding:12px 16px;margin:18px 0 8px}
.fold-tools{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.fold-tools .k{font-family:var(--f-data);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);font-weight:600;margin-right:auto}
.fold-tools button,.stage-tog{font:600 12px var(--f-data);color:var(--accent);background:transparent;border:1px solid var(--rule);border-radius:999px;padding:4px 12px;cursor:pointer}
.fold-tools button:hover,.stage-tog:hover{border-color:var(--accent)}
.fold-bar ol{margin:10px 0 0;padding-left:22px;columns:2 260px;column-gap:28px;font-size:14.5px;max-width:none}
.fold-bar li{break-inside:avoid}
.fold-bar li+li{margin-top:3px}

.stage-more{display:grid;gap:14px;min-width:0}
.stage.folded .stage-more{display:none}
.stage-tog{margin:4px 0 2px}
@media print{details.fold>.fold-b{display:block}.fold-bar,.stage-tog{display:none}.stage.folded .stage-more{display:grid}}
.stage,details.fold,[id]{scroll-margin-top:120px}
#faq{padding-top:26px}
