/* A historical sequence and an explicitly conditional AI parallel. */
#transformation-study{position:fixed;inset:var(--transformation-top,78px) 0 var(--transformation-bottom,58px);z-index:28;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--muted) var(--ground);background:var(--ground);color:var(--ink);font:14px/1.6 Human,sans-serif;padding:14px max(22px,5vw) 42px;isolation:isolate;touch-action:pan-y;--rearranged:0;--connected:1;--route-color:var(--ra-teal,#accfc3)}
#transformation-study *,#transformation-study *:before,#transformation-study *:after{box-sizing:border-box}
#transformation-study [hidden]{display:none!important}
#transformation-study ::selection{background:var(--red);color:var(--ground)}
#transformation-study :focus-visible{outline:2px solid var(--red);outline-offset:4px}
#transformation-study h1,#transformation-study h2,#transformation-study h3,#transformation-study p{margin:0}
#transformation-study h1{font:400 clamp(27px,2.4vw,32px)/1.05 Hand,cursive;outline:none}
#transformation-study h2{font:400 clamp(26px,2.5vw,35px)/1.15 Hand,cursive;text-wrap:balance;max-width:45ch}
#transformation-study h3{font:500 16px/1.4 Human,sans-serif}
#transformation-study p{max-width:70ch}
#transformation-study a{color:var(--red);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
#transformation-study a:hover{color:var(--ink)}
#transformation-study button{font:inherit;color:var(--ink);border:0;background:transparent;border-radius:0;cursor:pointer;min-height:44px;padding:8px 0;text-align:left}
#transformation-study button:disabled{opacity:.55;cursor:default}
.transformation-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
#transformation-study .transformation-invitation{font:400 clamp(15px,1.4vw,18px)/1.2 Hand,cursive;color:var(--red)}
.transformation-mode-controls{position:sticky;top:-14px;background:var(--ground);z-index:4;padding:4px 0 6px;margin:10px 0 14px;border-block:1px solid var(--line)}
.transformation-phases{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative}
#transformation-study .transformation-phases button{display:flex;flex-direction:column;gap:1px;position:relative;padding:4px 0;border-bottom:2px solid transparent;color:var(--muted)}
#transformation-study .transformation-phases button span{font:400 clamp(19px,1.8vw,23px)/1.2 Hand,cursive}
#transformation-study .transformation-phases button small{font:11px/1.5 Human,sans-serif}
#transformation-study .transformation-phases button[aria-pressed=true]{color:var(--red);border-bottom-color:var(--red)}
#transformation-study .transformation-phases button:hover{color:var(--ink)}
.transformation-scrubber{display:grid;grid-template-columns:1fr auto;gap:0 20px;align-items:center}
#transformation-study .transformation-scrubber input{grid-column:1/-1;width:100%;height:24px;margin:0;appearance:none;background:transparent;cursor:ew-resize;accent-color:var(--red);touch-action:pan-y}
#transformation-study .transformation-scrubber input::-webkit-slider-runnable-track{height:1px;background:var(--line)}
#transformation-study .transformation-scrubber input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-8px;border:3px solid var(--ground);border-radius:50%;background:var(--red);box-shadow:0 0 0 1px var(--red)}
#transformation-study .transformation-scrubber input::-moz-range-track{height:1px;background:var(--line)}
#transformation-study .transformation-scrubber input::-moz-range-thumb{width:14px;height:14px;border:3px solid var(--ground);border-radius:50%;background:var(--red)}
.transformation-scrubber label,.transformation-clock-note{font-size:11px;color:var(--muted)}
.transformation-workbench>h2{font-size:clamp(25px,2.4vw,31px)!important;margin-bottom:8px!important}
.transformation-worlds{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.transformation-world{min-width:0}
.transformation-world-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.transformation-world-heading span{font-size:11px;color:var(--muted)}
.transformation-drawing-wrap{margin:8px -8px 0}
.transformation-drawing{display:block;width:100%;height:clamp(210px,34vh,260px);overflow:visible}
.transformation-drawing path,.transformation-drawing circle,.transformation-drawing rect{fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.transformation-drawing text{fill:var(--ink);stroke:none;font:16px Hand,cursive}
.transformation-drawing .transformation-drawing-note,.transformation-drawing .history-factory-label{font:12px Human,sans-serif;fill:var(--muted)}
.transformation-drawing .history-vignette,.transformation-drawing .ai-vignette{display:none}
.transformation-drawing image{filter:grayscale(1)}
:root[data-ra-theme="dark"] .transformation-drawing image{filter:invert(1) grayscale(1) brightness(.9)}
#transformation-study[data-mode=discover] .history-discover,#transformation-study[data-mode=spectacle] .history-spectacle,#transformation-study[data-mode=ubiquity] .history-ubiquity,#transformation-study[data-mode=discover] .ai-discover,#transformation-study[data-mode=spectacle] .ai-spectacle,#transformation-study[data-mode=ubiquity] .ai-ubiquity{display:block}
#transformation-study:is([data-mode=discover],[data-mode=spectacle],[data-mode=ubiquity]) :is(.transformation-factory-scene,.transformation-ai-work-scene){display:none}
.transformation-drawing .history-accent,.transformation-drawing .history-motion,.transformation-drawing .history-wire{stroke:var(--red);stroke-width:2}
.transformation-drawing .history-motion{stroke-dasharray:4 3;animation:history-movement 2s linear 2}
.transformation-drawing .history-light{stroke:var(--red);stroke-width:2}
.transformation-drawing .history-callout{stroke:var(--muted);stroke-width:1;stroke-dasharray:2 4}
.transformation-drawing .history-open-wire{stroke:var(--muted);stroke-dasharray:5 8}
.transformation-drawing .history-glass{stroke:var(--muted)}
.transformation-drawing .machine-wheel{transform-box:fill-box;transform-origin:center}
.transformation-drawing .machine-table,.transformation-drawing .transformation-drive{stroke-width:1.6}
.transformation-drawing .transformation-shaft{stroke:var(--red);stroke-width:3}
.transformation-shafts{opacity:calc(1 - var(--rearranged))}
.transformation-local-drive{opacity:var(--rearranged)}
.transformation-local-drive path{stroke:var(--red)}
.transformation-drawing .transformation-belt{stroke:var(--muted)}
.transformation-drawing .transformation-floor{display:none}
.transformation-drawing .machine-detail{stroke:var(--muted);stroke-width:1}
.transformation-drawing .transformation-work-route{fill:none;stroke:var(--route-color);stroke-width:1.6;stroke-dasharray:4 6;opacity:0}
.transformation-drawing .transformation-route-arrows{opacity:0;pointer-events:none}
.route-shown .transformation-work-route,.route-shown .transformation-route-arrows{opacity:1}
.transformation-drawing .transformation-route-arrows path{stroke:var(--route-color);stroke-width:1.5}
.transformation-drawing .transformation-feedback{fill:none;stroke:var(--muted);stroke-dasharray:2 5;opacity:var(--rearranged)}
.transformation-drawing .transformation-target{fill:transparent;stroke:none}
.transformation-hit{cursor:pointer}
.transformation-hit:focus-visible{outline:none}
.transformation-hit:focus-visible .transformation-target{stroke:var(--red);stroke-width:2}
.transformation-hit[aria-pressed=true] .transformation-constraint{stroke:var(--red);stroke-width:2}
.transformation-capability{stroke:var(--red)!important;stroke-width:1.8!important}
.transformation-packet>*{fill:var(--red)!important;stroke:var(--red)!important}
.transformation-packet .packet-outline{fill:none!important;stroke-width:1}
.transformation-review-stop,.transformation-need-change,.transformation-outside,.transformation-attention{display:none}
.review-is-held .transformation-review-stop,.need-has-changed .transformation-need-change{display:block}
.transformation-review-stop path{stroke:var(--red);stroke-width:2}
.transformation-need-change text{font:16px Hand,cursive}
#transformation-study .transformation-world-caption{min-height:36px;font-size:13px;margin-top:4px}
#transformation-study .transformation-date{font-size:11px;color:var(--muted);margin-top:5px}
#transformation-study .history-source{display:inline-block;font-size:11px;margin-top:5px;min-height:32px;padding:4px 0}
.transformation-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:12px;padding:5px 0}
#transformation-study [data-replay]{color:var(--red)}
#transformation-study .transformation-replay-status{min-height:25px;color:var(--red);font-size:12px}
#transformation-study .transformation-model-note{font-size:12px;color:var(--muted);margin-top:6px}
.transformation-inspector{display:grid;grid-template-columns:210px 1fr;gap:35px;padding:24px 0;border-block:1px solid var(--line);margin:24px 0}
.transformation-inspect-nav{display:flex;flex-direction:column;align-items:start}
.transformation-inspect-nav [aria-pressed=true]{color:var(--red)!important;text-decoration:underline;text-underline-offset:5px}
#transformation-study [data-inspection] h3{font:26px/1.2 Hand,cursive;margin-bottom:10px}
.transformation-readings,.transformation-evidence{border-bottom:1px solid var(--line);padding:12px 0}
#transformation-study summary{min-height:44px;cursor:pointer;padding:8px 0;font-size:14px;color:var(--red)}
.transformation-content>h2{margin:16px 0!important}
.transformation-content section,.transformation-readings>section{margin:24px 0}
.transformation-content h3,.transformation-readings>section h3{margin-bottom:8px!important}
.transformation-rails{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.transformation-source-links{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0 8px}
.transformation-source-links a{min-height:44px;padding:8px 0}
.transformation-sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
@keyframes history-movement{to{stroke-dashoffset:-28}}
@media(max-width:600px){
 #transformation-study{padding:18px 20px 32px;scroll-padding-top:135px}
 .transformation-heading{display:block}#transformation-study h1{font-size:28px}
 #transformation-study .transformation-invitation{font-size:18px;margin-top:6px}
 .transformation-mode-controls{top:-18px;margin:12px 0;padding:6px 0}
 .transformation-phases{gap:8px}#transformation-study .transformation-phases button span{font:12px/1.3 Human,sans-serif}
 #transformation-study .transformation-phases button small{font-size:9px}
 .transformation-scrubber{display:block}.transformation-clock-note{display:none}
 .transformation-scrubber label{font-size:10px}
 #transformation-study h2{font-size:27px}.transformation-drawing{height:auto}
 .transformation-worlds{grid-template-columns:1fr;gap:25px}
 .transformation-world+.transformation-world{padding-top:18px;border-top:1px solid var(--line)}
 #transformation-study .transformation-world-heading h3{font-size:15px}
 #transformation-study .transformation-world-caption{min-height:0;font-size:13px}
 .transformation-inspector{grid-template-columns:1fr;gap:12px}.transformation-inspect-nav{flex-direction:row;flex-wrap:wrap;gap:0 18px}
 .transformation-actions{gap:8px 20px}#transformation-study [data-replay]{width:100%}
 .transformation-rails{grid-template-columns:1fr;gap:4px}
}
@media(prefers-reduced-motion:reduce){#transformation-study{scroll-behavior:auto}.transformation-drawing .history-motion{animation:none}}