:root{
  --bg:#05070b;--bg-soft:#090e16;--panel:#0f1622;--panel-2:#131d2b;
  --text:#f5f9ff;--muted:#9eacc0;--soft:#6f7f95;--line:rgba(181,211,255,.14);
  --green:#00ed94;--green-dark:#00a96f;--cyan:#00c2ff;--blue:#3575ff;
  --purple:#8c68ff;--red:#ff4f6d;--gold:#ffd166;--paper:#fbfcfa;--paper-line:#dfe6e2;
  --max:1180px;--serif:"Source Serif 4",Georgia,serif;--sans:"Manrope",Arial,sans-serif;
  --shadow:0 28px 80px rgba(0,0,0,.42);--glow:0 0 38px rgba(0,194,255,.14)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--text);background:
  radial-gradient(circle at 82% 6%,rgba(0,194,255,.14),transparent 28rem),
  radial-gradient(circle at 10% 22%,rgba(0,237,148,.1),transparent 25rem),
  var(--bg);
  font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden
}
body:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;
  background-image:radial-gradient(circle,rgba(255,255,255,.65) 0 1px,transparent 1.4px);
  background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 82%)
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.shell--article{max-width:930px}
.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;background:var(--green);color:#03110b;padding:12px 18px;font-weight:800;border-radius:10px}
.skip-link:focus{top:16px}

