/* Readable article surfaces over licensed, pale airport and port scenes. */
body.reading-preview{--scene:url('/assets/airport-licensed-20261022.jpg');--ink:#edf2f7;--muted:#b1bfd0;background:#101b29;color:var(--ink);isolation:isolate;min-height:100vh}
body.reading-preview[data-reading-scene="sea"]{--scene:url('/assets/seaport-licensed-20261022.jpg')}
body.reading-preview::before{content:none}
.reading-preview .reading-nav{background:#142234;border-bottom:1px solid #c7d2ca;color:var(--ink)}
.reading-preview .reading-cover{background:linear-gradient(90deg,#102039eb,#102039d9),var(--scene) center/cover;color:var(--ink);padding-block:48px;min-height:0;border-bottom:1px solid #c3d0c6}
.reading-preview .reading-cover p,.reading-preview .reading-cover .eyebrow,.reading-preview .reading-cover a{color:#40564b}
.reading-preview .reading-meta{color:#40564b;font-size:13px;line-height:1.8;margin-top:24px}
.reading-preview .reading-cover h1{max-width:23ch;font-size:clamp(30px,3.4vw,46px);line-height:1.3;letter-spacing:-.025em;color:#263a34}
.reading-preview .reading-layout{max-width:1180px;gap:50px;grid-template-columns:210px minmax(0,1fr);padding-block:48px 64px;align-items:start}
.reading-preview .reading-toc{padding:10px 0 0;background:transparent;box-shadow:none;border:0}
.reading-preview .reading-toc a{line-height:1.65;color:#486052}
.reading-preview .reading-body{padding:38px 44px;background:#18283a;border:0;border-radius:0;box-shadow:0 12px 30px #203e3010;max-width:850px}
.reading-preview .reading-body>section{padding-block:0 32px;margin-bottom:28px;border-bottom:1px solid #d3dcd2}
.reading-preview .reading-body>section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.reading-preview .reading-body p,.reading-preview .reading-body li{font-size:17px;line-height:1.95;color:#354b40;max-width:70ch}
.reading-preview .reading-body h2{font-size:27px;line-height:1.4;color:#263a34}
.reading-preview .reading-body h3{color:#314d3f;line-height:1.5}
.reading-preview .reading-body details{background:#203246;border-color:#d1dbce;border-radius:4px}
.reading-preview .reading-body summary{line-height:1.65;color:#304939}
.reading-preview .related-grid{gap:18px}
.reading-preview .related-card{background:#203246;border:0;border-radius:0}
.reading-preview .reading-footer{background:#142234;color:#304d3e;border-top:1px solid #c3d0c6}
/* Earlier observation pages use a simpler document structure. */
.reading-preview>header:not(.reading-nav),.reading-preview>main:not(:has(.reading-layout)){background:#18283a}
.reading-preview .note-card{background:#1c2d40;border-color:#cbd6c8;color:#263a34}
.reading-preview a:focus-visible,.reading-preview button:focus-visible,.reading-preview summary:focus-visible{outline:3px solid #a7442d;outline-offset:4px}
@media(max-width:900px){.reading-preview .reading-layout{grid-template-columns:165px minmax(0,1fr);gap:28px}.reading-preview .reading-body{padding:28px}}
@media(max-width:760px){
 .reading-preview .reading-nav{gap:14px;flex-wrap:wrap;padding:16px 20px}.reading-preview .reading-brand{margin-right:auto}
 .reading-preview .reading-cover{padding-block:30px}.reading-preview .reading-cover h1{font-size:31px;max-width:100%}
 .reading-preview .reading-layout{display:flex;flex-direction:column;gap:24px;padding-block:28px 38px}
 .reading-preview .reading-toc{position:static;display:flex;flex-wrap:wrap;gap:9px 16px;width:100%;font-size:14px}
 .reading-preview .reading-toc b{flex-basis:100%;margin-bottom:4px}.reading-preview .reading-toc a{padding:5px 0;border-bottom:1px solid #aabdac}
 .reading-preview .reading-body{padding:24px 20px;width:100%;max-width:none;min-width:0}
 .reading-preview .reading-body p,.reading-preview .reading-body li{font-size:16px;line-height:1.9}.reading-preview .reading-body h2{font-size:25px}
 .reading-preview .related-grid{grid-template-columns:1fr}.reading-preview .reading-body>section{padding-bottom:24px;margin-bottom:24px}
}

/* Night-toned scene bands; photographs do not sit beneath article text. */
.personal-site.reading-preview .reading-nav,.reading-preview .reading-nav{background:#142234;color:#edf2f7;border-color:#34495e}
.reading-preview .reading-nav a,.reading-preview .reading-brand{color:#edf2f7}
.reading-preview .reading-cover{border-color:#34495e;color:#edf2f7}
.personal-site.reading-preview .reading-cover h1{color:#f2f5f8}
.reading-preview .reading-cover p,.reading-preview .reading-cover a,.reading-preview .reading-meta{color:#c0ccd9}
.reading-preview .reading-toc a,.reading-preview .reading-toc b{color:#c4d0dd}
.reading-preview .reading-body h2,.reading-preview .reading-body h3,.reading-preview .reading-body h4{color:#edf2f7}
.reading-preview .reading-body p,.reading-preview .reading-body li,.reading-preview .reading-body summary{color:#c7d3df}
.reading-preview .reading-body a,.reading-preview .related-card h3,.reading-preview .related-card small{color:#efb995}
.reading-preview .reading-body .button{color:#fff;background:#a75b3c}
.reading-preview .reading-body>section,.reading-preview .reading-body details,.reading-preview .reading-toc a{border-color:#384c61}
.reading-preview .reading-footer,.reading-preview .reading-footer a{color:#bfcedc;border-color:#34495e}
.reading-preview>header:not(.reading-nav),.reading-preview>main:not(:has(.reading-layout)){background:#18283a;color:#d8e1e9}
.reading-preview .note-card,.reading-preview .note-card p,.reading-preview .note-card h1,.reading-preview .note-card h2,.reading-preview .note-card h3{color:#d8e1e9;border-color:#34495e}
.reading-preview .note-card a{color:#efb995}
.reading-preview #reading-language{background:#203246;color:#edf2f7;border-color:#456078}

.reading-preview .archive-page h1,.reading-preview .note-card h4{color:#edf2f7}
.reading-preview .archive-page>p,.reading-preview .news-meta,.reading-preview .note-card .news-meta{color:#bdcbd8}

.reading-preview .related-card small *,.reading-preview .related-card>span{color:#bdcbd8}