:root{--ink:#f3f4f6;--muted:#b4b8c2;--text:#e8eaee;--line:#434855;--paper:#1a1d24;--paper2:#22262f;--panel:#181b22;--accent:#e42438;--accent2:#8d121f;--nav:#0f1116;--link:#ff5768;--linkhover:#ff8793;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#232833;color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.66;background-image:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px);background-size:40px 40px}a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--linkhover)}.site-header{position:sticky;top:0;z-index:50;background:rgba(15,17,22,.96);border-bottom:1px solid #000;box-shadow:0 3px 0 var(--accent);backdrop-filter:saturate(160%) blur(10px)}.header-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:18px;padding:10px 18px}.brand{display:flex;align-items:center;gap:10px;min-width:300px}.brand img{width:360px;height:auto;display:block}.topnav{display:flex;gap:0;align-items:center;flex-wrap:wrap;font-weight:900;font-size:13px;margin-left:auto;text-transform:uppercase;letter-spacing:.055em}.topnav a{color:#eceef3;padding:10px 10px;border-left:1px solid rgba(255,255,255,.12);text-decoration:none}.topnav a:hover{background:var(--accent);color:#fff}.social{display:flex;gap:8px;margin-left:8px}.social a{width:31px;height:31px;border:1px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:900;background:#14171d;text-decoration:none}.social a:hover{background:var(--accent);border-color:var(--accent);color:#fff}.wrap{max-width:var(--max);margin:0 auto;padding:0 18px}.hero{padding:44px 0 24px;border-bottom:6px solid #0f1116;position:relative}.hero:after{content:"";display:block;width:300px;height:8px;background:var(--accent);position:absolute;bottom:-7px;left:0}.eyebrow{font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:#ff6676;font-size:13px}.hero h1{font-size:clamp(32px,5.4vw,72px);line-height:.92;margin:12px 0 16px;letter-spacing:-.065em;max-width:1020px;color:#fff}.deck{font-size:clamp(18px,2.2vw,25px);line-height:1.34;max-width:980px;color:#d9dce3;font-weight:700}.front-top{display:grid;grid-template-columns:1.75fr 1fr;gap:24px;padding:24px 0 6px}.lead-story{border-top:6px solid var(--accent);padding-top:16px}.label{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#ff8a95;margin-bottom:8px}.lead-story h2{font-size:clamp(32px,4vw,54px);line-height:.98;margin:0 0 10px;letter-spacing:-.04em;color:#fff}.lead-story p{font-size:18px;color:#d7dae1;margin:0 0 14px}.meta-line{font-size:14px;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0;margin:14px 0 22px}.secondary-grid{display:grid;grid-template-columns:1fr;gap:18px}.secondary-card,.story-card,.story-tease{border-top:2px solid var(--line);padding:15px 0}.secondary-card a,.story-card a,.story-tease a{color:#fff;text-decoration:none}.secondary-card strong,.story-card strong,.story-tease strong{display:block;font-size:20px;line-height:1.2;color:#fff}.secondary-card span,.story-card span,.story-tease span{display:block;color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,.95fr);gap:38px;margin-top:20px}.article{font-size:18px}.article h1{font-size:46px;line-height:1.04;margin:34px 0 16px;letter-spacing:-.04em;border-bottom:5px solid #0f1116;padding-bottom:13px;color:#fff}.article h1:after{content:"";display:block;width:160px;height:6px;background:var(--accent);margin-top:13px}.article h2{font-size:28px;line-height:1.15;margin:38px 0 12px;border-top:2px solid var(--line);padding-top:18px;color:#fff}.article h2:before{content:"";display:inline-block;width:34px;height:8px;background:var(--accent);margin-right:10px;vertical-align:middle}.article h3{font-size:22px;margin:30px 0 8px;color:#fff}.article p{margin:0 0 18px;color:#d9dce2}.article ul{padding-left:22px}.article li{margin:7px 0;color:#d9dce2}.lead{font-size:21px;color:#f0f2f5;font-weight:750}.side{border-left:4px solid #0f1116;padding-left:24px}.side h2{font-size:15px;text-transform:uppercase;letter-spacing:.14em;border:0;margin:0 0 12px;padding:0;color:#ff7a88}.section-list,.tag-list{columns:2;column-gap:36px}.taxon{break-inside:avoid;border-top:2px solid var(--line);padding:13px 0;margin:0}.taxon h3{font-size:18px;margin:0 0 5px;color:#fff}.taxon p{font-size:15px;color:#c4c8d1;margin:0 0 7px}.crumbs{font-size:13px;color:var(--muted);padding:16px 0 0;text-transform:uppercase;letter-spacing:.055em}.crumbs a{color:var(--muted)}.footer{margin-top:58px;border-top:4px solid #0f1116;background:#101218;box-shadow:inset 0 3px 0 var(--accent)}.footer-inner{max-width:var(--max);margin:0 auto;padding:30px 18px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer h2{font-size:16px;letter-spacing:.12em;text-transform:uppercase;color:#fff}.footer p,.footer li{font-size:14px;color:#c4c8d1}.footer ul{margin:0;padding:0;list-style:none}.contact-table{width:100%;border-collapse:collapse;margin:18px 0}.contact-table td{border-top:2px solid var(--line);padding:12px 0;vertical-align:top;color:#d9dce2}.contact-table td:first-child{font-weight:900;color:#fff}.form label{display:block;font-weight:900;margin:13px 0 5px;color:#fff}.form input,.form textarea{width:100%;border:1px solid var(--line);border-radius:0;background:#12151b;color:#f0f2f5;padding:12px;font:inherit}.form input:focus,.form textarea:focus{outline:2px solid rgba(228,36,56,.3);border-color:var(--accent)}.form button{margin-top:14px;border:0;background:var(--accent);color:#fff;font-weight:950;padding:13px 18px;box-shadow:4px 4px 0 #0f1116}.kicker-row{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.pill{border:1px solid rgba(255,255,255,.18);padding:7px 10px;font-size:14px;font-weight:900;background:#14171d;color:#f3f4f6;text-decoration:none}.pill:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.timeline h3{border-top:2px solid var(--line);padding-top:15px}.logo-page{max-width:340px}.article img.logo-page{border:0}code{background:#292d37;padding:2px 4px}.home-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.home-sections a{display:block;border-top:4px solid #0f1116;padding-top:12px;color:#fff;text-decoration:none}.home-sections a:hover{border-top-color:var(--accent)}.home-sections strong{display:block;font-size:20px}.home-sections span{display:block;color:var(--muted);font-size:14px}.latest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.story-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.newsletter{border-top:2px solid var(--line);padding-top:16px}.newsletter-form{display:flex;gap:10px;flex-wrap:wrap}.newsletter-form input{flex:1;min-width:220px;background:#12151b;border:1px solid var(--line);padding:12px;color:#fff}.newsletter-form button{background:var(--accent);border:0;color:#fff;font-weight:900;padding:12px 16px}.rating-list{list-style:none;padding:0;margin:16px 0}.rating-list li{display:flex;gap:14px;border-top:1px solid var(--line);padding:12px 0}.rating-tag{min-width:170px;font-weight:900;color:#fff}.calendar-month{border-top:2px solid var(--line);padding:16px 0}.calendar-month h3{margin:0 0 12px;color:#fff;font-size:24px}.calendar-month ul{margin:0;padding-left:18px}.calendar-month li{margin:8px 0}.hub-links{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.hub-links a{display:block;border-top:3px solid #0f1116;padding-top:12px;text-decoration:none;color:#fff}.news-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.small-note{font-size:14px;color:var(--muted)}.table-like{width:100%;border-collapse:collapse}.table-like td,.table-like th{padding:10px 8px;border-top:1px solid var(--line);text-align:left;color:#d9dce2}.table-like th{color:#fff}.platform-links{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}.platform-links a{padding:8px 10px;background:#14171d;border:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;font-size:14px;font-weight:800}.platform-links a:hover{background:var(--accent)}
@media(max-width:920px){.header-inner{align-items:flex-start;flex-direction:column;gap:8px}.brand{min-width:0}.brand img{width:260px}.topnav{margin-left:0;gap:0}.topnav a{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:7px 9px}.grid,.front-top,.latest-grid,.story-strip,.hub-links,.news-rail{grid-template-columns:1fr}.side{border-left:0;padding-left:0;border-top:4px solid #0f1116;padding-top:20px}.section-list,.tag-list{columns:1}.footer-inner{grid-template-columns:1fr}.home-sections{grid-template-columns:1fr}.article h1{font-size:36px}.social{margin-left:0}.hero{padding-top:30px}}


.newsroom-bar{margin:16px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:9px 0;color:#d9dce2;font-size:14px}.newsroom-bar strong{background:var(--accent);color:#fff;padding:4px 8px;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.newsroom-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-layout{display:grid;grid-template-columns:1.45fr .85fr .75fr;gap:24px;margin:24px 0 18px}.media-column{border-top:3px solid #0f1116;padding-top:14px}.media-column h2{font-size:16px;text-transform:uppercase;letter-spacing:.14em;margin:0 0 12px;color:#ff7a88}.lead-splash h2{font-size:clamp(38px,4.8vw,68px);line-height:.92;margin:0 0 12px;letter-spacing:-.055em;color:#fff}.lead-splash p{font-size:18px;color:#d9dce2}.ranked-list{counter-reset:rank;margin:0;padding:0;list-style:none}.ranked-list li{counter-increment:rank;border-top:1px solid var(--line);padding:12px 0 12px 42px;position:relative;color:#d9dce2}.ranked-list li:before{content:counter(rank);position:absolute;left:0;top:12px;background:#0f1116;color:#fff;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:900;border-bottom:3px solid var(--accent)}.ranked-list a{color:#fff;text-decoration:none;font-weight:900}.compact-feed{border-top:1px solid var(--line)}.compact-feed div{border-bottom:1px solid var(--line);padding:11px 0}.compact-feed strong{display:block;color:#fff;line-height:1.2}.compact-feed span{font-size:13px;color:var(--muted)}.section-kicker{margin:36px 0 10px;border-top:4px solid #0f1116;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-kicker h2{margin:0!important;border:0!important;padding:0!important}.section-kicker h2:before{display:none!important}.section-kicker a{font-size:13px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.showcase-card{border-top:2px solid var(--line);padding-top:13px}.showcase-card strong{display:block;color:#fff;font-size:18px}.showcase-card span{display:block;color:var(--muted);font-size:14px}.calendar-callout{border-top:3px solid var(--accent);border-bottom:1px solid var(--line);padding:15px 0;margin:18px 0}.calendar-callout strong{font-size:22px;color:#fff}.quote-rule{font-size:22px;line-height:1.35;border-top:4px solid var(--accent);border-bottom:1px solid var(--line);padding:18px 0;margin:22px 0;color:#fff;font-weight:800}.editor-note{border-left:4px solid var(--accent);padding-left:14px;color:#d9dce2}.topic-cloud{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}.topic-cloud a{background:#11141a;border:1px solid rgba(255,255,255,.15);padding:8px 10px;color:#fff;text-decoration:none;font-weight:800;font-size:14px}.topic-cloud a:hover{background:var(--accent)}
@media(max-width:1040px){.media-layout{grid-template-columns:1fr}.showcase-grid{grid-template-columns:1fr}.newsroom-bar{align-items:flex-start;flex-direction:column;gap:5px}}


.header-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:22px;padding:10px 18px}
.brand{display:flex;align-items:center;min-width:320px;flex:0 0 auto}
.topnav{justify-content:flex-end}
.topnav a{padding:10px 12px;border-left:1px solid rgba(255,255,255,.10)}
.hero{padding:34px 0 20px}
.hero .deck{max-width:900px}
.media-layout{margin:20px 0 16px;align-items:start}
.lead-splash{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.05));border:1px solid #3b4050;border-top:6px solid var(--accent);padding:18px 18px 12px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.lead-splash h2{font-size:clamp(30px,3.6vw,48px);line-height:0.98;margin:0 0 10px;letter-spacing:-.04em}
.lead-splash h2 a{color:#fff;text-decoration:none}.lead-splash p{font-size:18px;color:#d7dae1}
.media-column{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.06));border:1px solid #3b4050;padding:14px 16px;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.media-column h2{font-size:14px;text-transform:uppercase;letter-spacing:.14em;color:#ff7886;margin:0 0 10px}
.compact-feed div,.showcase-card,.story-card,.story-tease,.secondary-card{background:transparent}
.compact-feed div{border-top:1px solid var(--line);padding:10px 0}.compact-feed div:first-child{border-top:0;padding-top:0}
.compact-feed strong a{color:#fff;text-decoration:none}.compact-feed span{display:block;color:var(--muted);font-size:14px;margin-top:4px}
.ranked-list{margin:0;padding-left:20px}.ranked-list li{margin:10px 0;color:#dce0e6}.ranked-list a{color:#fff}
.quote-rule{border-left:4px solid var(--accent);padding:4px 0 4px 16px;margin:18px 0 24px;color:#eef0f4;font-size:20px;font-weight:700}
.section-kicker{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:28px}.section-kicker h2{margin:0}.section-kicker a{font-size:14px;font-weight:700}
.topic-cloud{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}.topic-cloud a{padding:8px 11px;border:1px solid #525867;background:#1a1d24;color:#fff;text-decoration:none;font-size:14px;font-weight:800}.topic-cloud a:hover{background:var(--accent);border-color:var(--accent)}
.calendar-callout{border-top:2px solid var(--line);border-bottom:2px solid var(--line);padding:14px 0}.calendar-callout strong{display:block;color:#fff;font-size:20px;margin-bottom:8px}
.showcase-card{border-top:2px solid var(--line);padding:12px 0}.showcase-card strong{display:block;color:#fff;font-size:18px}.showcase-card span{display:block;color:var(--muted);font-size:14px;margin-top:4px}
.footer{margin-top:54px}
.footer-inner{max-width:var(--max);margin:0 auto;padding:30px 18px 36px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}
.social-project{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.social-project a{display:block;border-top:2px solid var(--line);padding:10px 0;color:#fff;text-decoration:none;font-weight:700}
.social-project a span{display:block;color:var(--muted);font-weight:400;font-size:14px;margin-top:3px}
@media(max-width:920px){.brand img{width:300px}.topnav a{padding:8px 10px}.footer-inner{grid-template-columns:1fr}.social-project{grid-template-columns:1fr}.hero h1{font-size:clamp(28px,10vw,50px)}}


/* v7 header, logo and responsive refinement */
.site-header{position:sticky;top:0;z-index:50;background:#232833;border-bottom:1px solid #39404f;box-shadow:0 3px 0 var(--accent);backdrop-filter:none}
.header-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:18px;padding:10px 18px}
.brand{display:flex;align-items:center;min-width:0;flex:0 0 auto;max-width:100%}
.brand img{width:min(100%, 980px);max-width:980px;height:auto;display:block}
.topnav{display:flex;gap:0;align-items:center;flex-wrap:wrap;font-weight:900;font-size:13px;margin-left:auto;text-transform:uppercase;letter-spacing:.055em;justify-content:flex-end}
.topnav a{color:#eceef3;padding:10px 11px;border-left:1px solid rgba(255,255,255,.10);text-decoration:none}
.topnav a:first-child{border-left:0}
.topnav a:hover{background:var(--accent);color:#fff}
.hero h1{font-size:clamp(29px,4.8vw,64px);line-height:.94;margin:12px 0 16px;letter-spacing:-.055em;max-width:980px;color:#fff}
@media(max-width:1100px){
  .header-inner{flex-direction:column;align-items:flex-start;padding:10px 16px}
  .topnav{margin-left:0;justify-content:flex-start}
}
@media(max-width:800px){
  .brand img{max-width:min(100%, 420px)}
  .topnav{font-size:12px;gap:0}
  .topnav a{padding:8px 9px}
  .hero h1{font-size:clamp(26px,8vw,42px)}
  .deck{font-size:clamp(17px,4vw,22px)}
  .media-layout,.front-top,.grid,.latest-grid,.showcase-grid,.footer-inner{grid-template-columns:1fr !important}
  .home-sections{grid-template-columns:1fr !important}
  .wrap{padding-left:16px;padding-right:16px}
}
@media(max-width:520px){
  .brand img{max-width:min(100%, 320px)}
  .topnav a{padding:7px 8px}
  .topic-cloud a{font-size:13px;padding:7px 9px}
}


/* v8 publisher polish */
:root{--header:#252b36;--header2:#2b313d;--red:#e52c41;--red2:#ff5b6d;--softline:#485061}
.site-header{position:sticky;top:0;z-index:80;background:var(--header);border-bottom:1px solid #3b4252;box-shadow:0 3px 0 var(--accent)}
.header-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:22px;padding:10px 18px 8px}
.brand{display:flex;align-items:center;min-width:0;flex:0 0 auto}
.brand img{width:min(100%,980px);max-width:420px;height:auto;display:block}
.topnav{display:flex;align-items:center;flex-wrap:wrap;margin-left:auto;gap:4px;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.075em}
.topnav a{color:#f0f2f6;text-decoration:none;padding:9px 10px;border:1px solid transparent;border-bottom:2px solid transparent}
.topnav a:hover{background:#171b23;border-color:#424a5a;border-bottom-color:var(--accent);color:#fff}
.publisher-strip{background:#1a1f29;border-top:1px solid #39404f}
.publisher-strip-inner{max-width:var(--max);margin:0 auto;padding:7px 18px;display:flex;gap:14px;align-items:center;overflow:auto;white-space:nowrap}
.publisher-strip-inner span{background:var(--accent);color:#fff;padding:3px 8px;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.publisher-strip-inner a{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#dce0e7;text-decoration:none;font-weight:800}
.publisher-strip-inner a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--accent)}
.hero{padding:30px 0 18px;border-bottom:5px solid #11151c}
.hero h1{font-size:clamp(28px,4.5vw,60px);line-height:.94;margin:10px 0 12px;letter-spacing:-.045em;max-width:920px}
.deck{max-width:880px}
.media-layout{grid-template-columns:1.38fr .9fr .75fr;gap:20px}
.lead-splash{position:relative;border:1px solid #464e5e;border-top:6px solid var(--accent);padding:18px 18px 14px;background:linear-gradient(180deg,#252b36,#1d222c);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.lead-splash:before{content:"";position:absolute;right:14px;top:14px;width:74px;height:74px;border:1px solid #4e5668;border-radius:14px;background:linear-gradient(135deg,rgba(229,44,65,.24),rgba(255,255,255,.03))}
.lead-splash h2{font-size:clamp(30px,3.2vw,46px);max-width:760px}
.media-column{background:linear-gradient(180deg,#242a35,#1b2029);border:1px solid #444c5c;padding:14px 15px;box-shadow:0 8px 18px rgba(0,0,0,.16)}
.newsroom-bar{border-color:#51596a;background:#202632;padding-left:10px;padding-right:10px}
.newsroom-bar strong{background:var(--accent)}
.section-kicker{border-top:3px solid #12161e}
.section-kicker h2{font-size:24px}
.story-card,.story-tease,.showcase-card,.secondary-card{border-color:#4a5262}
.story-tease strong a,.story-card strong a,.compact-feed strong a,.lead-splash h2 a{color:#fff;text-decoration:none}
.story-tease strong a:hover,.story-card strong a:hover,.compact-feed strong a:hover,.lead-splash h2 a:hover{color:#ff6f7e}
.home-sections a,.hub-links a{border-top-color:#12161e;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.03));padding:12px 10px 10px}
.home-sections a:hover,.hub-links a:hover{border-top-color:var(--accent)}
.side{border-left:4px solid #11151c}
.side h2{color:#ff7b89}
.topic-cloud a,.pill{background:#171c25;border-color:#4b5364}
.topic-cloud a:hover,.pill:hover{background:var(--accent);border-color:var(--accent)}
.article h1{border-bottom:5px solid #11151c}
.article h2{border-top:2px solid #485061}
.article p,.article li{color:#dce0e6}
.social-project{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 24px}
.social-project a{display:block;border-top:2px solid #4a5262;padding:10px 0;color:#fff;text-decoration:none;font-weight:900}
.social-project a span{display:block;color:#b7beca;font-weight:400;font-size:14px;margin-top:3px}
.publisher-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:18px 0}
.publisher-facts div{border-top:2px solid #4a5262;padding-top:12px}
.publisher-facts strong{display:block;color:#fff}
.publisher-facts span{display:block;color:#b7beca;font-size:14px}
.history-year{border-top:2px solid #4a5262;padding-top:16px;margin-top:20px}
.history-year h3{margin-top:0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:16px 0}
.contact-grid div{border-top:2px solid #4a5262;padding-top:12px}
@media(max-width:1100px){.header-inner{align-items:flex-start;flex-direction:column}.topnav{margin-left:0}.brand img{max-width:390px}.media-layout{grid-template-columns:1fr}}
@media(max-width:760px){.brand img{max-width:320px}.topnav{font-size:11px}.topnav a{padding:7px 8px}.publisher-strip-inner{padding:7px 16px}.hero h1{font-size:clamp(27px,8vw,42px)}.social-project,.publisher-facts,.contact-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr!important}.grid,.latest-grid,.home-sections,.hub-links,.showcase-grid{grid-template-columns:1fr!important}.side{border-left:0;border-top:4px solid #11151c;padding-left:0;padding-top:20px}}


/* v11 exact requested header correction from v8 */

/* 1. Header logo output: 30% smaller than v8's 420px, proportional height */
.site-header .brand img{
  width:294px !important;
  max-width:294px !important;
  height:auto !important;
  display:block !important;
}
.site-header .brand{
  flex:0 0 294px !important;
  max-width:294px !important;
  min-width:294px !important;
}

/* Header background stays grey like the site and logo */
.site-header{
  background:#232833 !important;
  border-bottom:1px solid #39404f !important;
  box-shadow:0 3px 0 var(--accent) !important;
}
.site-header .header-inner{
  max-width:var(--max) !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:20px !important;
  padding:9px 18px 8px !important;
  flex-wrap:nowrap !important;
}

/* 3. Menu: narrow, caps, close to the logo feel, larger, desktop one-line */
.site-header .topnav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:3px !important;
  margin-left:auto !important;
  min-width:0 !important;
  white-space:nowrap !important;
  font-family:"Arial Narrow","Liberation Sans Narrow","Noto Sans ExtraCondensed","Noto Sans Condensed","Roboto Condensed",Arial,sans-serif !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
  font-stretch:condensed !important;
}
.site-header .topnav a{
  color:#f0f2f6 !important;
  text-decoration:none !important;
  padding:8px 7px !important;
  border:1px solid transparent !important;
  border-bottom:2px solid transparent !important;
  line-height:1 !important;
}
.site-header .topnav a:hover{
  background:#171b23 !important;
  border-color:#424a5a !important;
  border-bottom-color:var(--accent) !important;
  color:#fff !important;
}

/* The hot topic strip remains compact */
.publisher-strip-inner{
  padding:6px 18px !important;
}

/* On medium screens the menu may wrap; desktop keeps one row */
@media(max-width:1080px){
  .site-header .header-inner{
    flex-direction:column !important;
    align-items:flex-start !important;
    flex-wrap:wrap !important;
  }
  .site-header .brand{
    flex:0 0 auto !important;
    max-width:294px !important;
    min-width:0 !important;
  }
  .site-header .brand img{
    width:294px !important;
    max-width:min(100%,294px) !important;
  }
  .site-header .topnav{
    margin-left:0 !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    font-size:14px !important;
  }
  .site-header .topnav a{
    padding:8px 8px !important;
  }
}
@media(max-width:760px){
  .site-header .brand{
    max-width:250px !important;
  }
  .site-header .brand img{
    width:250px !important;
    max-width:min(100%,250px) !important;
  }
  .site-header .topnav{
    font-size:12px !important;
    letter-spacing:.025em !important;
  }
  .site-header .topnav a{
    padding:7px 7px !important;
  }
}
@media(max-width:420px){
  .site-header .brand{
    max-width:220px !important;
  }
  .site-header .brand img{
    width:220px !important;
    max-width:min(100%,220px) !important;
  }
}