.animated-page{background:var(--paper);color:var(--ink)}.animated-shell{max-width:1500px;margin:auto;padding:0 clamp(18px,4vw,60px) 70px}.animated-heading{justify-content:space-between;align-items:end;gap:30px;padding:32px 0 24px;display:flex}.animated-heading h1{font-family:var(--serif);letter-spacing:-.035em;margin:10px 0;font-size:clamp(38px,4.5vw,64px);font-weight:500;line-height:1.07}.animated-heading p{color:var(--muted);max-width:58ch;margin:12px 0;line-height:1.6}.animated-kicker{color:var(--jade);text-transform:uppercase;font:11px var(--mono);letter-spacing:.12em}.animated-heading>a{white-space:nowrap;padding-bottom:12px}.animated-workspace{color:#e8e8dc;background:#102a32;grid-template-columns:minmax(0,1fr) 285px;gap:0;display:grid}.animated-stage{min-width:0}.animated-stage :is(svg,img){width:100%;height:auto;display:block}.animated-stage [data-map]{touch-action:pan-y}.animated-stage [data-map-place]{cursor:pointer}.animated-stage [data-map-place]:focus{stroke:#fff;stroke-width:4px;outline:none}.animated-controls{background:#19363d;border-left:1px solid #426067;flex-direction:column;gap:15px;padding:23px;display:flex}.animated-page label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.animated-page :is(input,select,button){font:inherit;min-height:44px}.animated-controls :is(select,input){color:#142d34;background:#f4f1e7;border:1px solid #819d9f;border-radius:0;width:100%;padding:10px}.animated-controls label{min-width:0}.animated-controls :is(select,input){min-width:0;max-width:100%}.animated-page select{text-overflow:ellipsis;height:44px;overflow:hidden}.animated-page button{color:#edf0e6;cursor:pointer;background:#1f4850;border:1px solid #6a8d91;border-radius:0;padding:10px 14px}.animated-page button:hover{background:#326269}.animated-page button:disabled{opacity:.5;cursor:default}.animated-page :is(a,button,input,select,[tabindex]):focus-visible{outline-offset:4px;outline:3px solid #e6bd6b}.animated-controls button{color:#152d33;background:#e6bd6b;border:0;width:100%;margin-top:5px;font-weight:700}.animated-story{color:#d2e3d9;border-top:1px solid #426067;min-height:72px;margin:0;padding:12px 24px;font-size:14px;line-height:1.6}.animated-playback{color:#e8e8dc;background:#102a32;border-top:1px solid #426067;align-items:center;gap:18px;padding:18px 24px;display:flex}.animated-playback label{flex:1}.animated-playback input{accent-color:#e6bd6b;width:100%}.animated-playback [data-play]{color:#152d33;background:#e6bd6b;border:0;min-width:108px;font-weight:700}.animated-playback output{font:12px var(--mono)}.animated-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:12px;padding:18px 0;display:flex}.animated-toolbar select{color:var(--ink);background:#fffdf7;border:1px solid #839b92;max-width:240px;padding:8px}.animated-toolbar .animated-camera{gap:6px;margin-left:auto;display:flex}.animated-toolbar button{background:var(--paper-light);color:var(--ink)}.animated-toolbar button:hover{background:#e0e8df}.animated-context{grid-template-columns:1fr 1fr;gap:40px;padding:24px 0;display:grid}.animated-context h2,.animated-sources h2,.animated-chapters h2{font:500 30px var(--serif);margin:8px 0 18px}.animated-context p{color:var(--muted);max-width:75ch;line-height:1.75}.animated-context [data-summary]{color:var(--ink);font-size:18px}.animated-data-wrap{border-block:1px solid var(--line);max-height:460px;overflow:auto}.animated-table{border-collapse:collapse;text-align:left;background:var(--paper-light);width:100%;font-size:13px}.animated-table caption{text-align:left;padding:16px;font-weight:600}.animated-table :is(th,td){border-top:1px solid var(--line);vertical-align:top;padding:12px;line-height:1.5}.animated-table thead{background:#e1e7de;position:sticky;top:0}.animated-comparison{grid-template-columns:1fr 1fr;gap:24px;padding:24px 0;display:grid}.animated-comparison>div:last-child{align-self:center;padding:15px}.animated-comparison p{line-height:1.7}.animated-comparison svg{width:100%;height:auto}.animated-note{color:var(--muted);font-size:13px;line-height:1.65}.animated-sources{border-block:1px solid var(--line);padding:30px 0}.animated-sources summary{font:500 28px var(--serif);cursor:pointer;padding:8px 0}.animated-sources :is(p,li){overflow-wrap:anywhere;max-width:105ch;line-height:1.75}.animated-sources li{margin:10px 0}.animated-chapters{padding:30px 0}.animated-chapters nav{flex-wrap:wrap;gap:16px 25px;display:flex}.animated-chapters a{padding-block:10px}.animated-load-status,.animated-action-status{color:var(--muted);font-size:14px;line-height:1.6}.animated-action-status:empty,.animated-load-status:empty{display:none}[data-static] .animated-stage{background:#102a32}[data-static]>.animated-data-wrap{margin-top:24px}.animated-hub-heading{max-width:850px;padding:40px 0 30px}.animated-hub-heading h1{font:500 clamp(48px,6vw,90px)/1.03 var(--serif);letter-spacing:-.04em;margin:18px 0 26px}.animated-hub-heading p{color:var(--muted);max-width:58ch;font-size:19px;line-height:1.7}.animated-hub-feature{color:#eee9db;background:#102a32;position:relative}.animated-hub-feature>a{display:block}.animated-hub-feature img{width:100%;display:block}.animated-hub-feature .animated-hub-overlay{background:#19363d;justify-content:space-between;align-items:center;gap:15px;padding:20px 30px;display:flex}.animated-hub-overlay h2{font:500 32px var(--serif);margin:0}.animated-hub-overlay a{color:#e6bd6b;font-weight:600}.animated-collection{border-top:1px solid var(--line);margin-top:35px}.animated-collection article{border-bottom:1px solid var(--line);grid-template-columns:55px 1fr 1.1fr auto;align-items:baseline;gap:25px;padding:24px 0;display:grid}.animated-collection h2{font:500 28px var(--serif);margin:0}.animated-collection p{color:var(--muted);margin:0;line-height:1.7}.animated-collection .animated-kicker{font-size:13px}@media (prefers-reduced-motion:no-preference){.animated-heading{animation:.45s both scene-enter}.animated-collection a{transition:color .2s}.animated-controls{transition:background .2s}.animated-controls:focus-within{background:#20424a}@keyframes scene-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@media (width<=950px){.animated-workspace{grid-template-columns:1fr}.animated-controls{border-top:1px solid #426067;border-left:0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.animated-controls button{align-self:end}.animated-context{grid-template-columns:1fr;gap:5px}.animated-collection article{grid-template-columns:30px 1fr auto;gap:18px}.animated-collection p{grid-column:2}.animated-collection article>a:last-child{grid-area:1/3}}@media (width<=580px){.animated-heading{padding-top:20px;display:block}.animated-heading h1{font-size:39px}.animated-heading p{font-size:14px}.animated-workspace{margin-inline:-10px}.animated-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.animated-controls label{font-size:11px}.animated-story{min-height:90px;padding:14px 16px;font-size:12px}.animated-playback{gap:12px;padding:14px 16px}.animated-playback [data-play]{min-width:84px;padding:9px}.animated-playback output{font-size:10px}.animated-toolbar .animated-camera{margin-left:0}.animated-toolbar{gap:12px 8px}.animated-toolbar label{max-width:100%}.animated-toolbar select{max-width:185px}.animated-context h2{font-size:28px}.animated-table{min-width:530px}.animated-comparison{grid-template-columns:1fr;gap:0}.animated-sources summary{font-size:26px}.animated-hub-heading{padding-top:20px}.animated-hub-heading h1{font-size:51px}.animated-hub-heading p{font-size:16px}.animated-hub-feature .animated-hub-overlay{flex-direction:column;align-items:start;padding:18px}.animated-collection h2{font-size:25px}.animated-collection p{font-size:14px}}@media (prefers-reduced-motion:reduce){.animated-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.animated-controls,.animated-toolbar,.animated-playback,.site-header,.site-footer{display:none}.animated-data-wrap{max-height:none;overflow:visible}.animated-workspace{display:block}}.animated-map-credit{color:#c6d3ce;overflow-wrap:anywhere;background:#102a32;margin:0;padding:10px 16px;font-size:12px;line-height:1.5}.animated-map-credit a{color:#e6bd6b;text-underline-offset:.15em;text-decoration:underline}