@import url('./reader-composition.css?v=101q');
:root{color-scheme:light;--od-ink:#1d2d3b;--od-navy:#15384e;--od-blue:#0865cf;--od-muted:#516979;--od-line:#bcc9d3;--od-paper:#fff;--od-ground:#f3f4f2;--od-soft:#f0f5f8;--od-amber:#9a5a00;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:var(--od-ink);background:var(--od-ground)}
*{box-sizing:border-box}body{margin:0}button,input,a,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{border:1px solid #aebdca;border-radius:2px;background:var(--od-paper);color:var(--od-navy);padding:9px 12px;line-height:1.3;cursor:pointer;font-size:.83rem}button:hover{border-color:#467191;background:#eef4f8}button:disabled{cursor:default;opacity:.45}button[hidden],[hidden]{display:none!important}a{color:var(--od-blue);text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e3a22b;outline-offset:3px}button:active{background:#e1ecf4}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em}p{line-height:1.65}h1{font-size:clamp(1.65rem,2.3vw,2.15rem);margin-bottom:0}h2{font-size:clamp(1.35rem,1.8vw,1.75rem);margin-bottom:0}h3{font-size:1.05rem;margin-bottom:0}svg{display:block}input[type=range]{accent-color:var(--od-blue);cursor:pointer;width:100%;min-width:0;margin:0;height:27px}input[type=number]{appearance:textfield;font-variant-numeric:tabular-nums}input[type=number]::-webkit-inner-spin-button{opacity:1}.od-skip{position:fixed;left:12px;top:-100px;background:var(--od-navy);color:#fff;padding:12px;z-index:100}.od-skip:focus{top:10px}.od-site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px max(24px,calc((100vw - 1540px)/2));background:var(--od-paper);border-bottom:1px solid var(--od-line)}.od-brand{text-decoration:none;color:var(--od-navy);font-size:1.2rem;font-weight:800;white-space:nowrap}.od-brand span{font-size:.64rem;font-weight:700;letter-spacing:.09em;margin-left:8px}.od-camera-link{font-size:.82rem;color:var(--od-navy);text-decoration:none}.od-camera-link:hover{text-decoration:underline}.od-main{max-width:1590px;margin:0 auto;padding:0 25px}.od-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:27px 0 25px}.od-intro>p{margin:0;color:var(--od-muted);font-size:.87rem;max-width:52ch}.od-eyebrow{font-size:.67rem;font-weight:750;letter-spacing:.065em;color:#39617c;line-height:1.45;margin:0 0 8px}.od-topic-nav{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));position:sticky;top:0;z-index:10;background:var(--od-paper);border:1px solid var(--od-line);box-shadow:0 2px 5px #152f4b08;scroll-padding-inline:10px}.od-topic-nav button{border:0;border-radius:0;border-right:1px solid #d4dce2;border-bottom:3px solid transparent;text-align:left;font-size:.76rem;font-weight:650;padding:11px 9px;min-height:65px;display:flex;gap:8px;align-items:flex-start}.od-topic-nav button:last-child{border-right:0}.od-topic-nav button small{font-size:.65rem;color:#688195;line-height:1.5;font-variant-numeric:tabular-nums}.od-topic-nav button[aria-pressed=true]{background:var(--od-navy);color:#fff;border-bottom-color:#0875f5}.od-topic-nav button[aria-pressed=true] small{color:#b6d5ed}.od-load-status{margin:22px 0;padding:20px;border:1px solid var(--od-line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.9rem}.od-load-status.is-error{border-left:3px solid #a55700}.od-workbench{scroll-margin-top:90px}.od-topic-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px;padding:25px 0 12px}.od-topic-summary>p{font-size:.9rem;color:var(--od-muted);margin:0;max-width:100ch;line-height:1.7}.od-topic-tools{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.od-primary{background:var(--od-navy);color:#fff;border-color:var(--od-navy);font-weight:650}.od-primary:hover{background:#214d67;color:#fff}.od-reset{margin-left:auto}.od-experiment{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(345px,1fr);align-items:stretch;border:1px solid var(--od-line);background:#fff}.od-visual-panel{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--od-line)}.od-panel-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid var(--od-line);min-height:54px}.od-panel-bar h3{font-size:.85rem;line-height:1.45;letter-spacing:0}.od-panel-bar button{padding:6px 8px;font-size:.73rem;white-space:nowrap}.od-figure{min-width:0;display:grid;place-items:center;padding:12px;width:100%;min-height:300px;flex:1}.od-figure>svg{width:100%;height:auto;max-height:460px;max-width:100%;overflow:hidden}.od-figure svg text,.od-large-figure svg text{font-family:Arial,Helvetica,sans-serif}.od-figure-explanation{padding:13px 17px;background:#f8fafb;border-top:1px solid #d5dfe5}.od-figure-explanation>.od-eyebrow{color:var(--od-amber);font-size:.63rem}.od-figure-explanation p{font-size:.83rem;line-height:1.6;color:#2d4b61;margin:5px 0 0}.od-settings-panel{min-width:0;background:#f7f9fa;padding:16px;display:flex;flex-direction:column;gap:14px}.od-settings-head h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.045em;margin-bottom:7px}.od-settings-head p{font-size:.81rem;color:var(--od-muted);line-height:1.6;margin:0}.od-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;background:white;border:1px solid #c6d3dd}.od-metric{min-width:0;padding:11px 12px;border-bottom:1px solid #d9e2e9}.od-metric:nth-child(odd){border-right:1px solid #d9e2e9}.od-metric:nth-last-child(-n+2){border-bottom:0}.od-metric dt{font-size:.72rem;color:var(--od-muted);line-height:1.4;margin-bottom:5px}.od-metric dd{margin:0;line-height:1.25;overflow-wrap:anywhere}.od-metric strong{font-size:1.16rem;font-weight:750;font-variant-numeric:tabular-nums;color:var(--od-navy)}.od-metric .od-unit{font-size:.76rem;font-weight:500;margin-left:4px;color:var(--od-navy)}.od-metric small{display:block;color:var(--od-muted);font-size:.68rem;line-height:1.5;margin-top:5px}.od-presets{display:flex;gap:6px;flex-wrap:wrap}.od-presets button{font-size:.72rem;padding:7px 9px}.od-presets button[aria-pressed=true]{background:#e2edf6;border-color:#7097b4;color:#143c59}.od-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.od-control{min-width:0;padding-top:9px;border-top:2px solid #a8bac8}.od-control:focus-within{border-top-color:var(--od-blue)}.od-control-heading{display:flex;gap:8px;align-items:baseline;justify-content:space-between;font-size:.75rem;line-height:1.4;margin-bottom:8px}.od-control-heading label{font-weight:650}.od-control-heading>span{color:var(--od-muted);font-size:.68rem;white-space:nowrap}.od-control-inputs{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:9px;align-items:center}.od-control-inputs input[type=number]{width:100%;min-width:0;border:1px solid #a9bac7;border-radius:2px;color:var(--od-navy);background:#fff;font-size:.8rem;padding:7px 6px;line-height:1.25}.od-notice{font-size:.72rem;color:#5a7080;line-height:1.5;margin:0;min-height:0}.od-notice:empty{display:none}.od-reading-path{background:white;border:1px solid var(--od-line);margin-top:18px;padding:20px 23px}.od-reading-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.od-reading-head h3{font-size:1.12rem}.od-reading-head button{white-space:nowrap}.od-reading-path>p{color:var(--od-muted);font-size:.87rem;max-width:100ch;margin:13px 0}.od-reading-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;padding:0;list-style:none;margin:18px 0 0;counter-reset:reading}.od-reading-links li{counter-increment:reading;min-width:0;border-top:1px solid #d5dfe6;display:flex;align-items:baseline}.od-reading-links li:before{content:counter(reading,decimal-leading-zero);font-size:.65rem;color:#7a8f9e;font-variant-numeric:tabular-nums}.od-reading-links button{border:0;background:none;padding:11px 9px;font-size:.81rem;line-height:1.5;text-align:left;flex:1}.od-reading-links button:hover{text-decoration:underline;color:var(--od-blue)}.od-lesson-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:21px 0}.od-lesson-footer>span{font-size:.76rem;color:var(--od-muted);white-space:nowrap}.od-lesson-footer button{max-width:40%;text-align:left}.od-lesson-footer button:last-child{text-align:right}.od-site-footer{border-top:1px solid #c6d2db;display:flex;justify-content:space-between;gap:20px;font-size:.74rem;color:var(--od-muted);padding:20px 0 25px}.od-site-footer a{color:var(--od-muted)}.od-noscript{padding:20px;background:#fff;border:1px solid #b4c4d0;margin:20px}
dialog{border:1px solid #8ea4b5;padding:0;color:var(--od-ink);background:#fff;box-shadow:0 16px 65px #0a29404a}dialog::backdrop{background:#102d42a3;backdrop-filter:blur(2px)}.od-reader{width:min(1120px,calc(100vw - 42px));max-height:min(900px,calc(100dvh - 48px));height:calc(100dvh - 66px);margin:auto;overflow:hidden}.od-reader[open]{display:flex;flex-direction:column}.od-reader-head{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 25px;border-bottom:1px solid var(--od-line);background:#fff;flex-shrink:0}.od-reader-head h2{font-size:1.4rem;line-height:1.3}.od-reader-head p{margin-bottom:5px}.od-reader-head button{white-space:nowrap}.od-reader-modes{display:flex;gap:7px;padding:10px 25px;border-bottom:1px solid #c5d3dd;background:#f6f8fa;flex-shrink:0}.od-reader-modes button{font-size:.77rem;padding:7px 12px}.od-reader-modes button[aria-pressed=true]{background:var(--od-navy);border-color:var(--od-navy);color:white}.od-reader-flow{overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:210px minmax(0,1fr);gap:27px;padding:25px;align-items:start;scroll-behavior:auto;scroll-padding-top:24px}.od-reader-flow.is-single{grid-template-columns:minmax(0,1fr)}.od-reader-index{position:sticky;top:0;display:flex;flex-direction:column;gap:2px;border-left:2px solid #cfdae2;padding-left:9px}.od-reader-index button{text-align:left;border:0;line-height:1.5;font-size:.76rem;padding:8px 9px;color:var(--od-muted);background:transparent}.od-reader-index button[aria-current=true]{background:#eaf1f7;color:var(--od-navy);font-weight:750}.od-reader-index button:hover{color:var(--od-blue);background:#f1f5f8}.od-reader-body{min-width:0;max-width:76ch;margin:0 auto;width:100%;font-size:.94rem;line-height:1.8}.od-reader-body>p:first-child{color:#35536a;margin-top:0}.od-reader-body p{line-height:1.85;margin:13px 0}.od-reading-section{padding:0 0 24px;margin:0 0 27px;border-bottom:1px solid #d0dbe3;scroll-margin-top:25px}.od-reading-section:last-child{border-bottom:0;margin-bottom:0}.od-reading-section h3{font-size:1.22rem;color:#163c57;line-height:1.4;margin:0 0 13px}.od-reading-section h4{font-size:1rem;color:#274a65;margin:22px 0 8px}.od-reader-body ul,.od-reader-body ol{padding-left:23px;line-height:1.8}.od-reader-body li{margin:7px 0}.od-reader-body li>p{margin:0}.od-reader-body table{border-collapse:collapse;width:100%;font-size:.85rem;line-height:1.5;margin:20px 0;display:block;max-width:100%;overflow-x:auto}.od-reader-body th,.od-reader-body td{padding:9px 10px;border:1px solid #cbd7e0;text-align:left;vertical-align:top}.od-reader-body th{background:#edf3f7;font-weight:650}.od-reader-body .opt-equation,.od-reader-body .equation,.od-reader-body [data-equation]{display:block;margin:19px 0;padding:15px 18px;background:#f0f5f8;border-left:3px solid #427da7;font-family:Cambria,'Times New Roman',serif;font-size:1.12rem;line-height:1.8;overflow-x:auto;max-width:100%;font-variant-numeric:tabular-nums}.od-reader-body .opt-equation p,.od-reader-body .equation p{font-size:inherit;margin:4px 0}.od-reader-body .opt-equation small,.od-reader-body .equation small{font-family:Arial,Helvetica,sans-serif;font-size:.78rem;color:var(--od-muted);line-height:1.7}.od-reader-body math{font-size:1.14em;max-width:100%}.od-reader-body .opt-example,.od-reader-body .example{padding:14px 17px;background:#faf7ef;border-left:3px solid #bb8a38;margin:20px 0}.od-reader-body .opt-note,.od-reader-body .note{color:#4b6578;font-size:.86rem}.od-reader-body .opt-symbols,.od-reader-body .symbols{font-size:.86rem;color:#415e73}.od-reader-body figure{margin:20px 0}.od-reader-body figcaption{font-size:.76rem;color:var(--od-muted);line-height:1.6;margin-top:7px}.od-reader-body details{border-top:1px solid #ccd8e0;padding:12px 0}.od-reader-body summary{cursor:pointer;font-weight:650;line-height:1.5}.od-sources{padding:0!important;list-style:none}.od-sources li{border-top:1px solid #cbd7df;padding:14px 0;margin:0}.od-sources a{font-weight:650;font-size:.91rem;line-height:1.6}.od-sources small{display:block;color:var(--od-muted);font-size:.74rem;margin-top:5px;overflow-wrap:anywhere}.od-large-dialog{width:min(1400px,calc(100vw - 36px));max-height:calc(100dvh - 40px);margin:auto;overflow:auto}.od-large-figure{padding:20px}.od-large-figure>svg{width:100%;height:auto;max-height:calc(100dvh - 140px)}
@media(min-width:1700px){.od-figure>svg{max-height:500px}.od-controls{gap:15px 18px}.od-control-heading{font-size:.8rem}.od-metric strong{font-size:1.3rem}}
@media(min-width:1000px) and (max-height:850px){.od-site-header{padding-top:12px;padding-bottom:12px}.od-intro{padding:17px 0}.od-intro h1{font-size:1.75rem}.od-topic-nav button{min-height:54px;padding-top:8px;padding-bottom:8px}.od-topic-head{padding:19px 0 13px;gap:24px}.od-topic-summary>p{font-size:.84rem;line-height:1.6}.od-topic-head h2{font-size:1.5rem}.od-topic-tools{margin-bottom:13px}.od-figure{min-height:250px}.od-figure>svg{max-height:350px}.od-settings-panel{padding:13px;gap:11px}.od-settings-head p{font-size:.77rem}.od-settings-head h3{margin-bottom:5px}.od-metric{padding:8px 10px}.od-metric strong{font-size:1.12rem}.od-metric small{font-size:.65rem}.od-control{padding-top:7px}.od-control-heading{margin-bottom:6px}.od-figure-explanation{padding:10px 14px}.od-figure-explanation p{font-size:.78rem}.od-workbench{scroll-margin-top:75px}}
.od-reader-body .equation-label{display:block;font:650 .72rem/1.5 Arial,Helvetica,sans-serif;color:#4a6980;margin-bottom:7px}.od-reader-body .equation-expression{display:block;font-family:Cambria,'Times New Roman',serif;font-size:1.18rem;line-height:1.8;white-space:normal}.od-reader-body .opt-equation>.equation-expression+p{font:400 .82rem/1.75 Arial,Helvetica,sans-serif;color:#435f73;margin-top:10px}.od-reader-body .optical-table-scroll{overflow-x:auto;max-width:100%;margin:20px 0}.od-reader-body .optical-table-scroll table{display:table;margin:0}.od-model-error{font-size:.9rem;color:#905a16}
@media(max-width:1180px){.od-topic-nav{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:137px;overflow-x:auto;scrollbar-width:thin}.od-topic-nav button{min-height:61px}.od-experiment{grid-template-columns:minmax(0,1.3fr) minmax(325px,1fr)}.od-controls{gap:11px}.od-control-inputs{grid-template-columns:minmax(0,1fr) 62px;gap:6px}.od-settings-panel{padding:13px;gap:12px}.od-intro{gap:20px}.od-intro>p{font-size:.81rem;max-width:48ch}.od-reading-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.od-main{padding:0 17px}.od-site-header{padding:16px 17px}.od-brand span{font-size:.59rem}.od-intro{display:block;padding:22px 0}.od-intro>p{margin-top:12px;max-width:70ch}.od-intro br{display:none}.od-topic-head{grid-template-columns:1fr;gap:13px;padding:23px 0 16px}.od-topic-summary>p{font-size:.86rem}.od-experiment{grid-template-columns:minmax(0,1fr)}.od-visual-panel{border-right:0;border-bottom:1px solid var(--od-line)}.od-figure{min-height:230px;padding:10px}.od-figure>svg{max-height:390px}.od-settings-panel{padding:15px;gap:14px}.od-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.od-metric{border-right:1px solid #d9e2e9;border-bottom:0}.od-metric:last-child{border-right:0}.od-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.od-reader-flow{grid-template-columns:175px minmax(0,1fr);gap:20px;padding:20px}.od-reader-body{font-size:.91rem}.od-reader-index button{font-size:.72rem}.od-reader{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);height:calc(100dvh - 24px)}.od-reader-head{padding:17px 20px}.od-reader-head h2{font-size:1.2rem}.od-reader-modes{padding:9px 20px}}
@media(max-width:560px){.od-main{padding:0 11px}.od-site-header{padding:14px 12px;gap:12px}.od-brand{font-size:1.05rem}.od-brand span{display:block;margin:3px 0 0;font-size:.52rem}.od-camera-link{font-size:.74rem}.od-intro{padding:21px 1px 18px}.od-intro>p{font-size:.82rem}.od-topic-nav{grid-auto-columns:133px}.od-topic-nav button{min-height:58px;font-size:.75rem;padding:10px 8px}.od-topic-head{gap:11px;padding-top:21px}.od-topic-tools{gap:6px}.od-topic-tools button{font-size:.72rem;padding:9px 10px}.od-reset{margin-left:0}.od-workbench{scroll-margin-top:77px}.od-panel-bar{padding:10px 12px;gap:8px}.od-panel-bar h3{font-size:.78rem}.od-panel-bar button{font-size:.67rem;padding:6px}.od-figure{min-height:190px;padding:5px}.od-figure>svg{max-height:310px}.od-figure-explanation{padding:11px 12px}.od-figure-explanation p{font-size:.78rem}.od-settings-panel{padding:13px;gap:13px}.od-settings-head p{font-size:.78rem}.od-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.od-metric{border-bottom:1px solid #d9e2e9;border-right:0;padding:10px}.od-metric:nth-child(odd){border-right:1px solid #d9e2e9}.od-metric:nth-last-child(-n+2){border-bottom:0}.od-metric strong{font-size:1.12rem}.od-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.od-control-heading{font-size:.74rem;align-items:start;gap:5px}.od-control-heading>span{font-size:.64rem}.od-control-inputs{grid-template-columns:minmax(0,1fr) 65px;gap:5px}.od-control-inputs input[type=number]{font-size:.79rem;min-height:34px}.od-reading-path{padding:17px 15px;margin-top:14px}.od-reading-head{gap:12px;align-items:flex-start}.od-reading-head h3{font-size:1rem}.od-reading-head button{font-size:.72rem}.od-reading-path>p{font-size:.81rem}.od-reading-links{grid-template-columns:1fr;margin-top:13px}.od-reading-links button{font-size:.82rem;padding:11px}.od-lesson-footer{gap:8px;padding:17px 0}.od-lesson-footer button{font-size:.72rem;padding:9px 8px;max-width:43%}.od-lesson-footer>span{font-size:.7rem}.od-site-footer{font-size:.69rem;gap:14px;flex-direction:column;padding:17px 1px;line-height:1.6}.od-reader-head{padding:15px;gap:12px;align-items:flex-start}.od-reader-head h2{font-size:1.15rem}.od-reader-head .od-eyebrow{font-size:.59rem}.od-reader-head button{font-size:.72rem;padding:7px 9px}.od-reader-modes{padding:9px 15px;gap:6px}.od-reader-modes button{font-size:.74rem;padding:7px 10px}.od-reader-flow{display:block;padding:17px;scroll-padding-top:17px}.od-reader-index{position:static;display:flex;flex-direction:row;flex-wrap:wrap;border:0;padding:0 0 17px;margin-bottom:21px;border-bottom:1px solid #cbd8e2;gap:5px}.od-reader-index button{font-size:.72rem;padding:7px 9px;border:1px solid #ccd8e0;flex:1 1 45%;min-width:120px}.od-reader-body{font-size:.9rem}.od-reading-section h3{font-size:1.13rem}.od-reader-body .opt-equation,.od-reader-body .equation,.od-reader-body [data-equation]{padding:12px;font-size:1rem}.od-reader-body table{font-size:.77rem}.od-reader-body th,.od-reader-body td{padding:7px}.od-large-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.od-large-figure{padding:8px}.od-large-dialog .od-reader-head h2{font-size:1rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.od-topic-nav,.od-topic-tools,.od-site-header,.od-lesson-footer,.od-controls,.od-presets,.od-panel-bar button,.od-reading-path button{display:none!important}.od-main{max-width:none;padding:0}.od-experiment{break-inside:avoid}.od-reader[open]{position:static;height:auto;max-height:none;width:100%;border:0;box-shadow:none}.od-reader-flow{overflow:visible;display:block}.od-reader-index,.od-reader-modes,.od-reader-head button{display:none}.od-reading-section{break-inside:avoid}.od-reader-body{max-width:none}dialog::backdrop{display:none}}

/* Shared atlas typography. Math expressions deliberately retain their serif face. */
:root{font-family:'Segoe UI',Arial,sans-serif}
button,input,select{font-family:inherit}button{font-weight:600}.od-topic-nav button{font-weight:700}
.od-topic-head h2{font-size:25px}.od-settings-head p,.od-figure-explanation p{font-size:14px;line-height:1.7}.od-topic-summary>p{font-size:16px;line-height:1.65;color:#344351}
.od-reader-body{font-size:14px;line-height:1.75}.od-figure svg text,.od-large-figure svg text,.od-reading-figure svg text,.od-reader-body .equation-label,.od-reader-body .opt-equation>.equation-expression+p,.od-reader-body .opt-equation small,.od-reader-body .equation small{font-family:'Segoe UI',Arial,sans-serif}
.od-concept-link{display:inline!important;border:0!important;border-bottom:1px solid currentColor!important;background:none!important;padding:0!important;margin:0!important;border-radius:0!important;color:var(--atlas-link,#185683)!important;font:inherit!important;font-weight:700!important;line-height:inherit!important;text-align:inherit!important;cursor:pointer;text-decoration:none;box-shadow:none!important}
.od-concept-link:hover,.od-concept-link:focus-visible{color:#064b8e!important;background:#eaf3fa!important;outline-offset:3px}
.od-metric .od-concept-link{font-size:inherit!important}.od-reading-figure>svg{display:block;width:100%;height:auto;max-height:420px}
@media(max-width:560px){.od-topic-head h2{font-size:22px}.od-topic-summary>p{font-size:15px}}
/* The reading panel shares the camera's quiet overlay and keeps the text wide. */
html{scrollbar-gutter:stable}
body.od-modal-open{overflow:hidden}
dialog::backdrop{background:rgb(16 29 40 / 62%);backdrop-filter:none}
.od-reader{position:fixed;inset:4dvh 0;width:min(860px,calc(100vw - 32px));height:92dvh;max-height:92dvh;margin:0 auto;background:#fff}
.od-reader-head{padding:18px 25px}
.od-reader-head h2{font-size:25px}
.od-reader-modes{align-items:center;flex-wrap:wrap;padding:9px 25px;background:#f7f9fa}
#reader-back{margin-right:auto}
.od-reader-flow,.od-reader-flow.is-single{display:block;flex:1;min-height:0;padding:24px 30px;scroll-padding-top:24px}
.od-reader-index{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 25px;padding:0 0 19px;margin:0 0 23px;border:0;border-bottom:1px solid #d5dfe6}
.od-reader-index>p{grid-column:1/-1;font-size:12px;font-weight:600;color:var(--od-muted);margin:0 0 5px}
.od-reader-index a{display:block;padding:3px 0;min-width:0;color:#42647d;font-size:13px;font-weight:600;line-height:1.5;text-decoration:underline;text-decoration-color:#a4b6c5;text-underline-offset:3px;overflow-wrap:anywhere}
.od-reader-index a[aria-current=true]{color:var(--od-navy);font-weight:700;text-decoration-color:var(--od-navy)}
.od-reader-index a:hover{color:var(--od-blue);text-decoration-color:currentColor}
.od-reader-body{max-width:none;width:100%;font-size:14px;line-height:1.75}
.od-reader-body p{line-height:1.75}
.od-figure-explanation p{margin:0}
.od-reading-head h3{font-size:16px}
.od-reading-links a{display:block;flex:1;padding:11px 9px;font-size:13px;line-height:1.5;font-weight:600;text-decoration-color:#a4b6c5}
.od-reading-links a:hover{text-decoration-color:currentColor}
@media(max-width:600px){
 .od-reader{width:calc(100vw - 20px)}
 .od-reader-head{padding:15px 18px;gap:14px}
 .od-reader-head h2{font-size:22px}
 .od-reader-modes{padding:9px 18px;gap:6px}
 .od-reader-flow,.od-reader-flow.is-single{padding:20px;scroll-padding-top:20px}
 .od-reader-index{gap:5px 16px}
 .od-reader-index a{font-size:12px}
 .od-reader-body{max-width:none}
 .od-reading-figure{margin:18px 0}
}
@media(max-width:420px){.od-reader-index{grid-template-columns:minmax(0,1fr)}.od-reader-flow,.od-reader-flow.is-single{padding:17px;scroll-padding-top:17px}}

.od-source-link{display:inline-block;margin:0 4px;padding:4px 2px;min-height:28px;border:0;background:transparent;color:#456277;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.od-source-link:hover{background:transparent;color:#0866c7}
/* Section actions and reading text follow the camera workspace roles. */
.od-topic-tools>button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4}
.od-panel-bar button{min-height:30px;padding:5px 8px;font-size:11px;line-height:1.4}
.od-control-inputs input[type=number]{min-height:34px;font-size:13px;line-height:1.25}
#optical-reader .od-reader-body{font-size:16px;line-height:1.8}
#optical-reader .od-reader-body p{line-height:inherit}
@media(max-width:760px){
 .od-topic-tools>button{min-height:40px}
 #optical-reader{inset:8px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);margin:0}
 #optical-reader .od-reader-body{font-size:15px}
}
