/* Experimental motion route only. Stable B never loads this stylesheet. */
.motion .motion-notice{max-width:1200px;margin:18px auto 0;padding:0 2px;display:flex;justify-content:space-between;gap:16px;font-size:13px;line-height:1.5;color:var(--muted)}
.motion .motion-notice a{display:inline-flex;align-items:center;min-height:44px;color:var(--link)}
.motion .hero.comic-feature{position:relative;min-height:clamp(520px,72svh,760px);margin-top:20px;overflow:hidden}
.motion .comic-feature .feature-copy{position:relative;isolation:isolate;overflow:hidden;background:var(--paper)}
.motion .feature-copy>.cartela-underlay{position:absolute;inset:0;z-index:-1;display:block;background:var(--lilac);pointer-events:none;transform-origin:0 50%}
.motion .comic-feature figure{overflow:hidden}
.motion [data-motion-art]{transform-origin:50% 55%}
.motion .scene-ink{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.motion .scene-ink rect{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:square}
.motion .motion-explore{display:flex;justify-content:space-between;align-items:center;max-width:1200px;min-height:52px;margin:12px auto 0;font-size:14px;color:var(--muted);text-decoration:none}
.motion .motion-explore span{font-size:24px;line-height:1}
.motion .resource-index{padding-top:40px}
.motion .resource-index .section-heading{border-bottom:0}
.motion .catalogue-rule{display:block;height:3px;background:var(--ink);transform-origin:0 50%;margin-bottom:28px}
.motion .resource-index .cards{display:grid;grid-template-columns:1fr;gap:28px;max-width:100%}
.motion .folio-entry{perspective:1200px;padding:0 8px 10px 0;min-width:0}
.motion .resource-index .cards .motion-folio{position:relative;display:grid;grid-template-columns:164px minmax(0,1fr) auto;grid-template-rows:1fr 1fr;gap:8px 32px;align-items:center;padding:24px;border:2px solid var(--ink);background:var(--paper);min-height:252px;max-width:none;margin:0;box-shadow:5px 6px 0 -1px var(--paper),5px 6px 0 1px var(--ink);transform:rotateX(0) rotateY(0);transform-style:preserve-3d;transform-origin:50% 50%;transition:transform 220ms var(--ease-out),background-color 140ms ease}
.motion .motion-folio .folio-cover{grid-column:1;grid-row:1/3;width:164px;height:200px;padding:18px;background:var(--lilac);border:2px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between;transform:translateZ(3px);min-width:0;overflow:hidden}
.motion .motion-folio .folio-cover.has-image{padding:0}
.motion .folio-cover img{display:block;width:100%;height:100%;object-fit:cover}
.motion .folio-cover span{font:11px/1.4 Plex,monospace;overflow-wrap:anywhere}
.motion .folio-cover strong{font:900 28px/1.05 Archivo,Arial,sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere}
.motion .motion-folio h3{grid-column:2;grid-row:1;align-self:end;font-size:30px}
.motion .motion-folio .resource-evidence{grid-column:2;grid-row:2;align-self:start;font-size:15px}
.motion .motion-folio .read-resource{grid-column:3;grid-row:1/3;min-height:48px;padding:10px 0}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.motion .resource-index .cards .motion-folio:hover{transform:rotateX(1.5deg) rotateY(-2deg);background:var(--paper)}}
.motion .resource-index .cards .motion-folio:focus-within{transform:none!important;transition:none}
.motion .folio-entry:has(:focus-visible){transform:none!important}
.motion .comparison-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:0 0 24px}
.motion .comparison-tools button{font:650 15px/1.4 Archivo,Arial,sans-serif;min-height:48px;padding:11px 18px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);cursor:pointer;touch-action:manipulation}
.motion .comparison-tools button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.motion .comparison-tools [data-changes-status]{font-size:14px;line-height:1.5;margin:0;max-width:60ch;color:var(--muted)}
.motion .comparison-tools [data-changes-status]:empty{margin:0;min-height:0}
.motion [data-comparison] [data-change]{background:transparent;color:inherit;text-decoration:none;transition:background-color 140ms ease,color 140ms ease}
.motion [data-comparison].changes-visible [data-change]{background:var(--lilac);color:var(--link);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-skip-ink:none}
@media(max-width:1250px){.motion .motion-notice,.motion .motion-explore{margin-left:24px;margin-right:24px}}
@media(max-width:850px){.motion .resource-index .cards .motion-folio{grid-template-columns:132px minmax(0,1fr) auto;gap:8px 22px}.motion .motion-folio .folio-cover{width:132px;height:180px;padding:14px}.motion .folio-cover strong{font-size:25px}.motion .motion-folio h3{font-size:26px}}
@media(max-width:650px){.motion .motion-notice{margin:12px 16px 0;font-size:11px;align-items:center}.motion .motion-notice a{font-size:12px}.motion .hero.comic-feature{min-height:0;margin-top:12px}.motion .motion-explore{margin:10px 16px 0;font-size:13px}.motion .resource-index{padding-top:32px}.motion .catalogue-rule{margin-bottom:22px}.motion .folio-entry{padding-right:7px}.motion .resource-index .cards .motion-folio{grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto auto auto;gap:8px 18px;padding:18px 16px;min-height:214px}.motion .motion-folio .folio-cover{grid-column:1;grid-row:1/4;width:96px;height:172px;padding:12px}.motion .folio-cover strong{font-size:18px;line-height:1.1}.motion .folio-cover span{font-size:10px}.motion .motion-folio h3{grid-column:2;grid-row:1;font-size:22px;align-self:end}.motion .motion-folio .resource-evidence{grid-column:2;grid-row:2;font-size:12px;line-height:1.6}.motion .motion-folio .read-resource{grid-column:2;grid-row:3;font-size:14px;align-self:start;min-height:44px;padding:4px 0}.motion .comparison-tools{gap:12px}.motion .comparison-tools button{width:100%}}
@media(prefers-reduced-motion:reduce){.motion [data-motion-art],.motion [data-motion-cartela],.motion [data-motion-rule],.motion [data-motion-entry],.motion [data-motion-folio]{transform:none!important;transition:none!important}.motion .scene-ink rect{stroke-dasharray:none!important;stroke-dashoffset:0!important}.motion [data-change]{transition:none}}
@media print{.motion .motion-notice,.motion .motion-explore,.motion .scene-ink,.motion .comparison-tools{display:none}.motion [data-motion-entry],.motion [data-motion-art],.motion [data-motion-folio]{transform:none!important}.motion .hero.comic-feature{min-height:0}.motion .motion-folio{box-shadow:none!important}}
@media(max-width:650px){.motion .resource-index .cards .motion-folio{grid-template-columns:112px minmax(0,1fr);gap:8px 12px}.motion .motion-folio .folio-cover{width:112px;padding:8px}.motion .folio-cover strong{font-size:14px;overflow-wrap:normal;word-break:normal}}