:root{--ink:#263337;--muted:#697473;--red:#982d33;--paper:#fff;--ground:#f1f2ef;--line:#dce0d9;--green:#294a42;--serif:Georgia,'Times New Roman',serif;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--ground);font-size:16px}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b34c30;outline-offset:4px}button{color:inherit}button:disabled{opacity:.35;cursor:default}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:8px}
.masthead{display:flex;align-items:center;gap:32px;padding:23px 4vw;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0;font:27px/1.03 var(--serif);letter-spacing:-.6px}.brand em{font-style:normal;color:var(--red)}.brand small{display:block;font:9px/1.5 system-ui;letter-spacing:1.7px;margin-top:7px}.brand-mark{height:54px;width:42px;background:var(--red);color:white;text-align:center;font:48px/58px var(--serif)}.search{max-width:620px;flex:1;display:flex;align-items:center;gap:10px;background:#f4f5f2;border:1px solid #e2e5df;border-radius:5px;padding:11px 14px;margin-left:auto}.search>span{font-size:26px;line-height:1}.search input{width:100%;border:0;background:transparent;outline:none;font-size:15px}.search kbd{color:#8d9690;border:1px solid #d5dbd4;border-radius:3px;padding:0 6px}.text-button{border:0;background:none;padding:8px 4px;font-size:14px}.text-button b{background:#f0f2ed;border-radius:50%;font-size:12px;padding:3px 6px;margin-left:6px}.navigation{display:flex;gap:30px;overflow-x:auto;padding:0 4vw;background:white;border-bottom:1px solid var(--line);white-space:nowrap}.navigation a{padding:17px 0 15px;font-size:14px;border-bottom:3px solid transparent}.navigation a[aria-current=page]{color:var(--red);border-color:var(--red);font-weight:650}
main{max-width:1500px;margin:auto;min-height:75vh;padding:36px 4vw 60px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px;gap:20px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:650;color:var(--red);text-transform:uppercase;margin:0 0 9px}h1{font:38px/1.12 var(--serif);letter-spacing:-.7px;margin:0 0 9px}h2{font:27px/1.2 var(--serif);margin:0 0 15px}h3{font:21px/1.25 var(--serif);margin:0}p{line-height:1.6}.intro p{font-size:15px;color:var(--muted);margin:0;max-width:650px}.collection-count{color:var(--muted);font-size:13px;white-space:nowrap}.library-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.filter-chips{display:flex;gap:7px;flex-wrap:wrap}.chip,.pill{background:white;border:1px solid var(--line);border-radius:4px;padding:8px 12px;font-size:13px}.chip.active{background:var(--green);border-color:var(--green);color:white}.sort{background:transparent;border:0;color:var(--muted);font-size:13px;max-width:170px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden;position:relative;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 7px 22px #26333712}.card-image{height:195px;background:#f9faf7;display:flex;align-items:center;justify-content:center;padding:11px;border-bottom:1px solid #e8eae5;overflow:hidden}.card-image img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.card-content{padding:18px 19px 16px}.card .eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:7px}.card h3{min-height:2.5em;padding-right:9px}.card-meta{display:flex;gap:13px;color:var(--muted);font-size:12px;margin-top:17px}.bookmark{position:absolute;right:12px;top:12px;z-index:2;border:1px solid #e4e6df;background:#fffffff0;color:var(--muted);border-radius:50%;width:31px;height:31px;font-size:21px;line-height:1}.bookmark[aria-pressed=true]{color:var(--red)}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:30px auto 0;font-size:14px}.empty{padding:60px;text-align:center;background:white;border:1px solid var(--line);border-radius:6px}.empty p{color:var(--muted)}
.breadcrumb{font-size:13px;color:var(--muted);display:flex;gap:10px;margin-bottom:22px}.breadcrumb a{color:var(--red)}.topic-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.topic-heading h1{margin:0}.topic-heading .bookmark{position:static;flex-shrink:0;width:42px;height:42px;font-size:26px}.topic-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.stage-panel{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 17px;border-bottom:1px solid var(--line);font-size:13px}.stage{min-height:440px;padding:22px;display:flex;justify-content:center;align-items:center;background:#fff;overflow:auto;position:relative}.stage img{display:block;max-width:100%;max-height:700px;object-fit:contain;cursor:zoom-in}.stage canvas{display:block;max-width:100%;max-height:700px;image-rendering:auto}.stage-inner{position:relative;display:inline-block;max-width:100%}.hotspot{position:absolute;background:transparent;border:0;cursor:pointer;min-height:10px;min-width:10px}.hotspot:hover,.hotspot:focus-visible{background:#c9322722;outline:2px solid #b32e28;outline-offset:0}.stage-status{color:var(--muted);padding:13px;font-size:14px}.thumbnail-strip{display:flex;gap:9px;overflow:auto;padding:14px 17px;border-top:1px solid var(--line);background:#fafbf8}.thumb{flex-shrink:0;width:79px;height:65px;border:2px solid transparent;background:white;padding:3px;border-radius:3px}.thumb img{width:100%;height:100%;object-fit:contain}.thumb.selected{border-color:var(--red)}.side-block{background:white;border:1px solid var(--line);border-radius:6px;margin-bottom:17px;padding:19px}.side-block h2{font:19px var(--serif);margin-bottom:14px}.side-block p{font-size:14px;color:var(--muted)}.side-block audio,.side-block video{display:block;width:100%;margin:9px 0 13px}.side-block video{max-height:230px;background:#111}.side-block audio{height:37px}.media-label{font-size:12px;color:var(--muted);display:block;margin-bottom:5px}.detail-list{max-height:380px;overflow:auto;display:grid;gap:6px}.detail-item{display:flex;align-items:center;gap:9px;border:1px solid #e8ebe4;background:#f9faf7;border-radius:4px;padding:9px;text-align:left;font-size:13px;min-width:0}.detail-item>span:first-child{flex-shrink:0}.detail-item>span:last-child{overflow:hidden;text-overflow:ellipsis}.detail-item.active{border-color:var(--red);color:var(--red);background:#fff6f4}.detail-item img{width:43px;height:36px;object-fit:contain}.details-toggle{display:block;color:var(--muted);margin:18px 0;font-size:13px}.all-details{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.all-details button{width:112px;height:92px;border:1px solid var(--line);background:white;padding:8px}.all-details img{max-height:100%;max-width:100%}.read-text{font-size:15px;line-height:1.7;white-space:pre-line;color:var(--muted);max-height:450px;overflow:auto}.related{display:flex;flex-wrap:wrap;gap:8px}.related a{font-size:13px;border-bottom:1px solid #ccd4cb;padding:5px 0;margin-right:8px}.animation-controls{display:flex;justify-content:center;align-items:center;gap:13px;padding:13px;border-top:1px solid var(--line)}.animation-controls input{max-width:280px;flex:1;accent-color:var(--red)}.animation-controls span{font-size:12px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:22px 4vw;display:flex;gap:24px;align-items:center;font-size:11px;color:var(--muted);background:white}footer>span{margin-right:auto}footer .text-button{font-size:11px}dialog{border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 100px #0004;color:var(--ink);max-width:calc(100vw - 32px);padding:0}dialog::backdrop{background:#182526c9}#viewer{width:min(1100px,calc(100vw - 32px));max-height:94vh}.viewer-tools,.viewer-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#f4f5f2;font-size:14px}.icon-button{border:0;background:none;font-size:29px;line-height:1;width:36px;height:36px}.viewer-body{padding:15px;display:flex;align-items:center;justify-content:center;overflow:auto;max-height:calc(94vh - 125px);min-height:150px}.viewer-body img{max-width:100%;height:auto}.viewer-controls{justify-content:center;gap:25px}#about{padding:32px;width:550px}#about h2{padding-right:30px}#about p{font-size:15px}.dialog-close{position:absolute;right:15px;top:13px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:5px;padding:11px 20px;font-size:14px;box-shadow:0 5px 20px #0002;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}#toast.visible{opacity:1}.initial-loading{padding:80px;text-align:center}
@media(min-width:1600px){.masthead,.navigation{padding-left:max(4vw,calc((100vw - 1380px)/2));padding-right:max(4vw,calc((100vw - 1380px)/2))}.card-image{height:215px}}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-layout{grid-template-columns:minmax(0,1fr) 265px}.masthead{gap:20px}.brand{font-size:24px}.brand small{font-size:8px}.brand-mark{width:34px}.stage{min-height:350px;padding:14px}.navigation{gap:23px}}
@media(max-width:800px){.masthead{flex-wrap:wrap;padding:18px 5vw 15px;gap:16px}.brand{margin-right:auto}.search{order:3;flex-basis:100%;max-width:none}.navigation{padding:0 5vw;gap:23px}main{padding:26px 5vw 40px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card-image{height:185px}.card-content{padding:16px}.topic-layout{grid-template-columns:1fr}.topic-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.topic-side .side-block{margin:0}.topic-side .side-block:first-child{grid-column:1/-1}.detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{align-items:start}.intro h1{font-size:32px}.collection-count{padding-top:4px}.stage{min-height:250px}footer{flex-wrap:wrap;padding:20px 5vw;gap:10px 24px}footer>span{flex-basis:100%}.card h3{font-size:20px}}
@media(max-width:480px){.brand{font-size:23px}.brand small{letter-spacing:1.2px}.masthead .text-button span{display:none}.cards{gap:12px}.card-image{height:144px;padding:7px}.card-content{padding:13px 11px}.card h3{font-size:18px;min-height:2.7em}.card .eyebrow{font-size:9px;letter-spacing:.7px}.card-meta{font-size:11px;gap:6px;flex-wrap:wrap;margin-top:12px}.intro{display:block}.intro h1{font-size:31px}.intro p{font-size:14px}.collection-count{margin-top:15px}.topic-heading h1{font-size:29px}.topic-side{grid-template-columns:1fr}.topic-side .side-block:first-child{grid-column:auto}.stage{padding:8px}.stage-toolbar{padding:10px;font-size:12px}.library-tools{align-items:start}.sort{max-width:115px}.bookmark{width:27px;height:27px;font-size:19px;right:8px;top:8px}.search input{font-size:14px}.search kbd{display:none}.empty{padding:30px 15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.quiz-card{max-width:800px;padding:32px;margin:30px auto}.quiz-card h2{font-size:28px;line-height:1.35;margin:20px 0}.quiz-progress{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:16px}.answer-row{display:flex;gap:12px;margin:10px 0}.answer-row input{flex:1;min-width:0;padding:13px;border:1px solid var(--line);border-radius:4px}.quiz-card label{font-size:14px}.quiz-card .pill{padding:12px 18px}.correct{color:var(--green);font-weight:650}.incorrect{color:var(--red)}#answer-feedback p{padding:12px;background:var(--ground);border-radius:5px}
.quiz-options{display:flex;flex-wrap:wrap;gap:18px;margin:24px 0}.quiz-options label{display:grid;gap:8px;flex:1;min-width:170px}.quiz-options select{width:100%;padding:10px;background:white;border:1px solid var(--line);border-radius:4px;font-size:14px}
.original-popup{position:absolute;z-index:3;box-shadow:0 5px 35px #15232250}.popup-image{position:relative}.original-popup img{width:100%;height:auto;cursor:default}.popup-close{position:absolute;right:-11px;top:-11px;z-index:4;border:1px solid var(--line);background:white;border-radius:50%;width:26px;height:26px;font-size:21px;line-height:20px;padding:0;color:var(--red);box-shadow:0 2px 9px #0003}.hotspot-narration{border-top:1px solid var(--line);padding:15px}.hotspot-narration audio{width:100%;height:35px}
.alphabet{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}.alphabet .chip{min-width:37px;padding:9px}.index-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;background:white;border:1px solid var(--line);border-radius:6px;padding:10px 25px}.index-list a{display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding:15px 0;font-size:15px}.index-list a:hover>span{color:var(--red)}.index-list small{font-size:12px;color:var(--muted);margin-top:4px}@media(max-width:600px){.index-list{grid-template-columns:1fr;padding:8px 18px}}
.viewer-body{display:block}.viewer-body img{display:block;max-width:none;margin:0 auto}.viewer-zoom{display:flex;align-items:center;gap:8px;white-space:nowrap}.viewer-zoom .pill{padding:4px 10px}.viewer-zoom span{font-size:12px;min-width:40px;text-align:center}@media(max-width:600px){#viewer-title{font-size:12px;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* Text follows the original bitmap coordinates at every display size. */
.page-text-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;user-select:text}.text-layer-frame{position:absolute;left:0;top:0;transform-origin:0 0;font-size:0;pointer-events:none}.page-word{position:absolute;display:block;color:transparent;white-space:pre;overflow:hidden;font-family:Georgia,'Times New Roman',serif;cursor:text;pointer-events:auto;user-select:text}.page-word::selection{color:transparent;background:#297ec855}.hotspot{z-index:2}.page-transcription{margin-top:18px}.page-transcription summary{cursor:pointer;font-size:15px}.transcription-tools{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:18px}.transcription-note{font-size:12px!important}.page-transcription .read-text{color:var(--ink);max-height:650px}.page-transcription[hidden]{display:none}#viewer-frame{position:relative;margin:0 auto}#viewer-frame img{width:100%;margin:0;max-width:none}