/* Cabecera premium */
.site-header{position:relative;z-index:50;background:rgba(5,7,11,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(0,0,0,.18)}
.top-line{background:rgba(0,0,0,.28);color:#8796aa;font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid rgba(255,255,255,.04)}
.top-line__inner{min-height:31px;display:flex;align-items:center;justify-content:space-between}
.brand-row{min-height:82px;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:13px}
.brand__mark{
  width:48px;height:48px;display:grid;place-items:center;border-radius:50%;
  filter:drop-shadow(0 0 12px rgba(0,237,148,.28));
  transition:transform .22s ease,filter .22s ease
}
.brand__mark img{width:100%;height:100%;object-fit:contain}
.brand:hover .brand__mark{transform:translateY(-1px) scale(1.04);filter:drop-shadow(0 0 17px rgba(0,237,148,.42))}
.brand b{display:block;font-size:1.35rem;letter-spacing:.16em;line-height:1;color:#fff}
.brand small{display:block;color:#77879c;font-size:.68rem;letter-spacing:.035em;margin-top:7px}
.main-nav{border-top:1px solid rgba(255,255,255,.06);background:rgba(8,12,18,.68)}
.main-nav__inner{display:flex;align-items:center;gap:11px;overflow-x:auto;padding-block:8px;scrollbar-width:none}
.main-nav__inner::-webkit-scrollbar{display:none}
.main-nav a{
  position:relative;min-height:36px;display:inline-flex;align-items:center;padding:0 12px;
  border:1px solid transparent;border-radius:999px;color:#9aa8bb;font-size:.72rem;font-weight:800;white-space:nowrap;transition:.2s ease
}
.main-nav a:hover,.main-nav a:focus-visible{color:#fff;background:rgba(255,255,255,.055);border-color:var(--line);transform:translateY(-1px)}
.main-nav .network-link{padding-inline:15px;color:#eef4ff;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09);overflow:hidden}
.main-nav .network-link:before{content:"";width:7px;height:7px;border-radius:50%;margin-right:8px;background:var(--green);box-shadow:0 0 11px currentColor}
.main-nav .network-link--oracle{color:#ded4ff;border-color:rgba(140,104,255,.26);background:linear-gradient(135deg,rgba(140,104,255,.14),rgba(84,57,154,.05))}
.main-nav .network-link--oracle:before{background:var(--purple)}
.main-nav .network-link--avisos{color:#ffd9df;border-color:rgba(255,79,109,.25);background:linear-gradient(135deg,rgba(255,79,109,.14),rgba(120,31,49,.04))}
.main-nav .network-link--avisos:before{background:var(--red)}
.main-nav .network-link--store{
  color:#fff;border-color:rgba(0,194,255,.4);
  background:linear-gradient(115deg,rgba(0,237,148,.23),rgba(0,194,255,.24),rgba(53,117,255,.18));
  box-shadow:0 0 18px rgba(0,194,255,.12)
}
.main-nav .network-link--store:before{background:var(--cyan)}
.nav-item{position:relative;flex:0 0 auto}
.nav-item>a{width:100%}
.submenu-arrow{font-size:.8rem;margin-left:7px;color:#8596aa}
.nav-submenu{position:absolute;z-index:30;left:0;top:calc(100% + 7px);display:none;min-width:220px;padding:8px;border:1px solid var(--line);border-radius:13px;background:rgba(7,12,18,.98);box-shadow:0 22px 55px rgba(0,0,0,.42)}
.nav-submenu a{width:100%;min-height:40px;border:0;border-radius:8px;padding-inline:12px}
.has-submenu:hover .nav-submenu,.has-submenu:focus-within .nav-submenu{display:block}
.main-nav .network-link--verde{color:#d8fff0;border-color:rgba(0,237,148,.28);background:linear-gradient(135deg,rgba(0,237,148,.14),rgba(0,98,69,.04))}
.main-nav .network-link--verde:before{background:var(--green)}
.main-nav .network-link--azul{color:#d7efff;border-color:rgba(0,194,255,.28);background:linear-gradient(135deg,rgba(0,194,255,.15),rgba(27,80,143,.04))}
.main-nav .network-link--azul:before{background:var(--cyan)}
.main-nav .network-link--rojo{color:#ffd9df;border-color:rgba(255,79,109,.28);background:linear-gradient(135deg,rgba(255,79,109,.15),rgba(120,31,49,.04))}
.main-nav .network-link--rojo:before{background:var(--red)}
.main-nav .network-link--violeta{color:#e5ddff;border-color:rgba(140,104,255,.3);background:linear-gradient(135deg,rgba(140,104,255,.16),rgba(84,57,154,.04))}
.main-nav .network-link--violeta:before{background:var(--purple)}
.menu-toggle{
  display:none;min-height:40px;padding:0 15px;border:1px solid rgba(0,194,255,.36);border-radius:999px;
  background:rgba(0,194,255,.08);color:#fff;font-weight:800;box-shadow:0 0 20px rgba(0,194,255,.08)
}

/* Hero editorial */
.home-intro{
  position:relative;padding-block:88px 62px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.68fr);
  gap:70px;align-items:end;isolation:isolate
}
.home-intro:before{
  content:"";position:absolute;z-index:-1;right:-74px;top:15px;width:390px;height:390px;border-radius:50%;
  background:url("/assets/brand/exytosa-logo-official.webp") center/contain no-repeat;
  filter:drop-shadow(0 0 42px rgba(0,237,148,.22)) drop-shadow(0 0 72px rgba(0,194,255,.12));
  opacity:.56;animation:orbFloat 7s ease-in-out infinite
}
.home-intro:after{
  content:"";position:absolute;z-index:-1;inset:35px 0 12px;border-radius:32px;
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,0) 56%);
  border:1px solid rgba(255,255,255,.05);mask-image:linear-gradient(90deg,#000,transparent 88%)
}
@keyframes orbFloat{50%{transform:translateY(-14px) scale(1.025)}}
.section-kicker,.eyebrow{color:var(--green);font-size:.68rem;line-height:1.2;text-transform:uppercase;letter-spacing:.16em;font-weight:900}
.home-intro h1{
  font-family:var(--serif);font-size:clamp(3.25rem,7.4vw,6.7rem);line-height:.87;letter-spacing:-.06em;
  margin:18px 0 0;max-width:920px;font-weight:600;text-wrap:balance
}
.home-intro h1 em{
  font-style:italic;color:transparent;background:linear-gradient(100deg,var(--green),var(--cyan) 60%,#9d86ff);
  background-clip:text;-webkit-background-clip:text;text-shadow:0 0 40px rgba(0,194,255,.14)
}
.home-intro__side>p{
  font-family:var(--serif);font-size:1.2rem;line-height:1.55;margin:0;color:#c3cedc;
  border-left:2px solid var(--green);padding-left:23px
}
.premium-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}
.premium-button,.lead-story__button,.story-card__cta{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:44px;padding:0 18px;border-radius:999px;font-size:.73rem;font-weight:900;letter-spacing:.02em;transition:.22s ease;overflow:hidden
}
.premium-button--primary,.lead-story__button{
  color:#03120d;background:linear-gradient(120deg,var(--green),var(--cyan));
  box-shadow:0 12px 28px rgba(0,194,255,.18),0 0 0 1px rgba(255,255,255,.2) inset
}
.premium-button--primary:before,.lead-story__button:before{
  content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.62) 48%,transparent 72%);
  transform:translateX(-140%);transition:transform .55s
}
.premium-button--primary:hover:before,.lead-story__button:hover:before{transform:translateX(140%)}
.premium-button--ghost{color:#dce7f5;border:1px solid var(--line);background:rgba(255,255,255,.045)}
.premium-button:hover,.lead-story__button:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,194,255,.25)}

/* Destacado */
.lead-layout{display:grid;grid-template-columns:minmax(0,3.15fr) minmax(260px,1fr);gap:22px;align-items:stretch}
.lead-story{
  position:relative;min-height:590px;background:var(--panel);overflow:hidden;border:1px solid rgba(0,194,255,.2);
  border-radius:24px;box-shadow:var(--shadow),var(--glow)
}
.lead-story__media,.lead-story__media:after{position:absolute;inset:0}
.lead-story__media:after{content:"";background:linear-gradient(180deg,rgba(5,8,13,.03) 8%,rgba(5,8,13,.18) 33%,rgba(5,8,13,.95) 93%)}
.lead-story__media img{width:100%;height:100%;object-fit:cover;transition:transform .65s,filter .65s}
.lead-story:hover .lead-story__media img{transform:scale(1.035);filter:saturate(1.08)}
.lead-story__content{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:48px;color:#fff}
.lead-story h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;letter-spacing:-.04em;margin:13px 0 14px;max-width:850px;text-wrap:balance}
.lead-story p{max-width:720px;color:#d3dce8;font-size:1rem;margin:0 0 18px}
.lead-story__button{min-height:42px;margin-top:24px}
.story-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--soft);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}
.lead-story .story-meta{color:#aebccd}
.editorial-note{
  position:relative;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);
  border-radius:24px;background:linear-gradient(150deg,rgba(18,28,42,.94),rgba(7,12,20,.9));
  box-shadow:var(--shadow);overflow:hidden
}
.editorial-note:before{content:"";position:absolute;inset:-35% -80% auto auto;width:320px;height:320px;border-radius:50%;background:rgba(0,237,148,.09);filter:blur(22px)}
.editorial-note__number{font-family:var(--serif);font-size:6rem;line-height:1;color:rgba(255,255,255,.07);margin-bottom:auto}
.editorial-note h2{font-family:var(--serif);font-size:2rem;line-height:1.08;margin:40px 0 14px}
.editorial-note p{color:var(--muted);font-size:.88rem}
.editorial-note a{display:inline-flex;align-items:center;margin-top:18px;color:var(--green);font-size:.72rem;font-weight:900}

/* Publicaciones */
.section-block{padding-block:86px;scroll-margin-top:30px}
.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:32px}
.section-heading h2{font-family:var(--serif);font-size:clamp(2.1rem,4vw,3.35rem);letter-spacing:-.04em;line-height:1.04;margin:8px 0 0}
.section-heading>a{
  min-height:38px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--line);border-radius:999px;
  color:#b8c5d5;background:rgba(255,255,255,.035);font-size:.7rem;font-weight:900
}
.section-heading>a:hover{color:#fff;border-color:rgba(0,194,255,.38);box-shadow:0 0 22px rgba(0,194,255,.1)}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.story-card{
  min-width:0;border:1px solid var(--line);border-radius:19px;background:linear-gradient(155deg,rgba(18,27,40,.9),rgba(8,13,21,.88));
  box-shadow:0 18px 54px rgba(0,0,0,.25);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s
}
.story-card:hover{transform:translateY(-6px);border-color:rgba(0,237,148,.3);box-shadow:0 25px 70px rgba(0,0,0,.36),0 0 28px rgba(0,194,255,.1)}
.story-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#111d29;position:relative}
.story-card__media:after{content:"";position:absolute;inset:0;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,transparent 60%,rgba(4,8,13,.45))}
.story-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .45s}
.story-card:hover .story-card__media img{transform:scale(1.045);filter:saturate(1.1)}
.story-card__placeholder{height:100%;display:grid;place-items:center;color:white;font-weight:900;letter-spacing:.16em}
.story-card__body{padding:22px 22px 21px}
.story-card h2{font-family:var(--serif);font-size:1.58rem;line-height:1.12;letter-spacing:-.025em;margin:11px 0}
.story-card h2 a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:5px}
.story-card p{color:var(--muted);margin:0 0 16px;font-size:.86rem}
.story-card__cta{min-height:38px;padding-inline:0;margin-top:18px;color:#dbe8f5;justify-content:flex-start;overflow:visible}
.story-card__cta span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:rgba(0,237,148,.12);color:var(--green);transition:.2s}
.story-card__cta:hover{color:#fff}.story-card__cta:hover span{transform:translateX(3px);background:var(--green);color:#04120d}

/* Temas */
.topic-band{
  position:relative;padding-block:84px;background:
  radial-gradient(circle at 15% 15%,rgba(0,237,148,.12),transparent 26rem),
  radial-gradient(circle at 86% 20%,rgba(53,117,255,.13),transparent 24rem),
  linear-gradient(180deg,#071019,#05080d);border-block:1px solid var(--line);overflow:hidden
}
.topic-band:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.018),transparent)}
.section-heading--light{position:relative;border-color:var(--line)}
.topic-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.topic-grid a{
  min-height:162px;padding:23px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.035);
  display:flex;flex-direction:column;justify-content:space-between;font-family:var(--serif);font-size:1.3rem;
  transition:.25s;box-shadow:0 16px 45px rgba(0,0,0,.18)
}
.topic-grid a b{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--topic-color,var(--green)) 14%,transparent);color:var(--topic-color,var(--green));font-family:var(--sans);transition:.25s}
.topic-grid a:hover{transform:translateY(-5px);background:linear-gradient(145deg,rgba(0,237,148,.12),rgba(0,194,255,.07));border-color:rgba(0,237,148,.32)}
.topic-grid a:hover b{background:var(--topic-color,var(--green));color:#03110b;transform:rotate(-30deg)}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);padding-block:54px;gap:14px}
.trust-strip div{display:flex;flex-direction:column;padding:20px 22px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}
.trust-strip strong{font-family:var(--serif);font-size:1.16rem}.trust-strip span{color:var(--muted);font-size:.78rem;margin-top:3px}

/* Categorías */
.category-header{
  position:relative;padding-block:82px;background:
  radial-gradient(circle at 78% 12%,rgba(0,194,255,.17),transparent 23rem),
  radial-gradient(circle at 12% 65%,rgba(0,237,148,.11),transparent 20rem),
  rgba(8,13,20,.7);border-bottom:1px solid var(--line);overflow:hidden
}
.category-header:after{content:"";position:absolute;right:8%;top:18%;width:160px;height:160px;border-radius:50%;border:1px solid rgba(0,194,255,.18);box-shadow:0 0 50px rgba(0,194,255,.08)}
.category-header h1{font-family:var(--serif);font-size:clamp(3.3rem,7vw,6.5rem);letter-spacing:-.06em;line-height:.92;margin:14px 0 16px}
.category-header p{font-family:var(--serif);font-size:1.15rem;max-width:630px;color:#aebccd}
.empty-state{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035)}

/* Lectura premium, clara y descansada */
.article-page{padding-bottom:40px}
.article-header{padding-top:66px}
.breadcrumbs{display:flex;gap:10px;color:#8291a5;font-size:.74rem;margin-bottom:38px}
.breadcrumbs a:hover{color:var(--green)}
.article-header h1{font-family:var(--serif);font-size:clamp(2.8rem,6vw,5.35rem);line-height:.97;letter-spacing:-.055em;margin:18px 0 25px;text-wrap:balance}
.article-deck{font-family:var(--serif);font-size:clamp(1.16rem,2vw,1.45rem);line-height:1.52;color:#b9c6d6;margin:0 0 32px;max-width:820px}
.article-byline{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center;color:#8393a8;font-size:.74rem}
.article-byline>div{display:flex;flex-direction:column}.article-byline b{color:#f4f8ff}
.article-hero{margin-top:45px;border-radius:23px;overflow:hidden;border:1px solid rgba(0,194,255,.2);box-shadow:var(--shadow),var(--glow)}
.article-hero img{width:100%;aspect-ratio:16/9;object-fit:cover}
.article-hero figcaption{text-align:right;color:#7c8da0;font-size:.68rem;padding:8px 13px;background:#080d14}
.article-layout{
  display:grid;grid-template-columns:120px minmax(0,680px);gap:44px;padding:52px 48px;margin-top:42px;margin-bottom:80px;
  max-width:930px;background:var(--paper);color:#11191c;border:1px solid var(--paper-line);border-radius:24px;
  box-shadow:0 28px 80px rgba(0,0,0,.34)
}
.share-box{position:sticky;top:20px;height:max-content;display:flex;flex-direction:column;gap:8px;font-size:.7rem;color:#68777c}
.share-box span{text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-bottom:5px;color:#243237}
.share-box a{display:inline-flex;align-items:center;min-height:32px;color:#007b5a;font-weight:800}
.article-body{font-family:var(--serif);font-size:1.16rem;line-height:1.83;min-width:0}
.article-body>p:first-child{font-size:1.3rem;color:#202c30}
.article-body h2{font-size:2.05rem;line-height:1.15;letter-spacing:-.025em;margin:2.15em 0 .7em;color:#0a1114}
.article-body h3{font-size:1.46rem;color:#101a1e}
.article-body p{color:#253237}
.article-body ul,.article-body ol{padding-left:24px}.article-body li{padding-left:5px;margin:.5em 0}
.article-body a{color:#007e5c;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-source{border-top:3px solid #11191c;margin-top:50px;padding-top:20px;font-family:var(--sans);font-size:.76rem;color:#66767b}
.article-source p{margin-top:8px;color:#66767b}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px;padding-top:22px;border-top:1px solid #dfe6e2;font-family:var(--sans)}
.article-tags a{display:inline-flex;padding:7px 12px;border:1px solid #cfdad5;border-radius:999px;color:#086e54;font-size:.72rem;font-weight:800;text-decoration:none}
.article-tags a:hover{border-color:#00a678;background:#e7f9f3}
.article-layout--page{grid-template-columns:minmax(0,760px);justify-content:center;max-width:930px}
.related{border-top:1px solid var(--line)}

/* Publicidad */
.ad-space{
  grid-column:1/-1;width:100%;min-height:145px;background:rgba(255,255,255,.025);border:1px dashed rgba(0,194,255,.22);
  border-radius:15px;display:flex;flex-direction:column;justify-content:center;margin:16px 0;padding:18px;text-align:center;font-family:var(--sans)
}
.ad-space>span{display:block;color:#6f8094;font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px}
.article-body .ad-space{margin:44px 0;min-height:180px;background:#f5f7f5;border-color:#dbe3df}

/* Footer */
.site-footer{background:linear-gradient(180deg,#070b10,#030506);color:#a9b6c5;padding:70px 0 25px;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:42px}
.brand--footer{color:#fff;margin-bottom:18px}.footer-grid p{color:#748398;max-width:390px;font-size:.82rem}
.footer-grid h2{color:#fff;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 17px}
.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}
.footer-grid a{font-size:.8rem}.footer-grid a:hover{color:var(--green)}
.footer-bottom{border-top:1px solid var(--line);margin-top:50px;padding-top:23px;display:flex;justify-content:space-between;color:#59687a;font-size:.7rem}
.not-found{text-align:center;padding-block:100px}.not-found h1,.empty-state h2{font-family:var(--serif);font-size:3rem;margin:0}.not-found>span{font-family:var(--serif);font-size:8rem;color:var(--green)}
.button{display:inline-flex;min-height:44px;align-items:center;background:linear-gradient(120deg,var(--green),var(--cyan));color:#04120d;padding:0 20px;border-radius:999px;font-size:.75rem;font-weight:900;margin-top:18px;box-shadow:0 12px 30px rgba(0,194,255,.18)}

@media(max-width:1050px){
  .main-nav__inner{gap:6px}.main-nav a{padding-inline:10px}
  .footer-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .home-intro{grid-template-columns:1fr;gap:34px}.home-intro:before{right:-170px}.home-intro__side{max-width:620px}
  .lead-layout{grid-template-columns:1fr}.editorial-note{min-height:310px}.story-grid{grid-template-columns:repeat(2,1fr)}
  .topic-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}
  .article-layout{grid-template-columns:1fr}.share-box{position:static;flex-direction:row;flex-wrap:wrap;align-items:center}
}
@media(max-width:640px){
  .shell{width:min(calc(100% - 28px),var(--max))}.top-line__inner time{display:none}.brand-row{min-height:74px}.brand small{display:none}
  .brand__mark{width:42px;height:42px}.brand b{font-size:1.08rem}.menu-toggle{display:inline-flex;align-items:center}
  .main-nav{display:none}.main-nav.is-open{display:block}.main-nav__inner{align-items:stretch;flex-direction:column;gap:6px;padding-block:12px}
  .nav-item{width:100%}.nav-submenu{position:static;display:grid;margin:4px 0 6px 15px;min-width:0;background:rgba(255,255,255,.025);box-shadow:none}
  .main-nav a{width:100%;justify-content:flex-start;min-height:42px;padding-inline:14px;border-color:rgba(255,255,255,.065)}
  .home-intro{padding-block:58px 40px}.home-intro:after{inset:20px 0 0}.home-intro h1{font-size:3.45rem}.home-intro:before{width:280px;height:280px;right:-118px;top:65px;opacity:.4}
  .home-intro__side>p{font-size:1.08rem}.premium-actions{align-items:stretch;flex-direction:column}.premium-button{width:100%}
  .lead-story{min-height:535px;border-radius:19px}.lead-story__content{padding:25px}.lead-story h2{font-size:2.18rem}.lead-story p{font-size:.9rem}
  .lead-story__button{width:100%;margin-top:20px}.editorial-note{border-radius:19px}
  .section-block,.topic-band{padding-block:58px}.section-heading{align-items:flex-start;gap:18px;flex-direction:column}
  .story-grid{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr}.topic-grid a{min-height:112px}.trust-strip{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:34px}.footer-bottom{flex-direction:column;gap:8px}
  .article-header{padding-top:42px}.article-header h1{font-size:2.8rem}.article-byline{align-items:flex-start;flex-direction:column;gap:10px}
  .article-hero{width:100%;margin-top:30px;border-radius:0;border-inline:0}.article-layout{width:calc(100% - 20px);padding:34px 22px;margin-top:22px;border-radius:18px}
  .article-body{font-size:1.08rem}.article-body>p:first-child{font-size:1.17rem}.article-body h2{font-size:1.72rem}
  .category-header{padding-block:58px}.not-found>span{font-size:6rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}