/* Hallmark · macrostructure: source-backed reading windows · tone: documentary · anchor hue: inherited */
/* Pre-emit critique: P4 H4 E4 S5 R5 V4. Only P5–P10. */
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog[open]{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;max-height:none;overflow:clip;padding:0}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog .drawer-head{flex:none;min-height:64px;padding-block:calc(10px + env(safe-area-inset-top)) 10px;gap:10px}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog .drawer-head h2{font-size:21px;line-height:1.4;min-width:0;font-weight:700}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog #info-body{flex:1;min-height:0;max-height:none;height:auto;width:100%;max-width:680px;align-self:center;padding:20px 20px calc(32px + env(safe-area-inset-bottom));font-size:16px;line-height:1.8;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block-start:20px;text-wrap:pretty;user-select:text}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog #info-body h3{font-size:18px;line-height:1.5;font-weight:600;margin-block:26px 10px;color:var(--reading-accent)}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog #info-body h3:first-child{margin-top:0}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog #info-body p{margin-block:0 14px}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog #info-body .reading-outline{margin-bottom:22px}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog #info-body :is(a,button,summary):focus-visible{outline:2px solid var(--reading-accent);outline-offset:2px}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog .drawer-head button:not([hidden]){min-height:44px;min-width:44px}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog #info-body .reading-answer{border:0;padding-inline-start:0;font-weight:500;line-height:1.75}
body[data-page='5'] #info-dialog .p5-material-tabs button,body[data-page='5'] #info-dialog .bridge-role-controls button,body[data-page='5'] #info-dialog .p5-deck-controls button{border-radius:4px;font-size:14px;min-height:44px;transition:background-color 150ms ease-out,color 150ms ease-out}
body[data-page='5'] #info-dialog .bridge-role-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-block:12px}
body[data-page='5'] #info-dialog .bridge-role-controls button{padding-inline:5px}
body[data-page='5'] #info-dialog .p5-structure-figure{margin-block:18px}
body[data-page='5'] #info-dialog .p5-structure-figure figcaption{font-size:12px;line-height:1.5}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #image-dialog.is-map-viewer .drawer-head h2{font-size:21px;font-weight:700;line-height:1.4}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #image-dialog.is-map-viewer .map-viewer-controls :is(button,output){font-size:13px}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #image-dialog.is-map-viewer .map-viewer-tools{border-radius:4px;border:1px solid var(--viewer-rule);gap:0}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #image-dialog.is-map-viewer .map-viewer-controls button{border-radius:4px;min-height:44px;min-width:44px;transition:background-color 150ms ease-out,color 150ms ease-out}
body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) :is(.deck-footer button,.p10-actions button):focus-visible{outline:2px solid var(--reading-accent);outline-offset:2px}
body[data-page='10'] #info-dialog #info-body .journal-list article{padding-block:16px;border-color:var(--reading-rule)}
body[data-page='10'] #info-dialog #info-body .journal-list h3{margin-block:6px 10px}
body[data-page='10'] #info-dialog #info-body .journal-list p{border:0;padding-inline-start:0;font-size:16px;line-height:1.8}
body[data-page='10'] #info-dialog #info-body .journal-list small{font-size:12px;line-height:1.5}
body[data-page='10'] #info-dialog #info-body .journal-list button{min-height:44px;font-size:14px}
body[data-page='10'] #info-dialog #info-body .quiz-question{padding-block:4px 18px;border-color:var(--reading-rule)}
body[data-page='10'] #info-dialog #info-body .quiz-question h3{margin-block:18px 10px}
body[data-page='10'] #info-dialog #info-body .quiz-question button{width:100%;min-height:48px;padding:11px 12px;font-size:15px;line-height:1.6;border-color:var(--reading-rule);border-radius:4px;color:var(--ink);background:var(--reading-paper);text-wrap:pretty}
body[data-page='10'] #info-dialog #info-body .quiz-question button[aria-pressed='true']{border-color:var(--reading-accent);background:var(--reading-accent);color:var(--white)}
body[data-page='10'] #info-dialog #info-body .quiz-question .answer:empty{display:none}
body[data-page='10'] #info-dialog #info-body .quiz-question .answer:not(:empty){font-size:15px;line-height:1.75;padding:12px;background:var(--p10-media-mat);margin-top:12px}
@media(max-width:350px){body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog .drawer-head h2{font-size:19px}body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog #info-body{padding-inline:16px}}
@media(orientation:landscape) and (max-height:600px){body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog .drawer-head{padding-block:calc(4px + env(safe-area-inset-top)) 4px;min-height:52px}body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) #info-dialog #info-body{padding-top:16px}}
@media(prefers-reduced-motion:reduce){body:is([data-page='5'],[data-page='6'],[data-page='7'],[data-page='8'],[data-page='9'],[data-page='10']) :is(#info-dialog button,#image-dialog button){transition:none}}