.citation{font-size:.75em;line-height:0;vertical-align:super;margin-left:.2em;white-space:nowrap}
.citation a,.footnotes a{color:#d0f79d;text-decoration:underline;text-underline-offset:3px}
.citation a{padding:3px 1px;cursor:pointer}
.footnotes{margin-top:24px;padding-top:18px;border-top:1px solid #35505e;color:#b4c9d1;font-size:12px;line-height:1.7;text-align:left}
.footnotes h3{font-size:13px!important;letter-spacing:.04em;color:#d8e8e9!important;margin:0 0 12px}
.footnotes ol{display:block!important;list-style:decimal!important;padding-left:2em!important;margin:0!important}
.footnotes li{display:list-item!important;margin:0 0 14px;padding:0 0 0 4px!important;border:0!important;overflow-wrap:anywhere}
.footnotes li::marker{color:#d0f79d}
.footnotes li:focus,.citation a:focus-visible{outline:2px solid #d0f79d;outline-offset:4px;border-radius:2px}
.footnote-back{white-space:nowrap;margin-left:4px}
.seminar-roadmap .footnotes{max-width:1100px}
.seminar-roadmap .footnotes li::before{content:none!important;display:none!important}
.footnotes li,.citation a{scroll-margin-top:150px;scroll-margin-bottom:24px}
#reference-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(620px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:28px;border:1px solid #60808c;border-radius:14px;background:#10212b;color:#dbe8ec;box-shadow:0 20px 80px #0009;font:15px/1.75 system-ui,sans-serif}
#reference-dialog::backdrop{background:#030b12b3;backdrop-filter:blur(3px)}
#reference-dialog h2{font-size:25px;letter-spacing:0;margin:12px 0 18px}
#reference-dialog form{display:flex;justify-content:flex-end;margin:0}
#reference-dialog .reference-close{background:#1c3541;color:#e5f3ef;border:1px solid #60808c;border-radius:6px;padding:8px 14px;cursor:pointer}
#reference-dialog nav{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}
#reference-dialog a,.references-page a{color:#d0f79d;text-underline-offset:4px}
#reference-dialog :focus-visible,.references-page :focus-visible{outline:2px solid #d0f79d;outline-offset:4px}
.dryout-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.dryout-comparison>div{padding:16px;border:1px solid #35505e;border-radius:8px;background:#0b1d28;color:#b4c9d1}
.dryout-comparison>div.is-current{border-color:#d0f79d;box-shadow:inset 0 0 0 1px #d0f79d}
.dryout-comparison strong,.dryout-comparison span,.dryout-comparison b,.dryout-comparison small{display:block;margin-bottom:7px}
.dryout-comparison strong{font-size:15px;color:#e6f3ed}.dryout-comparison b{color:#d0f79d;font-size:16px}.dryout-comparison small{font-size:12px}
.references-page{margin:0;background:#09151d;color:#c1d2da;font:16px/1.8 system-ui,sans-serif}
.references-page header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px clamp(20px,5vw,80px);border-bottom:1px solid #35505e}
.references-page header span{font-size:13px}
.references-page main{max-width:960px;margin:0 auto;padding:32px 24px 60px}
.references-page h1{color:#f0f5f3;font-size:36px;margin:0 0 16px}
.bibliography{padding-left:2em;margin:32px 0}
.bibliography li{margin-bottom:24px;padding:12px;scroll-margin-top:24px;overflow-wrap:anywhere}
.bibliography li::marker{color:#d0f79d;font-weight:700}
.bibliography li:target{background:#183340;outline:1px solid #d0f79d;border-radius:8px}
@media(max-width:480px){.dryout-comparison{grid-template-columns:1fr}#reference-dialog{padding:20px}}
.science-section{margin-top:28px;padding:22px 18px 8px;border:1px solid #35505e;border-radius:10px;background:#0c1d274d}
.science-section-label{font-size:10px;letter-spacing:1.6px;color:#a8c8c0;margin-bottom:8px}
#scale-info .science-section>h3{font-size:23px!important;line-height:1.3;letter-spacing:-.3px;color:#d0f79d!important;margin:0 0 12px}
.science-section-intro{font-size:14px;line-height:1.7;color:#b4c9d1;margin-bottom:8px}
.science-section .equation{padding:18px 0;border-top:1px solid #29414c}
.science-section .equation h4{font-size:18px;font-weight:600;color:#edf5f2;margin:0 0 12px;line-height:1.4}
.science-section .scope-note{margin:4px 0 12px}
.dryout-readout{margin:18px 0;padding:16px;border:1px solid #35505e;border-radius:8px;background:#0b1d28;color:#c1d2da}
.dryout-readout p{margin:6px 0;font-size:14px;line-height:1.6}
#dryout-multiplier{font-size:24px;color:#d0f79d}
.film-clock>div{position:relative;overflow:hidden}
#film-clock-dry{position:absolute;right:0;top:0;bottom:0;background:#ff496477;width:0}
#film-clock-fill{position:relative;z-index:1}
.dryout-derivation .formula{overflow-x:auto}
@media(max-width:480px){.science-section{padding:18px 12px 8px}#scale-info .science-section>h3{font-size:21px!important}}
body[data-mode=dryout] .workspace{display:block!important;max-width:1100px;margin:auto}
body[data-mode=dryout] .visual-column{display:none}
body[data-mode=dryout] aside{border:0;width:100%;box-sizing:border-box}
body[data-mode=dryout] .stage{position:relative!important;top:0;height:530px;min-height:530px;border:1px solid #35505e;border-radius:10px}
.baseline-film{margin:24px 0 32px;padding:18px;border:1px solid #35505e;border-radius:10px;background:#102630}
.baseline-film figcaption{color:#cce9d7;font-size:15px;margin-bottom:12px}.baseline-film svg{display:block;width:100%;height:auto;font-size:14px}
#dryout-simulation{margin-top:32px}#scale-info #dryout-simulation>h3{font-size:24px;color:#d0f79d;margin-bottom:20px}
.dryout-derivation .inception-inline{border:0;background:none;box-shadow:none}
.dryout-derivation .formula .katex-display{text-align:center}
@media(max-width:600px){body[data-mode=dryout] aside{padding:16px 10px}.baseline-film{padding:10px}.baseline-film svg{min-height:160px}}
/* The first animation is unframed and uses the published Three.js model. */
.baseline-film{position:relative;height:530px;margin:24px 0 32px;padding:0;border:0;border-radius:0;background:none;overflow:hidden}
.baseline-film canvas{display:block;width:100%;height:100%}
body[data-mode=dryout] .stage{border:0;border-radius:0;height:530px;min-height:530px}
/* Compact matching film views; only zoom remains interactive. */
body[data-mode=dryout] .stage,.baseline-film{height:320px!important;min-height:320px!important;max-height:320px;margin:0;padding:0;border:0;background:none}
body[data-mode=dryout] .stage-top,body[data-mode=dryout] .view-tools,body[data-mode=dryout] .gesture,body[data-mode=dryout] #scale-note{display:none!important}
body[data-mode=dryout] .flow-legend{top:8px;left:8px;right:8px;font-size:12px;gap:8px 14px}
body[data-mode=dryout] .scale-label{font-size:12px;padding:4px 5px}
body[data-mode=dryout] .process-status{bottom:4px;left:0;right:0;padding:4px 0;border:0;background:none;backdrop-filter:none;font-size:13px;text-align:center}
body[data-mode=dryout] #dryout-panel{padding:0;margin:0;border:0}
body[data-mode=dryout] #dryout-caption{font-size:15px;line-height:1.6;margin:8px 0}
body[data-mode=dryout] .scale-intro{font-size:16px}
body[data-mode=dryout] .baseline-film{margin-bottom:8px}
body[data-mode=dryout] .stage,.baseline-film{height:280px!important;min-height:280px!important;max-height:280px}
