/* Dedicated framework page — keep the map scannable, reveal the deeper material on demand. */
.culhane-metabolism-explainer.is-collapsible{padding-bottom:clamp(1rem,2vw,1.4rem)}
.culhane-metabolism-depth{margin-top:1rem;border-top:1px solid var(--cpc-soft-rule)}
.culhane-metabolism-depth>summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0 0;font-weight:750}
.culhane-metabolism-depth>summary small{font-weight:500;opacity:.62}
.culhane-metabolism-depth-body{padding-top:1.2rem}
@media(max-width:700px){.culhane-metabolism-depth>summary{align-items:flex-start;flex-direction:column;gap:.2rem}}

/* 2.42 — make progressive depth look actionable rather than like a text disclosure. */
.culhane-metabolism-depth{border-top:0;margin-top:1.15rem}
.culhane-metabolism-depth>summary{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;justify-content:start;align-items:center;gap:.75rem;padding:.15rem 0;cursor:pointer;list-style:none}
.culhane-metabolism-depth>summary::-webkit-details-marker{display:none}
.culhane-metabolism-depth-action{display:inline-flex;align-items:center;gap:.55rem;min-height:42px;padding:.55rem .8rem;border:1px solid color-mix(in srgb,var(--stage-accent) 42%,currentColor 12%);border-radius:999px;background:color-mix(in srgb,var(--stage-accent) 11%,transparent);color:inherit;font-weight:800}
.culhane-metabolism-depth-action .culhane-fa-fallback{color:var(--stage-accent)}
.culhane-metabolism-depth>summary small{font-weight:500;opacity:.6}
.culhane-metabolism-depth-chevron{display:grid;place-items:center;color:var(--stage-accent);transition:transform .18s ease}
.culhane-metabolism-depth[open] .culhane-metabolism-depth-chevron{transform:rotate(180deg)}
.culhane-metabolism-depth-body{padding-top:1.35rem}
@media(max-width:700px){.culhane-metabolism-depth>summary{grid-template-columns:1fr auto;gap:.55rem}.culhane-metabolism-depth>summary small{grid-column:1/-1}.culhane-metabolism-depth-action{justify-self:start}}

/* Stage deep-links should clear the sticky site header when arriving from Home. */
.culhane-metabolism-explainer[id]{scroll-margin-top:clamp(96px,11vw,132px)}
