/* Motion prototype only. All resting sizes and layout remain in the master CSS. */
.study-c .core{position:relative;isolation:isolate;background:transparent;font-variation-settings:'FLAR' var(--figure-flar,25)}
.study-c .core::before{content:'';position:absolute;inset:0;z-index:-1;background:#292531;transform-origin:right center;transform:scaleX(var(--figure-scale,1));pointer-events:none}
.study-c .lead{font-variation-settings:'FLAR' var(--field-flar,25)}
.core:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.system-module summary{transition:none}
.system-module.is-closing .module-number{transform:none}
.link-arrow{display:inline-block}
@media(prefers-reduced-motion:no-preference){
 .link-arrow{transition:transform 160ms ease}
 a:focus-visible .link-arrow{transform:translate(2px,-2px)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .system-module:not([open]) summary:hover .module-number{transform:translateX(3px)}
 a:hover .link-arrow{transform:translate(2px,-2px)}
}
@media(prefers-reduced-motion:reduce){
 .study-c .core::before{transform:none}
 .study-c .core,.study-c .lead{font-variation-settings:'FLAR' 25}
 .module-number,.link-arrow{transition:none!important}
}

@media(pointer:coarse){
 .core{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent}
}

/* Prototype-only author readability adjustment: 11px -> 13.2px (+20%). */
.study-c .system-quote figcaption{font-size:21px}
@media(max-width:600px){
 .study-c .system-quote figcaption{font-size:15px}
}

/* Keep section/content positions fixed; tighten only the number–title pair. */
.system-section .system-label:has(>h2){padding-bottom:4px}
.system-section .system-label>h2{margin-top:6px}
@media(max-width:600px){
 .system-section .system-label:has(>h2){padding-bottom:2px}
 .system-section .system-label>h2{margin-top:4px}
}