:root{--bg:#06131f;--bg2:#091d2b;--panel:#10283a;--panel2:#153349;--line:#1e3b4d;--text:#f2f7fb;--muted:#a6c1d3;--soft:#769cb8;--blue:#28adf4;--blue2:#1178cd;--gold:#e7af74;--max:1170px;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.62;overflow-x:hidden}img{max-width:100%;display:block}a{color:#8ed4ff;text-decoration:none}a:hover{color:#d7efff}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}::selection{background:#2b9dd0;color:#06131f}:focus-visible{outline:3px solid #ffcf77;outline-offset:3px}.skip{position:absolute;left:12px;top:-100px;background:#fff;color:#001824;padding:12px;z-index:99}.skip:focus{top:12px}.container{width:min(var(--max),calc(100% - 42px));margin-inline:auto}.site-header{z-index:12;position:relative;border-bottom:1px solid #ffffff14;background:#071825e3;backdrop-filter:blur(14px)}.nav-shell{height:75px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;color:#fff;white-space:nowrap;font-size:19px;font-weight:800;letter-spacing:-.6px}.brand strong{font-weight:900}.brand-mark{width:29px;height:29px;border-radius:6px;background:linear-gradient(130deg,#08cef1,#1b73dc);display:grid;place-items:center;color:#fff;box-shadow:0 4px 18px #128fd94d}.brand-mark svg{width:18px;height:18px;fill:#fff}.nav-links{display:flex;align-items:center;gap:22px;margin-left:auto}.nav-links a{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.45px;color:#e0efff}.nav-links a:hover,.nav-links a[aria-current=page]{color:#62c8ff}.nav-utility{display:flex;gap:8px;align-items:center}.search-toggle,.menu-toggle{width:37px;height:37px;color:#a1c9e4;border:1px solid #ffffff20;border-radius:99px;background:#183248;display:grid;place-items:center}.search-toggle svg,.menu-toggle svg{width:17px;height:17px}.menu-toggle{display:none}.search-panel{background:#102b3a;position:absolute;left:0;right:0;top:100%;z-index:25;border-bottom:1px solid #426078;padding:16px 0 18px;box-shadow:0 20px 30px #0008}.search-panel[hidden]{display:none}.site-search{display:flex;align-items:center;gap:10px}.site-search input{width:100%;border:1px solid #4e7086;border-radius:8px;background:#071b2b;color:#fff;padding:13px 15px}.site-search button{border:0;border-radius:8px;color:#021926;background:#61c8ff;padding:12px 20px;font-weight:800}.search-results{display:grid;gap:4px;margin-top:12px}.search-results a{padding:8px 12px;display:block;border-radius:6px;background:#ffffff0b;color:#fff}.search-results small{margin-right:10px;color:#8dbed9}.search-results p{color:#c7dce9;margin:4px}.hero{position:relative;isolation:isolate;min-height:450px;padding:77px 0 58px;overflow:hidden;text-align:center;background:radial-gradient(circle at 48% 4%,#234860 0%,#102638 30%,#06131f 73%)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#06131fe8 2%,#07172891 23%,#06131f40 50%,#08192991 76%,#06131fea),linear-gradient(0deg,#06131f 0%,#06131f00 44%,#06131f85 100%),linear-gradient(145deg,#0b263a,#071a2b);background-size:cover;background-position:center 44%;opacity:.6}.hero:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 51% 27%,#b79c644a 0%,transparent 34%),linear-gradient(180deg,#08172313 0%,#06131f 98%)}.hero-eyebrow{display:inline-block;color:#9bd7ff;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:900}.hero h1{font-family:var(--serif);font-size:clamp(2.3rem,5.7vw,4.3rem);max-width:740px;line-height:1.1;letter-spacing:-1.5px;margin:14px auto 20px;text-shadow:0 4px 18px #02111e}.hero p{font-weight:500;max-width:600px;margin:0 auto 24px;color:#e4edf7;font-size:clamp(1rem,1.8vw,1.15rem)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:100px;border:1px solid transparent;background:linear-gradient(120deg,#00bdf5,#208de7);padding:13px 24px;color:#fff;font-size:14px;font-weight:800;box-shadow:0 10px 25px #0684dc33;transition:transform .18s,box-shadow .18s}.btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 13px 28px #028ee955}.btn-outline{background:transparent;border-color:#436a83;color:#d1e8fa;box-shadow:none}.hero-note{margin-top:24px!important;color:#83b4d0!important;font-size:12px!important}.hero-line{height:1px;background:linear-gradient(90deg,transparent,#4d85a388,transparent);position:absolute;bottom:0;left:0;right:0}.block{padding-top:44px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;border-bottom:1px solid #1a3446;padding-bottom:10px}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#86c5ee;font-weight:900}.section-heading h2{font-size:12px;line-height:1.2;color:#92c3df;letter-spacing:.075em;text-transform:uppercase;font-weight:900;margin:0}.more-link{color:#6faed7;font-size:12px;font-weight:800;white-space:nowrap}.genre-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.genre-card{position:relative;overflow:hidden;border-radius:8px;border:1px solid #28516a;min-height:180px;background:#163044;display:flex;align-items:flex-end;transition:transform .2s,border-color .2s}.genre-card:hover{transform:translateY(-4px);border-color:#5fbbe8}.genre-card img{width:100%;height:180px;object-fit:cover;position:absolute;inset:0;opacity:.78;filter:saturate(.82)}.genre-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,#071522ee 100%)}.genre-card span{z-index:1;position:relative;display:block;width:100%;text-align:center;font-size:13px;font-weight:900;text-transform:uppercase;padding:22px 6px 12px;color:white;text-shadow:0 2px 7px black}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tip{background:#17374e;border:1px solid #244961;border-radius:7px;padding:18px;display:flex;gap:17px;align-items:center;min-height:94px}.tip-icon{flex:0 0 38px;color:#9bd0fb;display:grid;place-items:center}.tip-icon svg{width:32px;height:32px;stroke:currentColor;stroke-width:1.6;fill:none}.tip p{font-size:13px;line-height:1.42;color:#d6e8f7;margin:0}.poster-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.poster{min-height:124px;position:relative;overflow:hidden;border-radius:7px;border:1px solid #3a5368;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;background:var(--bg2);transition:transform .2s}.poster:hover{transform:translateY(-3px)}.poster:before{content:"";position:absolute;inset:0;opacity:.9;background:linear-gradient(140deg,var(--poster-a),var(--poster-b));z-index:0}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,#00131de6);z-index:0}.poster b{position:relative;z-index:1;font-size:clamp(13px,1.7vw,22px);font-family:var(--serif);line-height:1.05;text-shadow:0 2px 8px #000}.poster small{position:relative;z-index:1;font-size:10px;text-transform:uppercase;color:#b4d7eb;margin-top:7px}.statement{text-align:center;padding:48px 0 28px}.statement h2{font:700 clamp(1.5rem,3.8vw,2.2rem)/1.25 var(--serif);margin:0 auto 6px;max-width:880px}.statement p{color:#8cb4cf;margin:0;font-size:13px}.columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:34px}.latest-list{display:grid;gap:18px}.latest-card{display:grid;grid-template-columns:154px 1fr;gap:17px;align-items:center}.latest-card img{width:154px;height:101px;object-fit:cover;border:1px solid #33546a;border-radius:7px}.meta{font-size:11px;color:#82aeca}.meta b{color:#d1e5ee}.latest-card h3{font-size:16px;line-height:1.22;margin:4px 0}.latest-card h3 a,.story-card h3 a{color:#f4f7fd}.latest-card p{font-size:12px;line-height:1.4;color:#9dc0d9;margin:0 0 4px}.facts{font-size:11px;color:#7399b7}.side-panel{border-left:1px solid #183647;padding-left:21px}.side-entry{display:grid;grid-template-columns:75px 1fr;gap:11px;margin-bottom:14px;align-items:start}.side-entry img{width:75px;height:65px;object-fit:cover;border-radius:5px}.side-entry a{font-size:12px;line-height:1.28;color:#e6f2fb;font-weight:800;display:block}.side-entry small{color:#6898b7;font-size:11px}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-block;padding:8px 15px;border-radius:30px;background:#153850;color:#cfebfb;font-size:12px;font-weight:700}.pill:hover{background:#23506c}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-card{background:#10293b;border-radius:8px;overflow:hidden;border:1px solid #1c3c52;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}.story-card:hover{transform:translateY(-4px);border-color:#4a8db0}.story-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.story-content{padding:12px 14px 17px;display:flex;flex-direction:column;flex:1}.story-card h3{font-size:16px;line-height:1.25;margin:7px 0}.story-card p{color:#9abed4;font-size:12px;line-height:1.45;margin:0 0 14px}.read-link{margin-top:auto;color:#ecf5fb;text-transform:uppercase;letter-spacing:.04em;font-weight:900;font-size:11px}.trending-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.trend-item{display:block}.trend-item img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;border:1px solid #4a687a}.trend-item strong{display:block;font-size:12px;color:#e7f3ff;margin-top:8px;line-height:1.3}.trend-item span{display:block;color:#87b2cc;font-size:10px}.site-footer{margin-top:64px;background:#10283a;border-top:1px solid #224257;padding:33px 0 22px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.footer-links{display:flex;flex-wrap:wrap;gap:14px 22px}.footer-links a{font-size:12px;color:#d3e6f8}.footer-social{display:flex;gap:15px;align-items:center}.footer-social a{color:#a0bdda;font-size:12px}.footer-bottom{border-top:1px solid #234559;margin-top:22px;padding-top:15px;color:#8eb3cc;font-size:11px;display:flex;justify-content:space-between;gap:12px}.page-hero{padding:54px 0 45px;background:radial-gradient(ellipse at 75% 0%,#16384e 0%,transparent 50%),#081d2c;border-bottom:1px solid #224456}.breadcrumbs{font-size:12px;color:#8bb4cd;margin-bottom:12px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.breadcrumbs a{color:#a9cfdf}.page-hero h1{font-family:var(--serif);font-size:clamp(2.1rem,4.5vw,3.4rem);max-width:900px;line-height:1.16;margin:11px 0 15px;letter-spacing:-.7px}.page-hero p{color:#aac8db;max-width:730px;font-size:17px;margin:0}.listing-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:27px 0 22px}.filter-buttons{display:flex;gap:7px;flex-wrap:wrap}.filter-buttons button{border:1px solid #31536a;background:#112d40;color:#b8d6ea;border-radius:99px;padding:7px 13px;font-size:12px;font-weight:800}.filter-buttons button.is-active{background:#1d8dc9;color:#fff;border-color:#47b8f5}.listing-count{font-size:12px;color:#94b5cd;white-space:nowrap}.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:53px;align-items:start;padding-top:38px}.article-header h1{font-family:var(--serif);font-size:clamp(2.2rem,4.2vw,3.5rem);line-height:1.16;letter-spacing:-.8px;margin:10px 0 17px}.article-dek{color:#bbd5e6;font-size:19px;line-height:1.55;margin:0 0 15px}.article-byline{display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:#93b5ca;font-size:12px;margin-bottom:24px}.article-figure{margin:0 0 30px}.article-figure img{aspect-ratio:16/9;width:100%;object-fit:cover;border:1px solid #355b70;border-radius:9px}.article-figure figcaption{font-size:11px;color:#82a8c2;margin:9px 0 0}.article-body{color:#d2e3ee;font-size:17px;line-height:1.79}.article-body p{margin:0 0 22px}.article-body h2{font:700 clamp(1.5rem,2.7vw,2rem)/1.32 var(--serif);color:#fff;margin:38px 0 15px}.article-body h3{font-weight:800;font-size:19px;color:#dceffe;margin:25px 0 12px}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:25px}.article-body li{padding-left:4px;margin:9px 0}.article-body a{color:#6ecbff;text-decoration:underline;text-decoration-color:#5795b6;text-underline-offset:4px}.article-body blockquote{border-left:3px solid #39aadd;background:#13344a;margin:22px 0;padding:14px 20px;color:#dbedfc}.article-aside{position:sticky;top:28px;background:#0d2637;border:1px solid #28495e;border-radius:10px;padding:20px}.article-aside h2{font-size:12px;letter-spacing:.07em;color:#8dc8ee;text-transform:uppercase;margin:0 0 13px}.article-aside ol{list-style:decimal;padding-left:18px;margin:0 0 18px}.article-aside li{font-size:12px;line-height:1.35;color:#91b8cc;margin:10px 0}.article-aside li a{color:#c8e1ee}.mini-advice{padding-top:14px;border-top:1px solid #2b526a;color:#91b5c9;font-size:12px}.article-end{border-top:1px solid #284457;margin-top:35px;padding-top:28px}.article-end h2{font-family:var(--serif);font-size:25px}.rich-section{padding:35px 0}.rich-content{max-width:790px;color:#c9e0ef;font-size:16px;line-height:1.78}.rich-content h2{font-family:var(--serif);font-size:26px;color:#f7faff;line-height:1.25;margin:36px 0 12px}.rich-content p{margin:0 0 20px}.rich-content ul{margin:0 0 20px}.contact-layout{display:grid;grid-template-columns:1fr 420px;gap:55px}.contact-form{background:#0e293c;border:1px solid #35536a;padding:27px;border-radius:10px}.contact-form label{display:block;font-size:12px;color:#d4e7f2;font-weight:800;margin:0 0 6px}.contact-form input,.contact-form textarea{background:#061a2a;border:1px solid #3c6075;color:white;padding:12px 13px;width:100%;margin:0 0 15px;border-radius:7px}.contact-form textarea{min-height:125px;resize:vertical}.form-help{font-size:12px;color:#9dbed4}.contact-form .btn{border:none}.notice{border-left:4px solid #48bbf5;padding:18px 20px;background:#10344a;border-radius:0 8px 8px 0;margin:23px 0;color:#cde9fc}.error-page{text-align:center;padding:105px 0}.error-page strong{font:900 120px var(--serif);color:#6cc4f0}.error-page h1{font:700 38px var(--serif)}.error-page p{color:#b4cedf}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:1050px){.nav-links{gap:13px}.nav-links a{font-size:10px}.columns{grid-template-columns:minmax(0,1fr) 235px}.genre-card,.genre-card img{min-height:145px;height:145px}.article-wrap{gap:28px;grid-template-columns:1fr 205px}.contact-layout{grid-template-columns:1fr 345px}}@media(max-width:800px){.nav-shell{height:67px}.menu-toggle{display:grid}.nav-links{display:none;position:absolute;top:100%;right:0;left:0;margin:0;background:#10293b;padding:14px 22px 23px;box-shadow:0 20px 25px #0008;border-bottom:1px solid #3b667f;flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open{display:flex}.nav-links a{font-size:13px;padding:10px}.nav-utility{margin-left:auto}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tips-grid{grid-template-columns:repeat(2,1fr)}.poster-strip,.trending-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.columns{grid-template-columns:1fr}.side-panel{border-left:0;border-top:1px solid #29465b;padding-left:0;padding-top:22px}.side-entry{display:inline-grid;width:calc(50% - 13px);margin-right:10px}.article-wrap{grid-template-columns:1fr}.article-aside{position:static;order:2}.contact-layout{grid-template-columns:1fr}.footer-top{flex-direction:column}}@media(max-width:560px){.container{width:min(var(--max),calc(100% - 30px))}.brand{font-size:17px}.hero{min-height:390px;padding:70px 0 50px}.hero h1{letter-spacing:-.6px}.hero p{font-size:15px}.block{padding-top:32px}.genre-grid{gap:8px}.genre-card,.genre-card img{height:127px;min-height:127px}.genre-card span{font-size:10px}.tips-grid{grid-template-columns:1fr;gap:9px}.tip{min-height:75px;padding:12px}.tip p{font-size:13px}.poster-strip,.trending-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.poster{min-height:120px}.statement{padding-top:36px}.latest-card{grid-template-columns:112px 1fr;gap:11px}.latest-card img{width:112px;height:96px}.latest-card h3{font-size:13px}.latest-card p{font-size:11px}.story-grid{grid-template-columns:1fr;gap:12px}.story-card h3{font-size:17px}.side-entry{width:100%}.footer-bottom{flex-direction:column}.page-hero{padding:38px 0}.page-hero p{font-size:15px}.listing-toolbar{flex-direction:column;align-items:flex-start}.article-wrap{padding-top:25px}.article-dek{font-size:17px}.article-body{font-size:16px}.article-figure img{border-radius:6px}.rich-content{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Height attributes reserve intrinsic space, but responsive card media must scale with width. */
.story-card img,.trending-grid img{height:auto;aspect-ratio:16/9;object-fit:cover}

/* Photo-forward homepage: all photographs are bundled editorial article images. */
.hero{min-height:0;padding:54px 0 50px;text-align:left;background:radial-gradient(ellipse at 72% 18%,#19394a 0%,#0a2030 44%,#06131f 79%)}
.hero:before{background-image:radial-gradient(ellipse at 50% 0%,#19456344 0%,transparent 66%);opacity:1}
.hero:after{background:linear-gradient(0deg,#06131f44,transparent 65%)}
.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:48px;align-items:center}
.hero-copy{padding:26px 0 30px;position:relative;z-index:1}
.hero h1{font-size:clamp(2.4rem,4.3vw,4.2rem);max-width:640px;margin:16px 0 19px;line-height:1.08;letter-spacing:-1.4px}
.hero p{max-width:520px;margin:0 0 25px;font-size:clamp(1rem,1.55vw,1.13rem)}
.hero .hero-note{margin:20px 0 0!important;max-width:430px}
.hero-showcase{display:grid;grid-template-rows:minmax(0,1.25fr) minmax(0,.75fr);gap:12px;min-height:385px;height:clamp(385px,34vw,470px)}
.hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}
.story-photo-link{position:relative;display:block;overflow:hidden;isolation:isolate;color:#fff}
.story-photo-link:hover{color:#fff}
.story-photo-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .38s ease,filter .3s ease}
.story-photo-link:hover img{transform:scale(1.045)}
.hero-feature,.hero-mini{border-radius:12px;border:1px solid #45647c;box-shadow:0 13px 32px #0005}
.hero-feature:after,.hero-mini:after,.genre-card:after,.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03142205 25%,#041523bb 72%,#04111ef5 100%);pointer-events:none;z-index:0}
.hero-photo-caption{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;gap:4px;padding:20px 22px;text-shadow:0 2px 9px #000a}
.hero-photo-caption strong{font-size:19px;line-height:1.18;font-weight:850}
.hero-story-type{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#a4dfff;font-weight:900}
.hero-mini .hero-photo-caption{padding:12px 14px}
.hero-mini .hero-photo-caption strong{font-size:13px;line-height:1.22}
.genre-card{background:#122a3c;min-height:188px;align-items:flex-end}
.genre-card img{height:100%;min-height:0;opacity:1;filter:none}
.genre-card .genre-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding:18px 5px 13px;text-shadow:0 2px 8px #000}
.genre-card .genre-copy strong{font-size:14px;line-height:1.1;letter-spacing:.02em;text-transform:uppercase}
.genre-card .genre-copy small{font-size:10px;color:#b3daef;font-weight:600;margin-top:5px;text-transform:none}
.genre-card:before{display:none}
.genre-card:after{background:linear-gradient(180deg,transparent 21%,#071522f5 100%)}
.browse-categories{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:17px 0 0}
.browse-categories span{color:#91b6cf;font-size:12px;margin-right:5px}
.browse-categories a{color:#d6edfa;padding:5px 11px;font-size:11px;font-weight:700;border:1px solid #365970;border-radius:999px;background:#102d41}
.browse-categories a:hover{background:#1a4c69}
.poster{min-height:148px;display:block;padding:0;border-radius:8px;background:#112c40}
.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}
.poster:before{display:none}
.poster:after{background:linear-gradient(180deg,transparent 20%,#00131deb 100%)}
.poster-caption{position:absolute;bottom:0;left:0;right:0;display:block;z-index:1;padding:12px 11px 10px;text-shadow:0 2px 7px #000}
.poster-caption strong{display:block;font:800 12px/1.23 var(--sans)}
.poster-caption small{display:block;font:700 9px var(--sans);text-transform:uppercase;letter-spacing:.09em;color:#a9d8ee;margin-top:6px}
@media(max-width:1050px){.hero-layout{gap:26px}.hero h1{font-size:clamp(2.15rem,4.25vw,3.4rem)}.hero-showcase{height:395px;min-height:0}.genre-card{min-height:155px}}
@media(max-width:800px){.hero{padding:42px 0 42px}.hero-layout{grid-template-columns:1fr;gap:23px}.hero-copy{text-align:center;padding:8px 0 0}.hero h1{max-width:650px;font-size:clamp(2.5rem,5.8vw,3.6rem);margin:14px auto}.hero p{margin:0 auto 22px}.hero .hero-note{margin:18px auto 0!important}.hero-showcase{width:100%;max-width:660px;margin:0 auto;height:365px;grid-template-rows:minmax(0,1.25fr) minmax(0,.75fr)}.genre-card{min-height:165px}}
@media(max-width:560px){.hero{padding:34px 0 32px;min-height:0}.hero h1{font-size:clamp(2.1rem,9vw,2.75rem);letter-spacing:-.7px}.hero-copy{padding:0}.hero p{font-size:14px}.hero .hero-note{font-size:11px!important}.hero-showcase{height:305px;gap:8px}.hero-mini-grid{gap:8px}.hero-feature,.hero-mini{border-radius:8px}.hero-photo-caption{padding:13px 14px}.hero-photo-caption strong{font-size:15px}.hero-mini .hero-photo-caption{padding:9px}.hero-mini .hero-photo-caption strong{font-size:11px}.hero-mini .hero-story-type{font-size:8px}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.genre-card{min-height:140px;height:140px}.genre-card img{height:100%;min-height:0}.genre-card .genre-copy{padding:12px 2px 10px}.genre-card .genre-copy strong{font-size:11px}.genre-card .genre-copy small{font-size:9px}.poster{height:125px;min-height:125px}.poster-caption strong{font-size:11px}.browse-categories a{font-size:10px;padding:5px 9px}.browse-categories span{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.story-photo-link img{transition:none}}
/* Explicit paint order keeps card photographs above their backgrounds and under labels. */
.story-photo-link img{z-index:0}
.hero-feature:after,.hero-mini:after,.genre-card:after,.poster:after{z-index:1}
.hero-photo-caption,.genre-card .genre-copy,.poster-caption{z-index:2}
.poster img{z-index:3}
.poster:after{z-index:4}
.poster-caption{z-index:5}

/* Editorial quality and readability release */
.article-body{max-width:740px;line-height:1.8;font-size:17px;color:#e1eaf1}
.article-body p{margin-bottom:1.18em}
.article-body h2{scroll-margin-top:26px;line-height:1.3;margin-top:2em}
.article-figure figcaption{color:#9ab3c4;font-size:12px;line-height:1.5;margin-top:8px}
.article-byline{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.revision-label{color:#afcddd;font-size:12px}
.editorial-tool{background:#102b3e;border:1px solid #31536b;border-radius:12px;padding:22px;margin:30px 0}
.editorial-tool h2{margin:0 0 10px;font-size:23px;color:#f1faff}
.tool-note,.source-panel p{color:#bbd6e6;font-size:14px;line-height:1.65}
.table-scroll{overflow-x:auto;max-width:100%;border-radius:8px}
.editorial-table{border-collapse:collapse;width:100%;min-width:460px;font-size:14px;line-height:1.5}
.editorial-table td,.editorial-table th{border-bottom:1px solid #365269;padding:11px 12px;text-align:left;vertical-align:top}
.editorial-table th{background:#1b3e55;color:#fff;font-weight:750}
.editorial-table td:first-child{font-weight:700;color:#ecf6ff}
.source-panel{border-top:1px solid #365269;margin:36px 0 12px;padding-top:21px}
.source-panel h2{margin:0 0 10px;color:#fff;font-size:23px}
.source-panel ul{padding-left:22px;margin:12px 0 0}.source-panel li{margin:0 0 8px;overflow-wrap:anywhere}
.source-panel a{color:#8bd9ff;text-decoration:underline;text-underline-offset:3px}
.quick-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;margin-bottom:10px}
.quick-path{background:#10283b;border:1px solid #315169;padding:24px;border-radius:12px}
.quick-path-label{color:#8ed3ff;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:850}
.quick-path h2{font:750 23px/1.25 var(--serif);color:#fff;margin:12px 0 8px}
.quick-path p{font-size:14px;color:#c5dbea;margin:0 0 12px}.quick-path a{font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.article-aside ol{max-height:70vh;overflow-y:auto}.article-aside li a{overflow-wrap:anywhere}
.article-body a:hover,.source-panel a:hover,.quick-path a:hover{text-decoration:underline}
@media(max-width:800px){.quick-paths{grid-template-columns:1fr}.quick-path{padding:19px}}
@media(max-width:560px){.article-body{font-size:16px}.editorial-tool{padding:14px}.editorial-tool h2,.source-panel h2{font-size:21px}.quick-path h2{font-size:22px}}
/* Prevent intrinsic-width editorial tables from stretching the article grid on phones. */
.article-wrap>article,.article-wrap>.article-aside,.article-header,.article-body,.editorial-tool,.source-panel{min-width:0}
.article-body,.editorial-tool,.source-panel{max-width:100%}
@media(max-width:800px){.article-wrap{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:360px){.nav-shell{gap:10px}.brand{font-size:14px;white-space:normal;min-width:0;line-height:1.12}.brand strong{max-width:150px}.brand-mark{flex:0 0 27px}.nav-utility{gap:5px;flex:0 0 auto}.search-toggle,.menu-toggle{width:34px;height:34px}}

/* Submission-release accessibility and clarity refinements */
:where(a,button,input,textarea,select):focus-visible{outline:3px solid #f6c47e!important;outline-offset:3px}
.hero-note a{text-decoration:underline;text-underline-offset:3px;color:#a8e4ff}
[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.site-header .nav-links a[aria-current="page"]{color:#fff}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}