/* =====================================================================
   Innatial · web · páginas interiores (funds, políticas): cabecera de página,
   rejilla con índice y texto largo cómodo de leer.
   Dueño: la BASE. Lo propio de cada página va en src/css/page-<nombre>.css
   ===================================================================== */

.pg-hero{position:relative;padding:calc(var(--hd-h) + clamp(40px,5.5vw,100px)) 0 clamp(44px,5vw,84px);overflow:hidden;overflow:clip;border-bottom:1px solid var(--line)}
.pg-hero .halo{--halo:clamp(520px,60vw,1020px);right:-18%;top:-40%}
.pg-hero .eyebrow{margin-bottom:clamp(16px,2vw,28px)}
.pg-hero .mega{max-width:16ch}
.pg-hero .lead{margin-top:clamp(18px,2vw,30px)}

.pg-body{padding-block:clamp(48px,6vw,104px)}
.pg-grid{display:grid;gap:40px;grid-template-columns:1fr}
@media (min-width:1100px){ .pg-grid{grid-template-columns:280px minmax(0,1fr);gap:clamp(48px,6vw,120px)} }

/* índice lateral (pegajoso en escritorio, desplegable arriba en móvil) */
.toc{font-size:14px}
@media (min-width:1100px){ .toc{position:sticky;top:calc(var(--hd-h) + 32px);align-self:start;max-height:calc(100vh - var(--hd-h) - 64px);overflow:auto} }
.toc .eyebrow{display:block;margin-bottom:12px}
.toc ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);counter-reset:toc}
.toc li{counter-increment:toc}
.toc a{display:grid;grid-template-columns:30px 1fr;gap:6px;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:rgba(242,239,232,.72);line-height:1.35}
.toc a::before{content:counter(toc,decimal-leading-zero);font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--cobalt-hi);padding-top:2px}
.toc a:hover,.toc a[aria-current="true"]{color:var(--chalk)}
.toc details summary{cursor:pointer;list-style:none;font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:12px 14px;border:1px solid var(--line)}
.toc details summary::-webkit-details-marker{display:none}
.toc details[open] summary{border-bottom-color:transparent}

/* texto largo */
.prose{max-width:72ch;font-size:clamp(16px,1.05vw,19px);line-height:1.65;color:rgba(242,239,232,.84)}
.prose > * + *{margin-top:1em}
.prose h2{margin-top:2.2em;font-family:var(--f-disp);font-weight:900;text-transform:uppercase;font-size:clamp(26px,2.4vw,40px);line-height:1;letter-spacing:.01em;color:var(--chalk);scroll-margin-top:calc(var(--hd-h) + 24px)}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:1.8em;font-family:var(--f-body);font-weight:600;font-size:1.12em;color:var(--chalk);scroll-margin-top:calc(var(--hd-h) + 24px)}
.prose ul,.prose ol{padding-left:1.3em}
.prose li + li{margin-top:.45em}
.prose li::marker{color:var(--cobalt-hi)}
.prose a{color:var(--cobalt-hi);text-underline-offset:3px}
.prose strong,.prose b{color:var(--chalk);font-weight:600}
.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
.prose .meta{font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}