/* Quiet exhibition chrome, a consistent reading measure, and visible next actions. */
body:not([data-page='1']) #info-dialog{--reader-progress:0;--reader-matte:#f5f2ec;--reader-line:#d8d6d0;background:#fff;color:#24292c}
body:not([data-page='1']) #info-dialog .drawer-head{padding-inline:clamp(16px,4.5vw,28px);gap:10px;background:#fff;min-height:68px;border-bottom-color:var(--reader-line)}
body:not([data-page='1']) #info-dialog .drawer-head:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#a62e28;transform:scaleX(var(--reader-progress));transform-origin:left;pointer-events:none}
body:not([data-page='1']) #info-dialog .drawer-head h2{font:700 clamp(19px,4.4vw,23px)/1.4 var(--reading-heading);text-wrap:pretty}
body:not([data-page='1']) #info-dialog #info-body{max-width:700px;scrollbar-gutter:auto;padding:24px clamp(18px,4.5vw,28px) calc(40px + env(safe-area-inset-bottom));font-size:16px;line-height:1.85;letter-spacing:0;text-align:left;overflow-x:hidden}
body:not([data-page='1']) #info-dialog #info-body p{margin:0 0 18px;font-size:16px;line-height:1.85;word-break:normal}
body:not([data-page='1']) #info-dialog #info-body h2{font:700 24px/1.5 var(--reading-heading);margin:30px 0 14px;color:#24292c}
body:not([data-page='1']) #info-dialog #info-body h3{font:700 19px/1.55 var(--reading-body);margin:32px 0 12px;color:#8b2821;text-wrap:pretty}
body:not([data-page='1']) #info-dialog #info-body h4{font:700 17px/1.5 var(--reading-body);margin:16px 0 8px}
body:not([data-page='1']) #info-dialog #info-body section{margin-block:0 24px}
body:not([data-page='1']) #info-dialog #info-body .reading-answer{padding:0;border:0;background:none;color:#24292c;font-weight:400}
body:not([data-page='1']) #info-dialog #info-body .reader-intro{margin:0 0 22px;padding:0;border:0}
body:not([data-page='1']) #info-dialog #info-body .reader-kicker{font-size:12px;line-height:1.5;letter-spacing:.06em;color:#8b2821;margin:0 0 10px;font-weight:600}
body:not([data-page='1']) #info-dialog #info-body .reader-lead{font:600 21px/1.65 var(--reading-heading);margin:0;color:#24292c}
body:not([data-page='1']) #info-dialog #info-body figure{margin:22px 0 26px}
body:not([data-page='1']) #info-dialog #info-body .reader-hero{margin:0 0 24px}
body:not([data-page='1']) #info-dialog #info-body figure>img,body:not([data-page='1']) #info-dialog #info-body .reading-material>svg{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;background:var(--reader-matte)}
body:not([data-page='1']) #info-dialog #info-body figcaption{font-size:12px;line-height:1.7;color:#59666b;padding-top:10px}
body:not([data-page='1']) #info-dialog #info-body figcaption strong{font-weight:500}
body:not([data-page='1']) #info-dialog #info-body figcaption a{white-space:nowrap}
body:not([data-page='1']) #info-dialog #info-body .reader-section-title{display:flex;align-items:baseline;gap:10px}
body:not([data-page='1']) #info-dialog #info-body .reader-section-title:before{content:attr(data-section-number);flex:none;color:#8b2821;font:500 12px/1.5 var(--reading-body);font-variant-numeric:tabular-nums}
body:not([data-page='1']) #info-dialog #info-body :is(.reading-outline,.reading-observation,.reading-evidence){border:1px solid var(--reader-line);border-radius:5px;background:#fff;padding:0 14px;margin:16px 0 24px}
body:not([data-page='1']) #info-dialog #info-body :is(.reading-outline,.reading-observation,.reading-evidence)>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;min-height:48px;font-size:14px;font-weight:500;line-height:1.65;color:#8b2821;padding:12px 0;cursor:pointer}
body:not([data-page='1']) #info-dialog #info-body :is(.reading-outline,.reading-observation,.reading-evidence)>summary::-webkit-details-marker{display:none}
body:not([data-page='1']) #info-dialog #info-body :is(.reading-outline,.reading-observation,.reading-evidence)>summary:after{content:'＋';font-size:18px;flex:none}
body:not([data-page='1']) #info-dialog #info-body :is(.reading-outline,.reading-observation,.reading-evidence)[open]>summary:after{content:'−'}
body:not([data-page='1']) #info-dialog #info-body .reading-observation>p{font-size:15px;margin:0 0 14px}
body:not([data-page='1']) #info-dialog #info-body .reading-outline nav{display:grid;grid-template-columns:1fr;gap:0;padding-bottom:10px}
body:not([data-page='1']) #info-dialog #info-body .reading-outline nav button{display:flex;gap:12px;width:100%;padding:10px 0;border:0;border-top:1px solid var(--reader-line);border-radius:0;background:none;text-align:left;color:#24292c;font-size:15px;line-height:1.5}
body:not([data-page='1']) #info-dialog #info-body .reading-outline nav button span:first-child{flex:none;color:#8b2821;font-size:12px;font-variant-numeric:tabular-nums}
body:not([data-page='1']) #info-dialog #info-body .reader-action{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px;margin:20px 0 8px;padding:13px 16px;border:1px solid #c6aba7;border-radius:5px;background:#faf5f3;color:#8b2821;font-size:15px;font-weight:600;line-height:1.6;text-decoration:none;text-align:left;white-space:normal;transition:background-color 150ms ease-out}
body:not([data-page='1']) #info-dialog #info-body .reader-action:after{content:'↗';flex:none;font-size:20px;line-height:1}
body:not([data-page='1']) #info-dialog #info-body .reader-action[data-reader-existing-arrow='true']:after{display:none}
body:not([data-page='1']) #info-dialog #info-body .reader-action:active{background:#efdfdc}
body:not([data-page='1']) #info-dialog #info-body :is(.p5-material-tabs,.p5-deck-controls,.bridge-role-controls){gap:6px;margin-block:12px 20px}
body:not([data-page='1']) #info-dialog #info-body :is(.p5-material-tabs,.p5-deck-controls,.bridge-role-controls) button{min-height:48px;padding:10px 8px;border-radius:4px;font-size:14px;line-height:1.5;border-color:var(--reader-line)}
body:not([data-page='1']) #info-dialog #info-body :is(.p5-material-tabs,.p5-deck-controls,.bridge-role-controls) button[aria-pressed='true']{background:#8b2821;color:#fff;border-color:#8b2821}
body:not([data-page='1']) #info-dialog #info-body .p5-role-reading{padding:16px;border-left:3px solid #8b2821;background:var(--reader-matte)}
body:not([data-page='1']) #info-dialog #info-body .p5-role-reading h4{margin-top:0}
body:not([data-page='1']) #info-dialog #info-body .p5-role-reading p{margin-bottom:0}
body:not([data-page='1']) #info-dialog #info-body .p5-structure-figure{padding:12px;background:var(--reader-matte);border:0}
body:not([data-page='1']) #info-dialog #info-body .p5-structure-total{font-size:17px;color:#8b2821}
body:not([data-page='1']) #info-dialog #info-body[data-reader-kind='source'] article{padding:18px 0;border-bottom:1px solid var(--reader-line)}
body:not([data-page='1']) #info-dialog #info-body[data-reader-kind='source'] article :is(h3,p){margin:6px 0;font-size:15px;line-height:1.75}
body:not([data-page='1']) #info-dialog #info-body[data-reader-kind='source'] article small{font-size:12px;color:#59666b}
body:not([data-page='1']) #info-dialog #info-body[data-reader-kind='source'] a{display:inline-block;padding-block:4px;text-decoration-thickness:1px}
body:not([data-page='1']) .deck-footer>div:first-child{display:flex;gap:8px;align-items:center}
body:not([data-page='1']) .deck-footer :is(#lecture-open,#credit-open){min-height:44px;padding:8px 12px;border:1px solid #c6aba7;border-radius:4px;font-size:13px;line-height:1.5;text-decoration:none}
body:not([data-page='1']) .deck-footer #lecture-open{background:#8b2821;color:#fff;border-color:#8b2821}
body:not([data-page='1']) .deck-footer #credit-open{background:#fff;color:#59666b;border-color:#d8d6d0}
body:not([data-page='1']) :is(.central-detail,.unit-read-more,.bridge-reading-open,.p9-relations){min-height:44px;padding:7px 10px;border:1px solid #c6aba7;border-radius:4px;color:#8b2821;background:#faf5f3;text-decoration:none}
body:not([data-page='1']) :is(#image-dialog,#chishui-dialog,#p8-map-dialog) button{touch-action:manipulation}
body:not([data-page='1']) :is(#image-dialog,#chishui-dialog,#p8-map-dialog) :is(.map-viewer-tools,.chishui-tools,.p8-map-tools) button{min-height:44px;min-width:44px;border-radius:4px}
body:not([data-page='1']) :is(#image-dialog,#chishui-dialog,#p8-map-dialog) :is(.drawer-head,.chishui-head,.p8-map-head){border-bottom:1px solid #d8d6d0;background:#fff}
body:not([data-page='1']) :is(#info-dialog button,.central-detail,.unit-read-more,.bridge-reading-open,.p9-relations):focus-visible{outline:2px solid #8b2821;outline-offset:3px}
@media(max-width:350px){body:not([data-page='1']) #info-dialog #info-body{padding-inline:16px}body:not([data-page='1']) #info-dialog #info-body .reader-lead{font-size:19px}body:not([data-page='1']) .deck-footer :is(#lecture-open,#credit-open){padding-inline:8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){body:not([data-page='1']) #info-dialog #info-body .reader-action{transition:none}}

/* Reading materials are directly inspectable without discarding the lecture. */
#info-dialog #info-body .reader-material-open{position:relative;display:block;width:100%;padding:0;min-height:0;border:0;border-radius:0;background:var(--reader-matte,var(--reading-soft));color:var(--reading-ink);text-align:left;cursor:zoom-in}
#info-dialog #info-body .reader-material-open :is(img,svg){display:block;width:100%;height:auto;max-height:380px;object-fit:contain}
#info-dialog #info-body .reader-material-expand{position:absolute;right:8px;bottom:8px;display:block;padding:7px 10px;border:1px solid var(--reader-line,var(--reading-rule));background:var(--reading-paper);color:var(--reading-accent);font:500 13px/1.5 var(--reading-body)}
#reader-material-dialog[open]{position:fixed;inset:0;display:flex;flex-direction:column;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:var(--reading-paper);color:var(--reading-ink)}
#reader-material-dialog::backdrop{background:var(--reading-paper)}
.reader-material-head{display:flex;align-items:center;gap:12px;flex:none;padding:calc(10px + env(safe-area-inset-top)) var(--reading-space) 10px;border-bottom:1px solid var(--reading-rule)}
.reader-material-head h2{flex:1;min-width:0;margin:0;font:700 19px/1.45 var(--reading-heading)}
.reader-material-head button{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--reading-rule);border-radius:50%;background:var(--reading-paper);color:var(--reading-ink);font:400 25px/1 var(--reading-body)}
.reader-material-surface{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;overscroll-behavior:contain;background:var(--reading-soft);outline-offset:-3px}
.reader-material-surface .reader-material-large{position:absolute;top:0;left:0;display:block;max-width:none;max-height:none;transform-origin:0 0;user-select:none;pointer-events:none}
.reader-material-tools{flex:none;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px var(--reading-space) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--reading-rule);background:var(--reading-paper)}
.reader-material-tools>div{display:flex;align-items:center;gap:12px}
.reader-material-tools button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--reading-rule);border-radius:4px;background:var(--reading-paper);color:var(--reading-accent);font:500 15px/1.5 var(--reading-body)}
.reader-material-tools output{min-width:38px;text-align:center;font:400 14px/1.5 var(--reading-body)}
.reader-material-tools p{flex-basis:100%;margin:0;text-align:center;color:var(--reading-muted);font:400 12px/1.6 var(--reading-body)}
#reader-material-dialog button:disabled{opacity:.45}
#reader-material-dialog :focus-visible{outline:2px solid var(--reading-accent);outline-offset:-2px}