/* Shared tokens: content stays in site.json; skins are selected in layouts.json. */
.content-section{--module-bg:#fff;--module-ink:#202327;--module-muted:#61676d;--module-line:#d9dddf;--module-surface:#f4f5f4;--module-radius:0px;--module-width:1180px;position:relative;z-index:3;background:var(--module-bg);color:var(--module-ink);padding:clamp(72px,8vw,116px) 24px;scroll-margin-top:72px;font-family:inherit;overflow-wrap:anywhere}
.section-shell{max-width:var(--module-width);margin-inline:auto}
.section-head{max-width:680px;margin-bottom:48px}
.section-kicker{font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--module-muted);margin:0 0 24px}
.section-title{font-size:clamp(2rem,1.5rem + 2.5vw,3.5rem);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin:0;text-wrap:balance}
.section-intro{max-width:48ch;font-size:15px;line-height:1.7;color:var(--module-muted);margin:24px 0 0}
.section-note{font-size:11px;line-height:1.7;color:var(--module-muted);max-width:66ch;margin:18px 0 0}
.content-section p:empty{display:none}
.module-link{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;border-top:1px solid var(--module-line);font-size:13px;font-weight:500}
.module-link span{font-size:19px}
.module-link:hover{text-decoration:underline;text-underline-offset:5px}
.content-section :is(a,summary):focus-visible{outline:3px solid var(--module-ink);outline-offset:5px}
/* Second skin: same blocks and data, different tone, grid and surface treatment. */
.modules-contrast .content-section{--module-bg:#171c21;--module-ink:#f1f3f4;--module-muted:#b6bfc6;--module-line:#3b444d;--module-surface:#20272e;--module-radius:12px}
@media(max-width:700px){.section-head{margin-bottom:32px}.section-intro{font-size:14px}.content-section{scroll-margin-top:64px}}