.ga-library{margin:0;padding:24px clamp(14px,3vw,48px);font:17px/1.5 Arial,Helvetica,sans-serif;color:var(--ink-2);background:var(--paper)}
.ga-header,.ga-library main,.ga-footer{max-width:1440px;margin:0 auto}
.ga-header h1{font-size:36px;margin:18px 0 8px}.ga-header p{max-width:900px;margin:8px 0}.ga-note{color:var(--ink-3)}
.ga-library a,.ga-companions a{color:var(--guide-red-deep);text-decoration:underline;text-underline-offset:3px}
.ga-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:24px 0 10px;padding:18px;background:var(--paper-warm);border:1px solid var(--rule-hair);border-radius:10px}
.ga-filters label{display:flex;flex-direction:column;gap:5px;flex:1 1 190px;font-size:15px;font-weight:600}
.ga-filters input,.ga-filters select{font:inherit;font-weight:400;width:100%;max-width:100%;box-sizing:border-box;background:var(--paper);color:var(--ink-2);border:1px solid var(--rule-hair);border-radius:5px;min-height:44px;padding:8px}
.ga-library button,.ga-companions button{font:inherit;border:1px solid var(--guide-red-deep);border-radius:5px;background:var(--paper);color:var(--guide-red-deep);min-height:44px;padding:8px 12px;cursor:pointer}
.ga-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ga-card{min-width:0;border:1px solid var(--rule-hair);border-radius:12px;padding:18px;scroll-margin-top:20px}
.ga-card[hidden]{display:none}.ga-card h2{font-size:22px;line-height:1.25;margin:0 0 12px;font-weight:700}.ga-card figure{margin:0}.ga-media{display:block;width:100%;height:auto;background:var(--paper);border:1px solid var(--rule-soft);border-radius:5px;box-sizing:border-box}
.ga-card figcaption{font-size:16px;line-height:1.5;margin-top:12px}.ga-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:14px 0}.ga-controls a{min-height:44px;display:inline-flex;align-items:center;font-size:15px}.ga-guides{font-size:14px;line-height:1.7;margin:12px 0}.ga-source{font-size:15px;color:var(--ink-3)}.ga-source summary{cursor:pointer;min-height:32px}.ga-source p{margin:8px 0}
.ga-footer{margin-top:32px;border-top:1px solid var(--rule-hair);padding-top:18px;font-size:14px;color:var(--ink-3)}
.ga-skip{position:absolute;left:-10000px}.ga-skip:focus{left:20px;top:10px;background:var(--paper);padding:10px;z-index:1000}
.ga-library :focus-visible,.ga-companions :focus-visible{outline:3px solid var(--guide-red-deep);outline-offset:3px}
.ga-companions{max-width:1000px;margin:18px auto;padding:16px;box-sizing:border-box;border:1px solid var(--rule-hair);border-radius:10px;background:var(--paper);font:17px/1.5 Arial,Helvetica,sans-serif}
.ga-companions>summary{cursor:pointer;min-height:44px;font-weight:700;color:var(--guide-red-deep)}.ga-companions .ga-grid{margin-top:12px}.ga-companions .ga-card h3{font-size:21px;line-height:1.3;margin:0 0 10px}.ga-companions .ga-card p{font-size:16px;line-height:1.5;margin:12px 0}
@media(max-width:820px){.ga-grid{grid-template-columns:1fr}.ga-filters{padding:12px}.ga-library{padding-top:16px}.ga-card{padding:12px}.ga-companions{margin:12px}.ga-header h1{font-size:30px}}
@media print{.ga-companions,.ga-filters,.ga-controls,.ga-skip{display:none!important}.ga-grid{display:block}.ga-card{break-inside:avoid;margin-bottom:20px}}
/* The dark field belongs to the artwork. Reader controls retain the guide palette. */
.ga-stage{position:relative;overflow:hidden;border-radius:8px;background:var(--ink);aspect-ratio:1000/560}
.ga-stage .ga-media,.ga-stage .ga-video{width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:var(--ink)}
.ga-stage [hidden]{display:none}
.ga-video{display:block}
.ga-library .ga-expand{position:absolute;right:10px;bottom:10px;border:1px solid var(--ink-3);background:var(--ink);color:var(--paper);font-size:13px;min-height:36px;padding:5px 10px;opacity:.9}
.ga-card{padding:20px;border-radius:16px;background:var(--paper);box-shadow:0 5px 20px color-mix(in srgb,var(--ink) 4%,transparent)}
.ga-card h2{font-size:21px}.ga-card figcaption{color:var(--ink-3)}
.ga-viewer{width:min(1180px,96vw);max-width:96vw;max-height:94vh;padding:20px;border:1px solid var(--rule-hair);border-radius:16px;background:var(--paper);color:var(--ink-2);box-sizing:border-box}
.ga-viewer::backdrop{background:color-mix(in srgb,var(--ink) 85%,transparent)}
.ga-viewer-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.ga-viewer-head h2{font-size:23px;margin:0}
.ga-viewer video{display:block;width:100%;max-height:65vh;background:var(--ink);border-radius:8px}
.ga-viewer-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:14px}
.ga-viewer-tools label{display:flex;flex-direction:column;gap:4px;font-size:14px}
.ga-viewer-tools select{font:inherit;padding:8px;min-height:44px;border:1px solid var(--rule-hair);background:var(--paper);color:var(--ink-2);border-radius:5px}
.ga-viewer p{font-size:16px;color:var(--ink-3);margin-bottom:0}
@media(max-width:820px){.ga-card{padding:12px}.ga-viewer{padding:12px}.ga-viewer-head h2{font-size:18px}.ga-viewer video{max-height:55vh}}
@media print{.ga-viewer,.ga-expand,.ga-video{display:none!important}.ga-stage img[hidden]{display:block!important}}
/* The animation lives with its teaching section, at the full reader width. */
.mcp-reader .page .ga-inline{display:block;box-sizing:border-box;width:100%;max-width:1000px;margin:28px auto;padding:20px;border:1px solid var(--rule-hair);border-radius:14px;background:var(--paper-warm);font:16px/1.5 Arial,Helvetica,sans-serif;color:var(--ink-2);scroll-margin-top:var(--guide-context-offset,92px);overflow:visible;clear:both}
.mcp-reader .ga-inline h3{font-size:21px!important;line-height:1.3!important;font-weight:700;margin:0 0 14px;color:var(--ink-2)}
.ga-inline-video{display:block;width:100%;height:auto;aspect-ratio:1000/560;object-fit:contain;background:var(--ink);border-radius:8px}
.mcp-reader .ga-inline figcaption{font-size:16px!important;line-height:1.5!important;color:var(--ink-3);margin:14px 0 0}
.ga-inline a{color:var(--guide-red-deep);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.ga-inline button,.ga-inline select,.ga-inline-viewer button{font:inherit;font-size:16px;line-height:1.4;min-height:44px;max-width:100%;border:1px solid var(--guide-red-deep);border-radius:5px;padding:8px 12px;background:var(--paper);color:var(--guide-red-deep);cursor:pointer}
.ga-inline .ga-controls{gap:10px;margin:14px 0 10px}
.mcp-reader .ga-inline .ga-inline-source{font-size:14px!important;line-height:1.5!important;color:var(--ink-3);margin:0;overflow-wrap:anywhere}
.ga-inline :focus-visible,.ga-inline-viewer :focus-visible{outline:3px solid var(--guide-red-deep);outline-offset:3px}
@media(max-width:820px){.mcp-reader .page .ga-inline{padding:12px;margin:20px auto}.mcp-reader .ga-inline h3{font-size:19px!important}.ga-inline .ga-controls{gap:8px}.ga-inline button,.ga-inline select{padding:8px 10px}}
@media print{.ga-inline,.ga-inline-viewer{display:none!important}}