/* Scoped to the new headers: artwork below the same centered white typography. */
[data-page="sections"] .chapter-head.category-divider { position:relative; display:block; height:224px; min-height:224px; margin-bottom:24px; overflow:hidden; isolation:isolate; --reveal-duration:1500ms; }
.category-divider .divider-art { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(640px,100%); height:100%; fill:none; stroke:rgb(var(--family)/.48); stroke-width:.7; z-index:0; pointer-events:none; }
[data-page="sections"] .category-divider .chapter-name.demo-title { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; margin:0; max-width:none; color:#f8fafc !important; background:none !important; animation:none !important; font:600 44px/1.1 var(--font); letter-spacing:.055em; text-transform:uppercase; text-shadow:0 2px 5px #030609,0 0 17px #030609,0 0 34px #030609; pointer-events:none; z-index:2; }
.category-divider .text-run { font-size:var(--title-size,44px); }
.category-divider .character { display:inline-block; text-align:center; white-space:pre; opacity:0; }
.category-divider .demo-index,.category-divider .demo-count { position:absolute; top:50%; transform:translateY(-50%); z-index:3; font:500 11px/1.2 var(--font); letter-spacing:.14em; color:rgb(var(--family)/.9); }
.category-divider .demo-index {left:16px;}
.category-divider .demo-count {right:16px;margin:0;}
.category-divider .demo-count small {display:block;margin-top:6px;font:400 8px var(--font);letter-spacing:.06em;color:rgb(var(--family)/.68);}
.category-divider .craft-edge {stroke:#a8cbd9;stroke-opacity:.22;stroke-width:.55;}
.category-divider .craft-line {stroke-width:.85;}
.category-divider .craft-trail {stroke:rgb(var(--family));stroke-opacity:.9;stroke-width:1.35;stroke-linecap:round;}
.category-divider .craft-glare {stroke:#d4f0fa;stroke-opacity:.7;stroke-width:.45;}
.category-divider .craft-network {stroke:rgb(var(--family));stroke-width:.8;}
.category-divider .craft-network-face {stroke:rgb(var(--family)/.22);stroke-width:.45;}
.category-divider .v3-contour {stroke:rgb(var(--family));stroke-width:.65;fill:none;}
.category-divider .v3-rib {stroke:#bfdde8;stroke-opacity:.19;stroke-width:.45;fill:none;}
.category-divider .v3-filament {fill:none;stroke:#d9f3ff;stroke-width:1.05;stroke-linecap:round;}
.category-divider .v3-sheet {fill-opacity:.11;}
.category-divider .v3-register {stroke:rgb(var(--family));stroke-width:1;}
.category-divider .v3-scan {stroke:#ebfbff;stroke-opacity:.7;stroke-width:.8;}
.category-divider .build-stroke {stroke-dasharray:1 1;stroke-dashoffset:1;}
.category-divider .build-face {opacity:0;}
.category-divider.is-in .build-stroke {animation:category-draw calc(var(--reveal-duration)*1.05) var(--ease) calc(var(--step,0)*65ms) both;}
.category-divider.is-in .build-face {animation:category-face calc(var(--reveal-duration)*1.15) var(--ease) calc(var(--step,0)*70ms) both;}
.category-divider.is-in .character {animation:category-type calc(var(--reveal-duration)*.6) var(--ease) calc(280ms + var(--char)*24ms) both;}
.category-divider.is-in .demo-index,.category-divider.is-in .demo-count {animation:category-face var(--reveal-duration) var(--ease) both;}
@keyframes category-draw {to{stroke-dashoffset:0;}}
@keyframes category-face {from{opacity:0;}to{opacity:1;}}
@keyframes category-type {from{opacity:0;transform:translateY(8px);filter:blur(5px);}to{opacity:1;transform:none;filter:none;}}
@media(max-width:700px){[data-page="sections"] .chapter-head.category-divider {height:190px;min-height:190px;} .category-divider .demo-index {left:10px;} .category-divider .demo-count {right:10px;} .category-divider .demo-count small {display:none;} }
@media(prefers-reduced-motion:reduce){.category-divider *{animation:none !important;} .category-divider .character,.category-divider .build-face {opacity:1;} .category-divider .build-stroke {stroke-dashoffset:0;}}

/* SVG construction replaces opacity entrance animations. Text keeps its decoding entrance. */
.category-divider .divider-art * {animation:none !important;transition:none !important;}
.category-divider .divider-art .build-face {opacity:1 !important;}
.category-divider .divider-art .drawing-ink {fill:none !important;stroke-linejoin:round;stroke-linecap:round;}
.category-divider .divider-art [data-draw-source] {animation:none !important;}