:root{color-scheme:dark;--bg:#020c16;--panel:#061625;--border:#1b4059;--blue:#0797ff;--muted:#9bb3c5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -10%,#12395d 0,#020c16 43%);color:#f3f8ff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.masthead{background:radial-gradient(ellipse at 38% 0,#1c69a6 0,#061b32 47%,#010913 90%);border-bottom:1px solid #2372aa}.mast-inner{max-width:1370px;margin:auto;min-height:155px;padding:25px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:16px}.planet{font-size:62px;color:#6ac9ff;text-shadow:0 0 18px #00aaff;border:3px solid #2daaff;border-radius:50%;width:88px;height:88px;display:grid;place-items:center;transform:rotate(-20deg)}.brand strong{font-size:clamp(29px,4vw,60px);font-style:italic;font-weight:1000;letter-spacing:-2px;line-height:.92;text-shadow:0 3px 12px #000}.brand em{display:block;text-align:center;letter-spacing:13px;color:#50c5ff;font-size:25px;font-weight:900;font-style:normal}.mast-right{display:flex;flex-direction:column;gap:20px;align-items:flex-end}.tagline{font-size:12px;font-weight:700;white-space:nowrap}.search{display:flex;background:#05101d;border:1px solid #5985a7;border-radius:6px;overflow:hidden}.search input{border:0;background:transparent;color:white;padding:12px;width:270px;outline:none}.search button{border:0;background:transparent;color:white;font-size:27px;cursor:pointer;padding:0 13px}.nav{background:#010810;border-bottom:1px solid #315574}.nav-inner{max-width:1370px;margin:auto;display:flex;overflow-x:auto}.nav a{padding:17px 17px;white-space:nowrap;font-size:13px;font-weight:800}.nav a:hover,.nav a.active{background:#087fdb}.preview-notice{text-align:center;background:#10283d;color:#b9d5e8;font-size:12px;padding:9px 12px}.shell{max-width:1370px;margin:22px auto;display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px;padding:0 20px}main{min-width:0}.hero-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-bottom:18px}.hero{min-height:410px;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:3px;display:flex;align-items:end}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#01070d 0,transparent 85%)}.hero-copy{position:relative;z-index:1;padding:20px}.hero h1{font-size:clamp(24px,2.6vw,39px);line-height:1.07;margin:12px 0}.hero p{color:#e3ebf2;margin:0 0 12px}.pill{display:inline-block;background:#087bda;border-radius:3px;padding:5px 10px;font-size:11px;font-weight:900}.mini-stack{display:flex;flex-direction:column;gap:10px}.mini{display:flex;gap:12px;flex:1;border-bottom:1px solid #31506a;padding-bottom:10px}.mini img{width:43%;object-fit:cover;min-height:105px}.mini h3{font-size:17px;line-height:1.22;margin:8px 0}.meta{font-size:12px;color:#9ab2c4}.section{border:1px solid var(--border);margin-bottom:18px;background:#03101d}.section h2,.panel h2,.page-title{border-left:6px solid var(--blue);padding-left:12px;font-size:20px;margin:15px 0 17px}.section h2{margin-left:0;border-bottom:1px solid #16415c;padding-bottom:10px}.section-inner{padding:0 14px 14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{min-width:0;cursor:pointer}.card img{width:100%;height:125px;object-fit:cover;border-radius:4px}.card h3{font-size:15px;line-height:1.3;margin:8px 0}.card:hover h3,.mini:hover h3,.trend:hover strong{color:#53bdff}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.cat{background:linear-gradient(145deg,#17476c,#06315b);border:1px solid #236089;min-height:105px;display:flex;align-items:end;padding:12px;font-weight:900;font-size:13px}.cat:hover{background:#0764ac}.sidebar .panel{margin-bottom:28px}.panel h2{border-bottom:1px solid #23506b;padding-bottom:10px;font-size:18px}.trend{display:flex;gap:12px;margin:15px 0;align-items:center}.trend .number{font-size:26px;color:#58b8fb;font-weight:900}.trend img{width:64px;height:64px;object-fit:cover}.trend strong{font-size:13px;line-height:1.3;display:block}.trend small{display:block;margin-top:7px;color:var(--muted)}.newsletter p,.panel small{color:var(--muted);line-height:1.5}.newsletter input,.newsletter button{width:100%;padding:12px;margin-top:8px;border-radius:4px}.newsletter input{background:#071a2c;border:1px solid #3b6687;color:#c1d1de}.newsletter button{background:#096fbf;border:0;color:#fff;font-weight:700;opacity:.6}.social{font-size:28px;color:#48aeff}.page-title{font-size:27px}.article{max-width:800px}.article .lead{font-size:19px;color:#c7deed}.article img{width:100%;max-height:380px;object-fit:cover}.article p{line-height:1.75;color:#d2e0eb}.article h1{font-size:36px;line-height:1.15}.back{color:#59bcff;display:inline-block;margin:12px 0}.empty{padding:40px;text-align:center;color:#abc0d0}footer{text-align:center;border-top:1px solid #24415a;color:#93a8b9;padding:30px;font-size:13px}footer a{color:#61baff}@media(max-width:1000px){.shell{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mast-inner{flex-direction:column;align-items:flex-start}.mast-right{align-items:flex-start}}@media(max-width:650px){.brand strong{font-size:32px}.brand em{font-size:16px;letter-spacing:8px}.planet{width:58px;height:58px;font-size:36px}.mast-inner{padding:18px}.tagline{white-space:normal}.hero-layout{grid-template-columns:1fr}.hero{min-height:350px}.mini-stack{display:grid;grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(2,1fr)}.sidebar{display:block}.shell{padding:0 12px}.article h1{font-size:28px}}

/* Version 2 editorial enhancements */
.masthead{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 25% 10%,#155083,#04172b 65%,#020915)}
.masthead::before{content:"";position:absolute;z-index:-1;right:5%;top:-18px;width:min(48vw,700px);height:220px;background:url('masthead-art.webp') center 20%/cover no-repeat;opacity:.95;mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 82%,transparent 100%)}
.masthead::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,12,25,.1) 0%,rgba(2,12,25,.10) 40%,rgba(2,12,25,.25) 100%)}
.mast-inner{min-height:185px}.brand{z-index:1}.brand strong{filter:drop-shadow(0 3px 5px #001)}.mast-right{z-index:1;background:linear-gradient(90deg,transparent,rgba(1,9,19,.72));padding:10px;border-radius:6px}
.cat{position:relative;isolation:isolate;overflow:hidden;min-height:135px;text-shadow:0 2px 5px #000;font-size:14px}
.cat:before{content:"";position:absolute;z-index:-2;inset:0;background:var(--tile) center/cover no-repeat;transition:transform .25s}
.cat:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(1,10,22,.95),rgba(1,10,22,.12))}
.cat:hover:before{transform:scale(1.07)}
.article{max-width:900px;background:#041321;border:1px solid #1b4059;padding:clamp(18px,3vw,35px)}
.article .article-image{max-height:460px;border-radius:4px;margin:16px 0 8px}
.article .byline{display:flex;gap:12px;align-items:center;padding:12px 0;border-block:1px solid #25465e;margin:18px 0;color:#b9d5e9;font-size:13px}
.avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid #1c8cdb;border-radius:50%;color:#69c8ff;font-weight:900;background:#082c48}
.related{border-top:1px solid #25465e;margin-top:32px;padding-top:15px}.related h2{font-size:20px}.related .cards{grid-template-columns:repeat(3,1fr)}
.notice-box{background:#0c2a41;border-left:4px solid #0797ff;padding:12px 16px;color:#c6e3f5;font-size:13px;line-height:1.6;margin:16px 0}
.article h1{margin-bottom:12px}.article p{font-size:16px}.article .lead{font-size:20px}
@media(max-width:900px){.masthead::before{right:-12%;width:65vw;opacity:.55}.mast-right{background:rgba(1,9,19,.55)}}
@media(max-width:650px){.masthead::before{right:-20%;width:100vw;opacity:.25}.mast-inner{min-height:150px}.related .cards{grid-template-columns:repeat(2,1fr)}.cat{min-height:110px}}

/* Version 3: expansive desktop layout and masthead refinements */
@media(min-width:1100px){
 .mast-inner,.nav-inner{max-width:1680px}
 .shell{max-width:1680px;grid-template-columns:minmax(0,1fr) 290px;gap:25px;padding:0 28px}
 .hero-layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px}
 .hero{min-height:460px}
 .hero img{object-position:center 32%}
 .hero-copy{padding:25px}
 .mini h3{font-size:18px}
 .brand strong{font-size:clamp(46px,4.4vw,72px)}
 .brand em{font-size:28px;letter-spacing:16px}
 .mast-inner{min-height:205px;padding:22px 28px}
 .masthead::before{right:9%;top:-30px;width:min(51vw,850px);height:260px;background-position:center 28%}
 .mast-right{align-self:flex-end;margin-bottom:8px;gap:8px;background:rgba(1,9,19,.72);backdrop-filter:blur(4px)}
 .nav a{padding:18px 19px}
 .card img{height:155px}
 .cat{min-height:150px}
}
@media(min-width:1600px){.hero{min-height:490px}.hero h1{font-size:44px}}
@media(min-width:1100px) and (max-width:1350px){.masthead::before{right:4%;opacity:.8}.brand strong{font-size:52px}.mast-right{max-width:290px}}

/* Version 4: unobstructed banner, integrated navigation search, hero framing */
.mast-inner{min-height:230px;align-items:center}
.masthead::before{height:310px;top:-38px;right:3%;width:min(57vw,970px);background-position:center 29%}
.mast-right{align-self:flex-end;margin-bottom:12px;background:none;backdrop-filter:none;padding:0;max-width:440px}
.tagline{display:block;white-space:normal;text-align:right;text-shadow:0 2px 6px #000;font-size:11px;line-height:1.5}
.nav{display:flex;align-items:stretch;justify-content:center}
.nav-inner{margin:0;max-width:none;flex:0 1 auto;min-width:0}
.nav a{padding:16px 13px;font-size:12px}
.nav-search{align-self:center;flex-shrink:0;margin:0 16px 0 8px;height:37px}
.nav-search input{width:210px;padding:8px 10px;font-size:12px}
.nav-search button{font-size:22px}
.hero{background:#071523}
.hero::before{content:"";position:absolute;inset:-20px;background:url('hero.webp') center/cover no-repeat;filter:blur(20px) brightness(.42);opacity:.8}
.hero img{object-fit:contain;object-position:center center;z-index:0}
.hero::after{background:linear-gradient(0deg,rgba(1,7,13,.98) 0%,rgba(1,7,13,.45) 36%,transparent 76%)}
@media(max-width:1300px){.nav{flex-wrap:wrap}.nav-inner{width:100%;justify-content:center}.nav-search{margin:0 auto 10px}.mast-right{max-width:300px}}
@media(max-width:750px){.mast-inner{min-height:165px}.masthead::before{height:210px;opacity:.5}.mast-right{display:none}.nav-inner{justify-content:flex-start}.nav-search{width:calc(100% - 28px);margin:8px 14px}.nav-search input{width:100%}.hero{min-height:390px}}

/* Version 5: edge-to-edge feature image and usable archives */
.hero{background:#071523;isolation:isolate}
.hero::before{display:none!important}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;object-position:center 43%!important;z-index:-1}
.hero::after{z-index:0;background:linear-gradient(0deg,rgba(1,7,13,.98) 0%,rgba(1,7,13,.45) 42%,rgba(1,7,13,.08) 90%)}
.hero-copy{z-index:2}
.archive-intro{color:#a9c8dc;line-height:1.6}.archive-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:22px 0}.archive-controls label{font-size:13px;color:#a9c8dc;font-weight:bold}.archive-controls input,.archive-controls select{display:block;width:100%;margin-top:8px;background:#071c30;color:#fff;border:1px solid #396f93;padding:12px;border-radius:5px}.archive-count{color:#92b9d3;font-size:13px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:18px}.archive-grid .card{background:#071a2b;padding:10px;border:1px solid #1b4059;border-radius:5px}.archive-grid .card img{height:175px}.archive-pages{display:flex;justify-content:center;gap:8px;margin:28px}.archive-pages button{background:#0c2741;border:1px solid #356d94;color:#fff;border-radius:4px;padding:10px 15px;cursor:pointer}.archive-pages button[aria-current="page"]{background:#087bda}.archive-pages button:hover{background:#1269a8}
@media(max-width:850px){.archive-controls{grid-template-columns:1fr 1fr}.archive-controls label:first-child{grid-column:1/-1}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.archive-controls,.archive-grid{grid-template-columns:1fr}.archive-controls label:first-child{grid-column:auto}}

.hero img{z-index:0!important}.hero::after{z-index:1!important}.hero-copy{z-index:2!important}

/* Inglorious Rex editorial feature */
.article-image{max-height:640px;object-fit:contain;background:radial-gradient(circle at center,#15385a,#020b16 72%);}
.hero img{object-fit:cover;object-position:center 30%;}
.hero:has(img[src*="cloudfront.net"]) img{object-fit:contain;object-position:center center;background:radial-gradient(circle at 50% 38%,#214b75,#030d1a 75%);}
.image-credit{font-size:12px!important;color:#91a9bf!important;margin-top:8px!important;line-height:1.5!important}
.rex-campaign{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:26px;margin:28px 0;border:1px solid #2274b7;background:linear-gradient(125deg,#06233f,#07111e);border-radius:12px;box-shadow:0 0 32px #0089f21c;}
.rex-campaign img{width:100%;max-height:330px;object-fit:contain;border-radius:8px}
.rex-campaign h2{font-size:27px;margin:12px 0;color:#fff}
.rex-campaign p{color:#c8d8eb;line-height:1.6}
.campaign-kicker{color:#6acaff;font-size:12px;font-weight:800;letter-spacing:.15em}
.campaign-button{display:inline-block;background:#0787eb;color:white!important;font-weight:800;text-decoration:none;padding:13px 17px;border-radius:6px;margin-top:10px}
.campaign-button:hover{background:#1bafff}
.story-subheading{font-size:24px;color:#fff;border-left:4px solid #09a4ff;padding-left:13px;margin-top:36px}
@media(max-width:650px){.rex-campaign{grid-template-columns:1fr}.rex-campaign img{max-height:260px}}

/* TARGETED CHANGE: featured category cards only. Existing masthead, homepage and article layout untouched. */
.categories{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}
.category-card{min-height:190px;padding:13px 10px;display:flex;justify-content:space-between;align-items:flex-end;gap:5px;border:1px solid #2872a9;border-radius:6px;background:#06192c;box-shadow:inset 0 0 0 1px #0b2239;transition:transform .18s,border-color .18s,box-shadow .18s}
.category-card::before{background-image:var(--tile)!important;background-position:center!important;background-size:cover!important;filter:none;opacity:1}
.category-card::after{background:linear-gradient(0deg,rgba(0,8,20,.98) 0%,rgba(0,8,20,.7) 22%,rgba(0,8,20,.04) 80%)}
.category-card .cat-title{position:relative;z-index:2;line-height:1.2;font-size:13px;font-weight:900;letter-spacing:.015em}
.category-card .cat-arrow{position:relative;z-index:2;color:#5dd3ff;font-size:19px}
.category-card:hover{transform:translateY(-4px);border-color:#5dc7ff;box-shadow:0 9px 25px #0008}
@media(max-width:1450px){.categories{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{min-height:155px}}

/* Category artwork correction: direct background images, not non-existent ::before */
.categories{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.categories .category-card{position:relative;min-height:190px!important;border:1px solid #2777a9!important;border-radius:7px!important;overflow:hidden;isolation:isolate;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;padding:16px!important;background-image:linear-gradient(0deg,rgba(0,7,20,.98),rgba(0,7,20,.08) 80%),var(--tile)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;transition:transform .2s ease,box-shadow .2s ease}
.categories .category-card::before,.categories .category-card::after{content:none!important;display:none!important}
.categories .category-card .cat-title{font-size:17px!important;color:#fff!important;text-shadow:0 2px 8px #000;position:relative;z-index:2}
.categories .category-card .cat-arrow{font-size:23px!important;color:#61d9ff!important;position:relative;z-index:2}
.categories .category-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #000a}
.feature-label{display:inline-block;background:#075ca8;border:1px solid #4ebfff;color:white;font-weight:900;letter-spacing:.12em;font-size:11px;padding:8px 12px;margin-bottom:8px;border-radius:3px}
@media(max-width:900px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){.categories .category-card{min-height:140px!important}.categories .category-card .cat-title{font-size:13px!important}}

/* Category collage visuals only: no homepage, article or navigation changes. */
.category-card::before{background-image:var(--tile)!important;background-size:cover!important;background-position:center!important;opacity:1!important;filter:none!important}
.category-card::after{background:linear-gradient(0deg,rgba(0,8,20,.94),rgba(0,8,20,.04) 55%)!important}
.category-card .cat-title,.category-card .cat-arrow{position:relative;z-index:2;color:#fff;text-shadow:0 2px 5px #000,0 1px 2px #000}

/* Header branding enlargement only; no other layout, stories or category changes. */
@media (min-width: 1101px) {
  .mast-inner {min-height:260px;}
  .brand {gap:22px;}
  .brand .planet {width:118px;height:118px;font-size:83px;border-width:4px;flex-shrink:0;}
  .brand strong {font-size:clamp(58px,5.5vw,92px);line-height:.94;}
  .brand em {font-size:35px;letter-spacing:19px;}
}
@media (min-width: 751px) and (max-width: 1100px) {
  .brand .planet {width:103px;height:103px;font-size:73px;flex-shrink:0;}
  .brand strong {font-size:clamp(40px,5.1vw,65px);}
  .brand em {font-size:29px;letter-spacing:14px;}
}
@media (max-width:750px) {
  .brand .planet {width:72px;height:72px;font-size:48px;flex-shrink:0;}
  .brand strong {font-size:clamp(23px,6vw,38px);}
  .brand em {font-size:20px;letter-spacing:8px;}
}

/* Home navigation button only: enlarge house glyph and clickable area. */
.nav-inner > a:first-child{font-size:23px;line-height:1;min-width:57px;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;}