/* News Pulse+ premium shared polish
   Loaded after page-level styles so the site keeps its content while sharing one refined finish. */
:root{
  --premium-bg:#050c16;
  --premium-surface:#0b1728;
  --premium-surface-2:#101f34;
  --premium-line:rgba(189,218,255,0.13);
  --premium-text:#f7fbff;
  --premium-muted:#b7c6d9;
  --premium-accent:#6cc8ff;
  --premium-accent-2:#9be8ff;
  --premium-radius:22px;
  --premium-radius-sm:14px;
  --premium-shadow:none;
}

html{
  background:var(--premium-bg);
  text-size-adjust:100%;
}

body{
  background:var(--premium-bg) !important;
  color:var(--premium-text);
  font-family:'Inter', Arial, Helvetica, sans-serif !important;
  font-kerning:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

body::before,
body::after{
  display:none !important;
  content:none !important;
}

a{
  text-underline-offset:3px;
}

.container{
  width:min(var(--max-width, var(--max, 1240px)), calc(100% - 40px));
}

.topbar,
header{
  background:#07111f !important;
  border-bottom:1px solid var(--premium-line) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.logo,
.brand h1,
.logo span,
.brand h1 span,
.brand-accent{
  color:var(--premium-accent-2) !important;
}

.nav-links a,
.lang-switch,
.nav-toggle{
  letter-spacing:0 !important;
}

.nav-links a:hover,
.nav-links a.active{
  background:rgba(108,200,255,0.12) !important;
  color:#fff !important;
}

.hero-main,
.hero-side-card,
.section-card,
.story-card,
.mini-card,
.ad-slot,
.article-hero-card,
.article-card,
.sidebar-card,
.related-card,
.summary-box,
.author-card,
.timeline-card,
.category-link,
.pager-card,
.archive-card{
  background:linear-gradient(180deg, rgba(13,27,45,0.98), rgba(7,17,31,0.98)) !important;
  border:1px solid var(--premium-line) !important;
  border-radius:var(--premium-radius) !important;
  box-shadow:var(--premium-shadow) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.story-card,
.related-card,
.mini-card,
.category-link,
.btn,
.share-btn,
.newsletter-form button{
  transition:transform .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease !important;
}

.story-card:hover,
.related-card:hover,
.mini-card:hover,
.category-link:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(155,232,255,0.28) !important;
  box-shadow:none !important;
}

.hero-main,
.article-hero-card,
.story-card,
.related-card{
  overflow:hidden;
}

.story-thumb img,
.related-thumb img,
.hero-image img,
.story-row img{
  width:100%;
  object-fit:cover;
  background:#0b1728;
}

.story-thumb img,
.related-thumb img{
  transition:transform .35s ease, filter .35s ease;
}

.story-card:hover .story-thumb img,
.related-card:hover .related-thumb img{
  transform:scale(1.035);
}

.eyebrow,
.breaking span,
.tag:not(.article-tags .tag),
.btn-primary,
.newsletter-form button,
.share-btn{
  background:linear-gradient(135deg, var(--premium-accent), var(--premium-accent-2)) !important;
  color:#03101c !important;
  box-shadow:none !important;
}

.article-tags .tag,
.tag{
  border-color:rgba(155,232,255,0.25) !important;
}

.article-meta,
.story-meta,
.hero-meta,
.sidebar-item,
.footer-bottom,
.section-header p,
.related-body p,
.story-body p,
.mini-card p,
.article-body,
.author-line,
.timeline-text{
  color:var(--premium-muted) !important;
}

.article-body,
.article-body p,
.author-line,
.sidebar-item,
.summary-points li,
.timeline-text,
.related-body p,
.story-body p{
  line-height:1.75 !important;
}

.article-hero{
  padding-top:32px !important;
}

.hero-content h1,
.article-hero h1,
.article-body h2,
.section-header h2,
.related-section h2{
  letter-spacing:-0.035em !important;
}

.summary-points li::before,
.timeline-item::before{
  box-shadow:none !important;
}

.share-row{
  gap:10px !important;
}

.share-btn{
  min-height:34px !important;
  padding:0 14px !important;
  font-size:.78rem !important;
  border-radius:999px !important;
}

.related-grid{
  align-items:stretch !important;
}

.related-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.related-body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}

.related-body p{
  flex:1 !important;
}

.related-read-more{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-top:auto !important;
  color:var(--premium-accent) !important;
  font-weight:800 !important;
  line-height:1.4 !important;
}

.newsletter-form input{
  background:rgba(255,255,255,0.045) !important;
  border:1px solid var(--premium-line) !important;
  color:#fff !important;
  box-shadow:none !important;
}

footer{
  background:#07111f !important;
  border-top:1px solid var(--premium-line) !important;
  box-shadow:none !important;
}

.footer-grid{
  align-items:start;
}

.footer-col a{
  color:#dce8f5 !important;
}

.footer-col a:hover{
  color:var(--premium-accent-2) !important;
}

.footer-bottom{
  border-top:1px solid var(--premium-line) !important;
}

.skiptranslate,
.skiptranslate iframe,
iframe.skiptranslate,
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
.goog-te-menu-frame,
#goog-gt-tt,
#google_translate_element{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  width:0 !important;
  overflow:hidden !important;
  position:absolute !important;
  top:-9999px !important;
  left:-9999px !important;
  pointer-events:none !important;
}

@media (max-width: 760px){
  .container{
    width:min(100% - 28px, var(--max-width, var(--max, 1240px)));
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .hero-main-content,
  .hero-content,
  .article-card,
  .summary-box,
  .author-card,
  .timeline-card,
  .sidebar-card,
  .section-card{
    padding:22px !important;
  }

  .hero-content h1,
  .article-hero h1{
    font-size:clamp(1.72rem, 9vw, 2.35rem) !important;
  }

  .newsletter-form button,
  .newsletter-form input{
    width:100% !important;
  }
}
/* Stronger homepage editorial system */
.homepage-hero{
  padding-top:34px !important;
}

.homepage-lead{
  min-height:610px !important;
  background:
    linear-gradient(180deg, rgba(5,12,22,0.08) 0%, rgba(5,12,22,0.38) 48%, rgba(5,12,22,0.92) 100%),
    url('../images/trump-charles.jpg?v=20260429f') center/cover !important;
}

.homepage-lead .hero-main-content{
  max-width:900px;
}

.homepage-lead h1{
  max-width:850px !important;
  font-size:clamp(2.35rem, 4.8vw, 4.3rem) !important;
  line-height:.98 !important;
}

.homepage-lead p{
  max-width:760px !important;
  font-size:1.08rem !important;
}

.homepage-briefing-panel{
  grid-template-rows:1fr auto;
}

.homepage-focus-card{
  background:linear-gradient(180deg, rgba(13,27,45,0.98), rgba(7,17,31,0.98));
  border:1px solid var(--premium-line);
  border-radius:var(--premium-radius);
  padding:22px;
  display:grid;
  gap:8px;
}

.homepage-focus-card span,
.homepage-briefing-strip span,
.spotlight-card span{
  color:var(--premium-accent-2);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.homepage-focus-card strong{
  color:#fff;
  font-size:3.2rem;
  line-height:.95;
  letter-spacing:-0.06em;
}

.homepage-focus-card p{
  margin:0;
  color:var(--premium-muted);
  line-height:1.65;
}

.homepage-briefing-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:8px;
}

.homepage-briefing-strip a,
.spotlight-card{
  background:linear-gradient(180deg, rgba(13,27,45,0.98), rgba(7,17,31,0.98));
  border:1px solid var(--premium-line);
  border-radius:var(--premium-radius-sm);
  box-shadow:none;
}

.homepage-briefing-strip a{
  min-height:118px;
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
}

.homepage-briefing-strip strong{
  color:#f7fbff;
  font-size:1rem;
  line-height:1.35;
}

.homepage-spotlight{
  margin-top:34px;
}

.spotlight-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

.spotlight-card{
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100%;
  transition:transform .22s ease, border-color .22s ease !important;
}

.spotlight-card:hover,
.homepage-briefing-strip a:hover{
  transform:translateY(-3px);
  border-color:rgba(155,232,255,0.28);
}

.spotlight-card img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
}

.spotlight-card div{
  padding:18px;
  display:grid;
  gap:10px;
}

.spotlight-card h3{
  margin:0;
  color:#fff;
  font-size:1rem;
  line-height:1.35;
}

@media (max-width:1100px){
  .homepage-briefing-strip,
  .spotlight-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:760px){
  .homepage-lead{
    min-height:520px !important;
  }

  .homepage-lead h1{
    font-size:clamp(2rem, 11vw, 2.9rem) !important;
  }

  .homepage-briefing-strip,
  .spotlight-grid{
    grid-template-columns:1fr;
  }
}
/* Premium article page system */
.article-hero{
  padding:36px 0 28px !important;
}

.article-hero-card{
  position:relative;
  isolation:isolate;
}

.article-hero-card .hero-image{
  background:#07111f;
}

.article-hero-card .hero-image img{
  width:100% !important;
  height:clamp(320px, 48vw, 560px) !important;
  object-fit:cover !important;
}

.article-hero-card .hero-content{
  padding:30px clamp(22px, 4vw, 42px) 34px !important;
}

.article-hero-card .eyebrow{
  margin-bottom:16px !important;
}

.article-hero-card h1{
  max-width:980px !important;
  font-size:clamp(2rem, 4.4vw, 3.55rem) !important;
  line-height:1.02 !important;
  letter-spacing:-0.05em !important;
}

.article-hero-card .standfirst{
  max-width:900px !important;
  color:#d9e6f5 !important;
  font-size:1.08rem !important;
  line-height:1.72 !important;
}

.article-meta{
  gap:14px !important;
  color:#c3d2e4 !important;
}

.article-meta span:not(:last-child)::after{
  content:"" !important;
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(155,232,255,0.55);
  margin-left:14px !important;
}

.article-layout{
  gap:28px !important;
}

.stack-main{
  min-width:0;
}

.summary-box,
.article-card,
.timeline-card,
.author-card,
.sidebar-card{
  border-color:rgba(189,218,255,0.14) !important;
}

.summary-box h2,
.sidebar-card h3,
.timeline-card h3,
.author-card h3{
  color:#fff !important;
  font-size:1.08rem !important;
  letter-spacing:-0.02em !important;
}

.summary-points{
  gap:14px !important;
}

.summary-points li{
  color:#dce8f5 !important;
  font-size:1rem !important;
}

.article-card{
  padding:clamp(24px, 4vw, 38px) !important;
}

.article-body{
  max-width:820px;
  color:#dce8f5 !important;
  font-size:1.04rem !important;
  line-height:1.88 !important;
}

.article-body p{
  margin-bottom:22px !important;
}

.article-body h2{
  margin:36px 0 16px !important;
  padding-top:8px;
  color:#fff !important;
  font-size:1.42rem !important;
  line-height:1.25 !important;
}

.article-tags{
  margin-top:30px !important;
  padding-top:22px;
  border-top:1px solid var(--premium-line);
}

.article-tags .tag{
  background:rgba(108,200,255,0.08) !important;
  color:#dff4ff !important;
  font-size:.82rem !important;
}

.share-row{
  margin-top:20px !important;
  padding-top:2px;
}

.share-btn:hover{
  transform:translateY(-1px) !important;
}

.sidebar-stack{
  gap:18px !important;
}

.sidebar-card{
  padding:22px !important;
}

.sidebar-list{
  gap:11px !important;
}

.sidebar-item strong{
  color:#fff !important;
}

.sidebar-item a{
  color:#bfe8ff !important;
}

.timeline-card,
.author-card{
  padding:24px !important;
}

.timeline-list{
  gap:13px !important;
}

.timeline-item{
  color:#dce8f5 !important;
}

.timeline-time{
  color:#9be8ff !important;
  font-weight:900 !important;
}

.author-card{
  background:linear-gradient(180deg, rgba(12,30,51,0.98), rgba(7,17,31,0.98)) !important;
}

.author-line strong{
  color:#fff !important;
}

.related-section{
  margin-top:34px !important;
}

.related-section h2{
  font-size:1.6rem !important;
  margin-bottom:18px !important;
}

.related-body{
  padding:20px !important;
}

.related-body h3{
  color:#fff !important;
  font-size:1.08rem !important;
}

.related-read-more{
  padding-top:8px;
  font-size:.98rem !important;
}

@media (min-width:1101px){
  .article-layout{
    grid-template-columns:minmax(0, 1.95fr) minmax(280px, .85fr) !important;
  }
}

@media (max-width:760px){
  .article-hero{
    padding-top:22px !important;
  }

  .article-hero-card .hero-image img{
    height:clamp(230px, 64vw, 360px) !important;
  }

  .article-hero-card .hero-content{
    padding:22px !important;
  }

  .article-hero-card h1{
    font-size:clamp(1.85rem, 9vw, 2.55rem) !important;
  }

  .article-hero-card .standfirst,
  .article-body{
    font-size:1rem !important;
  }

  .article-meta{
    gap:8px !important;
  }

  .article-meta span:not(:last-child)::after{
    display:none !important;
  }
}
/* Premium image system */
img{
  image-rendering:auto;
}

.hero-main,
.article-hero-card,
.story-card,
.related-card,
.spotlight-card,
.story-row{
  background-color:#07111f !important;
}

.hero-main{
  background-position:center !important;
}

.story-thumb,
.related-thumb,
.spotlight-card,
.hero-image{
  background:linear-gradient(180deg, #102036, #07111f);
}

.story-thumb,
.related-thumb{
  aspect-ratio:16/10 !important;
}

.story-thumb img,
.related-thumb img,
.spotlight-card img,
.story-row img,
.hero-image img{
  display:block;
  filter:saturate(1.04) contrast(1.03);
}

.story-thumb img,
.related-thumb img,
.spotlight-card img{
  height:100% !important;
  object-fit:cover !important;
}

.story-row img{
  aspect-ratio:16/10;
  height:auto !important;
  min-height:128px;
  object-fit:cover !important;
}

img[src*="radev"],
img[src*="Radev"]{
  object-position:center 22% !important;
}

img[src*="Top-Gun"],
img[src*="aston-villa"],
img[src*="highlander"],
img[src*="fury-joshua"]{
  object-position:center center !important;
}

img[src*="sydney-sweeney"]{
  object-position:center 18% !important;
}

img[src*="global-markets"],
img[src*="us-inflation"],
img[src*="oil"],
img[src*="middle-east"]{
  object-position:center center !important;
}

img[src*="Trump"],
img[src*="starmer"],
img[src*="rumen-radev"]{
  object-position:center 20% !important;
}

.homepage-lead{
  background-position:center 28% !important;
}

@media (max-width:760px){
  .story-row img{
    min-height:0;
  }
}
/* Premium spacing system */
:root{
  --space-1:6px;
  --space-2:10px;
  --space-3:14px;
  --space-4:18px;
  --space-5:24px;
  --space-6:32px;
  --space-7:42px;
  --space-8:56px;
  --space-9:72px;
}

main{
  padding-bottom:var(--space-8) !important;
}

main > .container > section,
.homepage-spotlight,
.related-section{
  margin-top:var(--space-7) !important;
}

.hero + main,
.article-hero + main{
  margin-top:0 !important;
}

.section-header{
  margin-bottom:var(--space-5) !important;
  gap:var(--space-5) !important;
}

.section-header h2{
  margin-bottom:0 !important;
}

.section-header p{
  margin-top:var(--space-2) !important;
}

.hero-grid,
.news-layout,
.article-layout{
  gap:var(--space-6) !important;
}

.top-stories-grid,
.related-grid,
.spotlight-grid{
  gap:var(--space-5) !important;
}

.category-grid,
.homepage-briefing-strip{
  gap:var(--space-4) !important;
}

.stories-stack,
.sidebar-stack,
.hero-side,
.mini-grid{
  gap:var(--space-5) !important;
}

.hero-side-card,
.section-card,
.summary-box,
.article-card,
.sidebar-card,
.timeline-card,
.author-card,
.homepage-focus-card{
  padding:clamp(22px, 3vw, 32px) !important;
}

.story-body,
.related-body,
.spotlight-card div{
  padding:var(--space-5) !important;
}

.story-body h3,
.related-body h3,
.mini-card h4,
.hero-side-item h4,
.spotlight-card h3{
  margin-bottom:var(--space-3) !important;
}

.story-body p,
.related-body p,
.mini-card p,
.hero-side-item p{
  margin-bottom:var(--space-4) !important;
}

.story-meta,
.hero-meta,
.article-meta{
  margin-bottom:var(--space-4) !important;
}

.hero-actions,
.share-row,
.article-tags{
  margin-top:var(--space-5) !important;
}

.hero-side-item{
  padding:var(--space-4) 0 !important;
}

.story-row{
  gap:var(--space-5) !important;
  padding-bottom:var(--space-5) !important;
  margin-bottom:var(--space-5) !important;
}

.story-row:last-child{
  margin-bottom:0 !important;
}

.article-body p + h2{
  margin-top:var(--space-7) !important;
}

.article-body h2 + p{
  margin-top:0 !important;
}

.summary-points,
.timeline-list,
.sidebar-list{
  gap:var(--space-4) !important;
}

.footer-grid{
  gap:var(--space-7) !important;
}

footer{
  margin-top:var(--space-8) !important;
  padding-top:var(--space-7) !important;
}

.footer-bottom{
  margin-top:var(--space-6) !important;
  padding-top:var(--space-5) !important;
  padding-bottom:var(--space-5) !important;
}

@media (max-width:1100px){
  .hero-grid,
  .news-layout,
  .article-layout{
    gap:var(--space-5) !important;
  }

  main > .container > section,
  .homepage-spotlight,
  .related-section{
    margin-top:var(--space-6) !important;
  }
}

@media (max-width:760px){
  :root{
    --space-5:20px;
    --space-6:26px;
    --space-7:34px;
    --space-8:44px;
  }

  .hero,
  .article-hero{
    padding-top:var(--space-5) !important;
    padding-bottom:var(--space-5) !important;
  }

  .section-header{
    gap:var(--space-3) !important;
  }

  .story-body,
  .related-body,
  .spotlight-card div,
  .hero-side-card,
  .section-card,
  .summary-box,
  .article-card,
  .sidebar-card,
  .timeline-card,
  .author-card,
  .homepage-focus-card{
    padding:20px !important;
  }

  .footer-grid{
    gap:var(--space-5) !important;
  }
}
/* Mobile perfection pass */
@media (max-width:760px){
  html,
  body{
    overflow-x:hidden !important;
  }

  body{
    min-width:0 !important;
  }

  .topbar:not(header){
    display:none !important;
  }

  header,
  .topbar{
    position:static !important;
    top:auto !important;
    transform:none !important;
  }

  .navbar,
  .topbar-inner{
    min-height:auto !important;
    padding:14px 0 !important;
    align-items:center !important;
  }

  .brand,
  .logo,
  .brand h1{
    min-width:0 !important;
  }

  .logo,
  .brand h1{
    font-size:clamp(1.7rem, 9vw, 2.2rem) !important;
    line-height:.95 !important;
    max-width:72vw !important;
  }

  .site-tagline,
  .brand p{
    font-size:.82rem !important;
    line-height:1.25 !important;
    max-width:72vw !important;
  }

  .nav-toggle,
  .lang-switch{
    min-height:40px !important;
    padding:0 14px !important;
    font-size:.82rem !important;
    flex-shrink:0 !important;
  }

  .nav-links{
    width:100% !important;
    padding:10px 0 4px !important;
    gap:8px !important;
  }

  .nav-links a,
  .nav-links .lang-switch{
    width:100% !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
  }

  .hero-grid,
  .news-layout,
  .article-layout,
  .top-stories-grid,
  .related-grid,
  .category-grid,
  .homepage-briefing-strip,
  .spotlight-grid,
  .footer-grid{
    grid-template-columns:1fr !important;
  }

  .hero-main,
  .homepage-lead{
    min-height:480px !important;
    border-radius:18px !important;
  }

  .hero-main-content{
    padding:22px !important;
  }

  .hero-main h1,
  .homepage-lead h1{
    font-size:clamp(2rem, 10.5vw, 2.8rem) !important;
    line-height:1.02 !important;
    letter-spacing:-0.045em !important;
  }

  .hero-main p,
  .homepage-lead p,
  .standfirst{
    font-size:.98rem !important;
    line-height:1.65 !important;
  }

  .hero-meta,
  .article-meta,
  .story-meta{
    gap:8px !important;
    font-size:.82rem !important;
  }

  .hero-actions,
  .share-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .btn,
  .share-btn,
  .newsletter-form button{
    width:100% !important;
    min-height:44px !important;
    border-radius:12px !important;
  }

  .story-card,
  .related-card,
  .section-card,
  .mini-card,
  .article-hero-card,
  .article-card,
  .summary-box,
  .sidebar-card,
  .timeline-card,
  .author-card,
  .homepage-focus-card,
  .homepage-briefing-strip a,
  .spotlight-card,
  .category-link{
    border-radius:18px !important;
  }

  .story-row{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .story-row img,
  .story-thumb,
  .related-thumb,
  .spotlight-card img{
    border-radius:0 !important;
  }

  .story-row img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:16/10 !important;
  }

  .story-body h3,
  .related-body h3,
  .spotlight-card h3{
    font-size:1.05rem !important;
    line-height:1.35 !important;
  }

  .section-header h2,
  .related-section h2{
    font-size:1.45rem !important;
    line-height:1.15 !important;
  }

  .section-link{
    white-space:normal !important;
  }

  .article-hero-card .hero-image img{
    height:auto !important;
    aspect-ratio:16/10 !important;
  }

  .article-hero-card h1{
    font-size:clamp(1.85rem, 9.5vw, 2.55rem) !important;
    line-height:1.05 !important;
  }

  .article-body{
    max-width:none !important;
    font-size:1rem !important;
    line-height:1.78 !important;
  }

  .article-body h2{
    font-size:1.24rem !important;
    line-height:1.25 !important;
  }

  .article-tags{
    gap:8px !important;
  }

  .article-tags .tag,
  .tag{
    max-width:100% !important;
    white-space:normal !important;
  }

  .timeline-item{
    grid-template-columns:1fr !important;
    gap:6px !important;
  }
.newsletter-form{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .newsletter-form input{
    width:100% !important;
    min-height:48px !important;
    border-radius:12px !important;
    font-size:1rem !important;
  }

  .footer-col a{
    min-height:30px !important;
  }

  .footer-bottom{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
  }
}

@media (max-width:420px){
  .container{
    width:calc(100% - 24px) !important;
  }

  .hero-main,
  .homepage-lead{
    min-height:430px !important;
  }

  .hero-main h1,
  .homepage-lead h1,
  .article-hero-card h1{
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }

  .eyebrow,
  .breaking span{
    font-size:.7rem !important;
    padding:7px 10px !important;
  }
}
/* Small premium details */
:focus-visible{
  outline:3px solid rgba(155,232,255,0.72) !important;
  outline-offset:4px !important;
  border-radius:10px;
}

::selection{
  background:rgba(108,200,255,0.32);
  color:#fff;
}

.btn,
.share-btn,
.newsletter-form button,
.nav-links a,
.category-link,
.story-link,
.section-link,
.related-read-more,
.footer-col a{
  -webkit-tap-highlight-color:transparent;
}

.story-link,
.section-link,
.related-read-more,
.footer-col a,
.sidebar-item a{
  position:relative;
  transition:color .2s ease, opacity .2s ease, transform .2s ease !important;
}

.story-link:hover,
.section-link:hover,
.related-read-more:hover,
.footer-col a:hover,
.sidebar-item a:hover{
  color:var(--premium-accent-2) !important;
}

.story-link:hover,
.related-read-more:hover{
  transform:translateX(2px);
}

.btn-primary,
.share-btn,
.newsletter-form button{
  background-size:140% 140% !important;
  background-position:left center !important;
}

.btn-primary:hover,
.share-btn:hover,
.newsletter-form button:hover{
  background-position:right center !important;
}

.btn-secondary{
  border-color:rgba(189,218,255,0.18) !important;
}

.btn-secondary:hover{
  border-color:rgba(155,232,255,0.34) !important;
}

.eyebrow,
.breaking span,
.tag,
.article-tags .tag{
  letter-spacing:.075em !important;
}

.story-card,
.related-card,
.mini-card,
.spotlight-card,
.homepage-briefing-strip a,
.category-link{
  will-change:transform;
}

.story-card:hover .story-body h3,
.related-card:hover .related-body h3,
.spotlight-card:hover h3,
.mini-card:hover h4{
  color:#ffffff !important;
}

.story-thumb,
.related-thumb,
.hero-image,
.spotlight-card img{
  position:relative;
}

.story-thumb::after,
.related-thumb::after,
.hero-image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(0,0,0,0.06));
}

.hero-image::after{
  background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(0,0,0,0.16));
}

.newsletter-form input:focus{
  border-color:rgba(155,232,255,0.55) !important;
  background:rgba(255,255,255,0.065) !important;
}

.breaking-badge,
.pulse-dot{
  box-shadow:none !important;
}

.breaking-badge{
  border-color:rgba(189,218,255,0.2) !important;
}

.footer-bottom a{
  color:#dce8f5 !important;
}

.footer-bottom a:hover{
  color:var(--premium-accent-2) !important;
}

.article-card,
.summary-box,
.sidebar-card,
.timeline-card,
.author-card,
.section-card{
  background-clip:padding-box !important;
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
}
/* Premium category page system */
.category-premium{
  padding-top:34px !important;
}

.category-premium .hero-grid{
  align-items:stretch !important;
}

.category-lead{
  min-height:560px !important;
  position:relative;
  overflow:hidden;
}

.category-lead .hero-main-content{
  max-width:760px !important;
}

.category-lead h1{
  max-width:820px;
}

.category-lead p{
  max-width:700px;
}

.world-lead{
  background:linear-gradient(90deg, rgba(5,12,22,0.94) 0%, rgba(5,12,22,0.66) 45%, rgba(5,12,22,0.22) 100%), url('../images/donald-trump-1.jpg') center/cover !important;
}

.politics-lead{
  background:linear-gradient(90deg, rgba(5,12,22,0.94) 0%, rgba(5,12,22,0.66) 45%, rgba(5,12,22,0.22) 100%), url('../images/trump-charles.jpg?v=20260429f') center/cover !important;
}

.economic-lead{
  background:linear-gradient(90deg, rgba(5,12,22,0.94) 0%, rgba(5,12,22,0.66) 45%, rgba(5,12,22,0.22) 100%), url('../images/us-inflation.jpg') center/cover !important;
}

.entertainment-lead{
  background:linear-gradient(90deg, rgba(5,12,22,0.94) 0%, rgba(5,12,22,0.66) 45%, rgba(5,12,22,0.22) 100%), url('../images/spain-entertainment.jpg') center/cover !important;
}

.sport-lead{
  background:linear-gradient(90deg, rgba(5,12,22,0.94) 0%, rgba(5,12,22,0.66) 45%, rgba(5,12,22,0.22) 100%), url('../images/psg-bayern.jpg') center/cover !important;
}

.viral-lead{
  background:linear-gradient(90deg, rgba(5,12,22,0.94) 0%, rgba(5,12,22,0.66) 45%, rgba(5,12,22,0.22) 100%), url('../images/Prague-ghost.jpg') center/cover !important;
}

.category-focus-card strong{
  font-size:clamp(2.2rem, 4vw, 3.2rem) !important;
  letter-spacing:-0.05em !important;
}

.category-briefing-strip{
  margin-top:0 !important;
  margin-bottom:var(--space-7, 56px) !important;
}

.category-spotlight{
  margin-bottom:var(--space-7, 56px) !important;
}

.category-spotlight .section-header p{
  max-width:680px;
}

@media (max-width:760px){
  .category-premium{
    padding-top:20px !important;
  }

  .category-lead{
    min-height:500px !important;
  }

  .category-lead .hero-main-content{
    padding:24px !important;
  }
}
/* Next premium polish: mobile menu, trending module, story cards */
.nav-toggle{
  gap:8px !important;
  min-width:86px !important;
  border:1px solid rgba(155,232,255,0.34) !important;
  background:rgba(9,22,38,0.92) !important;
  color:#f7fbff !important;
  box-shadow:none !important;
}

.nav-toggle::before{
  content:"";
  width:16px;
  height:12px;
  display:inline-block;
  background:
    linear-gradient(#f7fbff,#f7fbff) 0 0/100% 2px no-repeat,
    linear-gradient(#f7fbff,#f7fbff) 0 5px/100% 2px no-repeat,
    linear-gradient(#f7fbff,#f7fbff) 0 10px/100% 2px no-repeat;
}

.nav-toggle[aria-expanded="true"]{
  background:rgba(108,200,255,0.16) !important;
  border-color:rgba(155,232,255,0.6) !important;
}

.premium-trending{
  margin:var(--space-7, 56px) 0 !important;
  padding:clamp(22px, 3vw, 34px) !important;
  border:1px solid var(--premium-line, rgba(255,255,255,0.08)) !important;
  border-radius:var(--premium-radius, 24px) !important;
  background:linear-gradient(135deg, rgba(10,23,39,0.98), rgba(5,12,22,0.98)) !important;
}

.premium-trending-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
}

.premium-trending-head span{
  color:var(--premium-accent-2, #7bd1ff);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.premium-trending-head h2{
  margin:6px 0 0;
  color:#fff;
  font-size:clamp(1.65rem, 3vw, 2.35rem);
  line-height:1.05;
}

.premium-trending-head a{
  color:#dce8f5;
  font-weight:800;
  white-space:nowrap;
}

.story-card,
.related-card,
.spotlight-card{
  border-color:rgba(255,255,255,0.1) !important;
}

.story-card > a,
.related-card > a{
  min-height:100%;
}

.story-body,
.related-body{
  gap:12px !important;
}

.story-body p,
.related-body p{
  flex:1 1 auto !important;
}

.story-link,
.related-read-more{
  margin-top:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  color:var(--premium-accent-2, #7bd1ff) !important;
  font-weight:900 !important;
}

@media (max-width:760px){
  header{
    position:sticky !important;
    top:0 !important;
  }

  .navbar{
    align-items:flex-start !important;
    padding-top:14px !important;
    padding-bottom:14px !important;
  }

  .nav-toggle{
    margin-top:2px !important;
  }

  .nav-links{
    margin-top:12px !important;
    padding:12px !important;
    border:1px solid var(--premium-line, rgba(255,255,255,0.08)) !important;
    border-radius:18px !important;
    background:#07111f !important;
  }

  .nav-links.nav-open{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }

  .nav-links a,
  .nav-links .lang-switch{
    margin:0 !important;
    min-width:0 !important;
  }

  .nav-links a:first-child{
    grid-column:1/-1;
  }

  .premium-trending{
    padding:20px !important;
    border-radius:20px !important;
  }

  .premium-trending-head{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (max-width:420px){
  .nav-links.nav-open{
    grid-template-columns:1fr !important;
  }
}
/* Visually unique category identities */
.category-page{
  --section-accent:var(--premium-accent-2, #7bd1ff);
  --section-accent-rgb:123,209,255;
  --section-surface:#07111f;
  background:
    linear-gradient(180deg, rgba(var(--section-accent-rgb),0.08), rgba(5,12,22,0) 360px),
    #050c16 !important;
}

.world-page{
  --section-accent:#7bd1ff;
  --section-accent-rgb:123,209,255;
}

.politics-page{
  --section-accent:#9be8ff;
  --section-accent-rgb:155,232,255;
}

.economic-page{
  --section-accent:#7ee6b8;
  --section-accent-rgb:126,230,184;
}

.entertainment-page{
  --section-accent:#ffb7d5;
  --section-accent-rgb:255,183,213;
}

.sport-page{
  --section-accent:#a9f08a;
  --section-accent-rgb:169,240,138;
}

.viral-page{
  --section-accent:#ffd36e;
  --section-accent-rgb:255,211,110;
}

.category-page .topbar{
  border-bottom-color:rgba(var(--section-accent-rgb),0.2) !important;
}

.category-page .breaking span,
.category-page .eyebrow,
.category-page .tag,
.category-page .story-meta span:first-child,
.category-page .premium-trending-head span,
.category-page .homepage-briefing-strip span,
.category-page .spotlight-card span,
.category-page .homepage-focus-card span{
  color:var(--section-accent) !important;
}

.category-page .breaking span,
.category-page .btn-primary{
  background:var(--section-accent) !important;
  color:#02111d !important;
}

.category-page .nav-links a.active{
  background:rgba(var(--section-accent-rgb),0.16) !important;
  color:#fff !important;
}

.category-page .category-lead{
  border-color:rgba(var(--section-accent-rgb),0.24) !important;
}

.category-page .category-lead::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(var(--section-accent-rgb),0.12), transparent 44%),
    linear-gradient(90deg, rgba(var(--section-accent-rgb),0.18), transparent 48%);
  mix-blend-mode:screen;
  opacity:.68;
}

.category-page .category-lead .hero-main-content{
  position:relative;
  z-index:1;
}

.category-page .hero-side-card,
.category-page .homepage-focus-card,
.category-page .homepage-briefing-strip a,
.category-page .premium-trending,
.category-page .spotlight-card,
.category-page .section-card,
.category-page .story-card,
.category-page .mini-card{
  border-color:rgba(var(--section-accent-rgb),0.14) !important;
}

.category-page .homepage-focus-card{
  background:
    linear-gradient(135deg, rgba(var(--section-accent-rgb),0.12), rgba(7,17,31,0.98) 52%),
    #07111f !important;
}

.category-page .homepage-focus-card strong{
  color:var(--section-accent) !important;
}

.category-page .premium-trending{
  background:
    linear-gradient(135deg, rgba(var(--section-accent-rgb),0.12), rgba(7,17,31,0.98) 42%),
    #07111f !important;
}

.category-page .section-link,
.category-page .story-link,
.category-page .related-read-more,
.category-page .footer-bottom a,
.category-page .premium-trending-head a{
  color:var(--section-accent) !important;
}

.category-page .homepage-briefing-strip a:hover,
.category-page .spotlight-card:hover,
.category-page .story-card:hover,
.category-page .mini-card:hover{
  border-color:rgba(var(--section-accent-rgb),0.42) !important;
}

.category-page .section-header h2::after,
.category-page .premium-trending-head h2::after{
  content:"";
  display:block;
  width:54px;
  height:3px;
  margin-top:12px;
  border-radius:999px;
  background:var(--section-accent);
}

.world-page .category-lead{
  background:
    linear-gradient(90deg, rgba(5,12,22,0.94) 0%, rgba(5,12,22,0.66) 45%, rgba(5,12,22,0.2) 100%),
    url('../images/donald-trump-1.jpg') center/cover !important;
}

.politics-page .category-lead{
  background:
    linear-gradient(90deg, rgba(5,12,22,0.94) 0%, rgba(5,12,22,0.66) 45%, rgba(5,12,22,0.2) 100%),
    url('../images/trump-charles.jpg?v=20260429f') center/cover !important;
}

.economic-page .category-lead{
  background:
    linear-gradient(90deg, rgba(5,12,22,0.94) 0%, rgba(5,12,22,0.66) 45%, rgba(5,12,22,0.2) 100%),
    url('../images/us-inflation.jpg') center/cover !important;
}

.entertainment-page .category-lead{
  background:
    linear-gradient(90deg, rgba(5,12,22,0.94) 0%, rgba(5,12,22,0.66) 45%, rgba(5,12,22,0.2) 100%),
    url('../images/spain-entertainment.jpg') center/cover !important;
}

.sport-page .category-lead{
  background:
    linear-gradient(90deg, rgba(5,12,22,0.94) 0%, rgba(5,12,22,0.66) 45%, rgba(5,12,22,0.2) 100%),
    url('../images/psg-bayern.jpg') center/cover !important;
}

.viral-page .category-lead{
  background:
    linear-gradient(90deg, rgba(5,12,22,0.94) 0%, rgba(5,12,22,0.66) 45%, rgba(5,12,22,0.2) 100%),
    url('../images/Prague-ghost.jpg') center/cover !important;
}

@media (max-width:760px){
  .category-page{
    background:
      linear-gradient(180deg, rgba(var(--section-accent-rgb),0.08), rgba(5,12,22,0) 280px),
      #050c16 !important;
  }

  .category-page .section-header h2::after,
  .category-page .premium-trending-head h2::after{
    width:42px;
    margin-top:10px;
  }
}
/* Readable category hero badges */
.category-page .category-lead .eyebrow{
  background:rgba(3,9,17,0.82) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,0.55) !important;
  box-shadow:0 8px 24px rgba(0,0,0,0.28) !important;
  text-shadow:0 1px 2px rgba(0,0,0,0.65) !important;
}

.category-page .category-lead .eyebrow::before{
  content:"";
  width:7px;
  height:7px;
  display:inline-block;
  margin-right:8px;
  border-radius:999px;
  background:var(--section-accent) !important;
  box-shadow:0 0 0 3px rgba(var(--section-accent-rgb),0.18) !important;
  vertical-align:middle;
}
/* Premium story card upgrade */
.story-card,
.related-card,
.spotlight-card,
.mini-card{
  position:relative !important;
  isolation:isolate;
  background:linear-gradient(180deg, rgba(10,23,39,0.98), rgba(5,12,22,0.98)) !important;
  border:1px solid rgba(255,255,255,0.12) !important;
}

.story-card::before,
.related-card::before,
.spotlight-card::before,
.mini-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,255,255,0.055), transparent 36%);
  opacity:.7;
  z-index:0;
}

.story-card > a,
.related-card > a,
.spotlight-card,
.mini-card{
  position:relative;
  z-index:1;
}

.story-thumb,
.related-thumb,
.spotlight-card img{
  position:relative;
  background:#07111f !important;
}

.story-thumb::before,
.related-thumb::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(0,0,0,0.12));
}

.story-thumb img,
.related-thumb img,
.spotlight-card img{
  filter:saturate(1.06) contrast(1.04) !important;
}

.story-body,
.related-body{
  min-height:260px;
  display:flex !important;
  flex-direction:column !important;
  padding:clamp(18px, 2.2vw, 26px) !important;
}

.story-meta{
  align-items:center !important;
  gap:8px 12px !important;
  margin-bottom:2px !important;
}

.story-meta span:first-child{
  padding:5px 9px !important;
  border-radius:999px !important;
  background:rgba(123,209,255,0.11) !important;
  border:1px solid rgba(123,209,255,0.18) !important;
  color:var(--section-accent, var(--premium-accent-2, #7bd1ff)) !important;
  font-size:.72rem !important;
  line-height:1 !important;
}

.story-meta span:not(:first-child){
  color:#9fb0c4 !important;
  font-size:.78rem !important;
}

.story-body h3,
.related-body h3,
.spotlight-card h3,
.mini-card h4{
  color:#f8fbff !important;
  letter-spacing:-0.025em !important;
}

.story-body h3,
.related-body h3{
  font-size:clamp(1.14rem, 1.6vw, 1.42rem) !important;
  line-height:1.2 !important;
}

.story-body p,
.related-body p,
.mini-card p{
  color:#b8c6d8 !important;
  line-height:1.68 !important;
}

.story-link,
.related-read-more{
  margin-top:auto !important;
  padding-top:12px !important;
  font-size:.95rem !important;
  letter-spacing:0 !important;
}

.story-card:hover,
.related-card:hover,
.spotlight-card:hover,
.mini-card:hover{
  transform:translateY(-4px) !important;
  background:linear-gradient(180deg, rgba(13,29,49,0.98), rgba(7,17,31,0.98)) !important;
}

.story-card:hover .story-link,
.related-card:hover .related-read-more{
  transform:translateX(3px) !important;
}

.story-card:focus-within,
.related-card:focus-within,
.spotlight-card:focus-visible,
.mini-card:focus-visible{
  outline:2px solid var(--section-accent, var(--premium-accent-2, #7bd1ff)) !important;
  outline-offset:4px !important;
}

@media (max-width:760px){
  .story-body,
  .related-body{
    min-height:0;
    padding:20px !important;
  }

  .story-meta span:first-child{
    font-size:.7rem !important;
  }
}
/* Real trending module */
.real-trending-module{
  overflow:hidden;
}

.real-trending-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.45fr) minmax(280px, .95fr) minmax(240px, .75fr);
  gap:18px;
}

.trend-lead-card,
.trend-ranked-item,
.trend-pulse-panel{
  border:1px solid var(--premium-line, rgba(255,255,255,0.08));
  border-radius:20px;
  background:#07111f;
}

.trend-lead-card{
  min-height:410px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
}

.trend-lead-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(1.05) contrast(1.04);
}

.trend-lead-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(5,12,22,0.1), rgba(5,12,22,0.9));
}

.trend-lead-content{
  position:relative;
  z-index:1;
  padding:clamp(22px, 3vw, 34px);
  max-width:640px;
}

.trend-lead-content span,
.trend-ranked-item span,
.trend-pulse-panel > span{
  color:var(--section-accent, var(--premium-accent-2, #7bd1ff));
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.trend-lead-content h3{
  margin:10px 0;
  color:#fff;
  font-size:clamp(1.65rem, 3vw, 2.45rem);
  line-height:1.05;
  letter-spacing:-0.045em;
}

.trend-lead-content p{
  margin:0;
  color:#d4deec;
  font-size:1rem;
  line-height:1.65;
}

.trend-ranked-list{
  display:grid;
  gap:12px;
}

.trend-ranked-item{
  min-height:92px;
  padding:16px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:14px;
  align-items:start;
  transition:transform .22s ease, border-color .22s ease, background-color .22s ease;
}

.trend-ranked-item:hover,
.trend-lead-card:hover{
  transform:translateY(-3px);
  border-color:rgba(155,232,255,0.3);
}

.trend-ranked-item strong{
  color:rgba(123,209,255,0.32);
  font-size:2rem;
  line-height:1;
  letter-spacing:-0.06em;
}

.trend-ranked-item h3{
  margin:6px 0 0;
  color:#fff;
  font-size:1rem;
  line-height:1.35;
}

.trend-pulse-panel{
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.trend-pulse-row{
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,0.08);
}

.trend-pulse-row strong{
  display:block;
  color:#fff;
  font-size:.98rem;
  margin-bottom:6px;
}

.trend-pulse-row p{
  margin:0;
  color:#b8c6d8;
  line-height:1.62;
}

@media (max-width:1100px){
  .real-trending-layout{
    grid-template-columns:1fr 1fr;
  }

  .trend-lead-card{
    grid-column:1/-1;
    min-height:360px;
  }
}

@media (max-width:760px){
  .real-trending-layout{
    grid-template-columns:1fr;
  }

  .trend-lead-card{
    min-height:430px;
  }

  .trend-ranked-item{
    min-height:0;
  }
}
/* Premium footer upgrade */
.premium-footer{
  background:
    linear-gradient(180deg, rgba(7,17,31,0.96), #050c16) !important;
  border-top:1px solid rgba(255,255,255,0.1) !important;
  margin-top:var(--space-8, 72px) !important;
  padding:0 !important;
}

.footer-topline{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(320px, .75fr);
  gap:clamp(24px, 5vw, 64px);
  align-items:end;
  padding-top:clamp(34px, 6vw, 72px) !important;
  padding-bottom:clamp(28px, 4vw, 44px) !important;
}

.footer-logo{
  display:inline-block;
  color:#fff;
  font-size:clamp(2rem, 4vw, 3.2rem);
  font-weight:950;
  line-height:.9;
  letter-spacing:-0.06em;
  margin-bottom:16px;
}

.footer-logo span{
  color:var(--section-accent, var(--premium-accent-2, #7bd1ff));
}

.footer-topline p,
.footer-brief p{
  margin:0;
  color:#b8c6d8;
  line-height:1.7;
  max-width:620px;
}

.footer-newsletter{
  display:grid;
  gap:12px;
}

.footer-newsletter label{
  color:#fff;
  font-weight:900;
  font-size:1rem;
}

.footer-newsletter div{
  display:flex;
  gap:10px;
}

.footer-newsletter input{
  min-width:0;
  flex:1;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:999px;
  background:#07111f;
  color:#fff;
  min-height:48px;
  padding:0 16px;
  font:inherit;
}

.footer-newsletter button,
.footer-pill{
  border:0;
  border-radius:999px;
  background:var(--section-accent, var(--premium-accent-2, #7bd1ff));
  color:#02111d !important;
  min-height:48px;
  padding:0 18px;
  font-weight:900;
  cursor:pointer;
}

.premium-footer .footer-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:clamp(22px, 4vw, 54px) !important;
  padding-top:clamp(26px, 4vw, 42px) !important;
  padding-bottom:clamp(26px, 4vw, 42px) !important;
  border-top:1px solid rgba(255,255,255,0.08);
}

.premium-footer .footer-col{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.premium-footer .footer-col h4{
  margin:0 0 8px;
  color:#fff;
  font-size:.95rem;
  letter-spacing:0;
}

.premium-footer .footer-col a{
  color:#dce8f5 !important;
  width:fit-content;
  line-height:1.55;
}

.premium-footer .footer-col a:hover{
  color:var(--section-accent, var(--premium-accent-2, #7bd1ff)) !important;
}

.footer-pill{
  display:inline-flex;
  align-items:center;
  margin-top:6px;
  min-height:40px;
  padding:0 14px;
}

.premium-footer .footer-bottom{
  border-top:1px solid rgba(255,255,255,0.08) !important;
  margin-top:0 !important;
  padding-top:20px !important;
  padding-bottom:20px !important;
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#aebbd0;
}

.premium-footer .footer-bottom div{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.premium-footer .footer-bottom a{
  color:#dce8f5 !important;
}

.premium-footer .footer-bottom a:hover{
  color:var(--section-accent, var(--premium-accent-2, #7bd1ff)) !important;
}

@media (max-width:900px){
  .footer-topline,
  .premium-footer .footer-grid{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width:640px){
  .footer-topline,
  .premium-footer .footer-grid{
    grid-template-columns:1fr !important;
  }

  .footer-newsletter div{
    flex-direction:column;
  }

  .premium-footer .footer-bottom{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
}

@media (max-width:640px){
  .premium-footer .footer-grid{
    gap:14px !important;
    padding-top:24px !important;
    padding-bottom:28px !important;
  }

  .premium-footer .footer-col{
    gap:10px !important;
    padding:16px !important;
    border:1px solid rgba(255,255,255,0.08);
    border-radius:8px;
    background:rgba(255,255,255,0.025);
  }

  .premium-footer .footer-col h4{
    margin:0 !important;
    font-size:.86rem !important;
    text-transform:uppercase;
    color:var(--section-accent, var(--premium-accent-2, #7bd1ff));
  }

  .premium-footer .footer-col:not(.footer-brief) a{
    width:100% !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center;
    padding:0 12px;
    border-radius:8px;
    background:rgba(255,255,255,0.04);
    line-height:1.25 !important;
  }

  .premium-footer .footer-col:not(.footer-brief){
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .premium-footer .footer-col:not(.footer-brief) h4{
    grid-column:1 / -1;
  }

  .premium-footer .footer-brief{
    padding:18px !important;
  }

  .premium-footer .footer-brief p{
    line-height:1.55 !important;
  }

  .premium-footer .footer-brief .footer-pill{
    width:100% !important;
    min-height:48px !important;
    justify-content:center;
    margin-top:4px !important;
    padding:0 18px !important;
  }
}
/* High contrast accent buttons */
.footer-newsletter button,
.footer-pill,
.category-page .footer-pill,
.category-page .footer-newsletter button,
.newsletter-form button,
.btn-primary{
  color:#02111d !important;
  text-shadow:none !important;
}

.footer-pill:hover,
.footer-newsletter button:hover{
  color:#02111d !important;
}
/* Force footer pill text to match Subscribe button */
.premium-footer .footer-col a.footer-pill,
.premium-footer .footer-col a.footer-pill:visited,
.premium-footer .footer-col a.footer-pill:hover,
.category-page .premium-footer .footer-col a.footer-pill,
.category-page .premium-footer .footer-col a.footer-pill:hover{
  color:#02111d !important;
  -webkit-text-fill-color:#02111d !important;
  text-shadow:none !important;
}
/* Premium mobile navigation upgrade */
@media (max-width:760px){
  header,
  .topbar{
    position:sticky !important;
    top:0 !important;
    z-index:3000 !important;
    background:rgba(5,12,22,0.98) !important;
    border-bottom:1px solid rgba(255,255,255,0.1) !important;
  }

  .navbar,
  .topbar-inner{
    min-height:auto !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
  }

  .brand,
  .navbar .brand{
    max-width:calc(100% - 104px) !important;
  }

  .logo,
  .brand h1{
    font-size:clamp(1.65rem, 8vw, 2.15rem) !important;
    line-height:.9 !important;
  }

  .site-tagline,
  .brand p{
    font-size:.78rem !important;
    line-height:1.15 !important;
  }

  .nav-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    min-width:92px !important;
    min-height:42px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    border:1px solid rgba(155,232,255,0.36) !important;
    background:#07111f !important;
    color:#fff !important;
    font-size:.86rem !important;
    font-weight:900 !important;
    box-shadow:none !important;
  }

  .nav-toggle::before{
    content:"";
    width:16px;
    height:12px;
    display:inline-block;
    background:
      linear-gradient(#fff,#fff) 0 0/100% 2px no-repeat,
      linear-gradient(#fff,#fff) 0 5px/100% 2px no-repeat,
      linear-gradient(#fff,#fff) 0 10px/100% 2px no-repeat;
  }

  .nav-toggle[aria-expanded="true"]{
    background:var(--section-accent, var(--premium-accent-2, #7bd1ff)) !important;
    color:#02111d !important;
    border-color:transparent !important;
  }

  .nav-toggle[aria-expanded="true"]::before{
    background:
      linear-gradient(#02111d,#02111d) 50% 50%/100% 2px no-repeat,
      linear-gradient(#02111d,#02111d) 50% 50%/100% 2px no-repeat;
    transform:rotate(45deg);
    box-shadow:none;
  }

  .nav-toggle[aria-expanded="true"]::after{
    content:"";
    width:16px;
    height:2px;
    margin-left:-24px;
    background:#02111d;
    transform:rotate(-45deg);
  }

  .nav-links{
    width:100% !important;
    margin-top:6px !important;
    padding:10px !important;
    border:1px solid rgba(255,255,255,0.12) !important;
    border-radius:20px !important;
    background:#07111f !important;
    display:none !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .nav-links.nav-open{
    display:grid !important;
  }

  .nav-links a,
  .nav-links .lang-switch{
    width:100% !important;
    min-width:0 !important;
    min-height:46px !important;
    margin:0 !important;
    padding:0 12px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(255,255,255,0.035) !important;
    border:1px solid rgba(255,255,255,0.08) !important;
    color:#eaf3ff !important;
    font-weight:800 !important;
    text-align:center !important;
  }

  .nav-links a.active,
  .nav-links a:hover,
  .nav-links .lang-switch:hover{
    background:rgba(123,209,255,0.16) !important;
    border-color:rgba(155,232,255,0.28) !important;
    color:#fff !important;
  }

  .nav-links a:first-child{
    grid-column:1 / -1 !important;
  }
}

@media (max-width:390px){
  .nav-links{
    grid-template-columns:1fr !important;
  }
}
/* Article progress and details upgrade */
.reading-progress{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:5000;
  height:4px;
  background:rgba(255,255,255,0.06);
  pointer-events:none;
}

.reading-progress__bar{
  display:block;
  width:0%;
  height:100%;
  background:linear-gradient(90deg, var(--section-accent, var(--premium-accent-2, #7bd1ff)), #ffffff);
  transition:width .08s linear;
}

.article-hero-card{
  position:relative;
}

.article-hero-card::after{
  content:none !important;
  display:none !important;
}

.article-meta{
  display:flex !important;
  flex-wrap:wrap !important;
}

.article-meta span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:30px !important;
  padding:0 10px !important;
  border:1px solid rgba(255,255,255,0.1) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,0.035) !important;
}

.article-meta span:first-child{
  border-color:rgba(123,209,255,0.24) !important;
  color:var(--section-accent, var(--premium-accent-2, #7bd1ff)) !important;
}

.article-meta span:not(:last-child)::after{
  display:none !important;
}

.article-detail-strip{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:10px;
  margin:18px 0 0;
}

.article-detail-chip{
  min-height:62px;
  padding:12px;
  border:1px solid rgba(255,255,255,0.1);
  border-radius:16px;
  background:rgba(255,255,255,0.035);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}

.article-detail-chip span{
  color:var(--section-accent, var(--premium-accent-2, #7bd1ff));
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.article-detail-chip strong{
  color:#f8fbff;
  font-size:.9rem;
  line-height:1.25;
}

.sidebar-card:has(h3) .sidebar-list{
  gap:8px !important;
}

.sidebar-card .sidebar-item{
  padding:10px 0 !important;
}

.sidebar-card .sidebar-item strong{
  color:#fff !important;
}

.article-card{
  position:relative;
}

.article-card::before{
  content:"";
  position:absolute;
  left:0;
  top:32px;
  bottom:32px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg, var(--section-accent, var(--premium-accent-2, #7bd1ff)), transparent);
  opacity:.6;
}

.article-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:22px 0 0;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,0.1);
  border-radius:18px;
  background:rgba(255,255,255,0.035);
  color:#b8c6d8;
  font-size:.88rem;
}

.article-tools strong{
  color:#fff;
}

@media (max-width:900px){
  .article-detail-strip{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:760px){
  .reading-progress{
    height:3px;
  }

  .article-hero-card::after{
    content:none !important;
    display:none !important;
  }

  .article-detail-strip{
    grid-template-columns:1fr;
  }

  .article-card::before{
    display:none;
  }

  .article-tools{
    align-items:flex-start;
    flex-direction:column;
  }
}
/* Small premium motion */
@keyframes premiumFadeUp{
  from{
    opacity:0;
    transform:translateY(12px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes premiumGlowPulse{
  0%,100%{ box-shadow:0 0 0 rgba(123,209,255,0); }
  50%{ box-shadow:0 0 0 4px rgba(123,209,255,0.08); }
}

.hero-main,
.article-hero-card,
.section-card,
.story-card,
.related-card,
.spotlight-card,
.premium-trending,
.summary-box,
.timeline-card,
.author-card,
.sidebar-card,
.premium-footer{
  animation:premiumFadeUp .45s ease both;
}

.story-card:nth-child(2),
.related-card:nth-child(2),
.spotlight-card:nth-child(2){ animation-delay:.04s; }
.story-card:nth-child(3),
.related-card:nth-child(3),
.spotlight-card:nth-child(3){ animation-delay:.08s; }
.story-card:nth-child(4),
.related-card:nth-child(4),
.spotlight-card:nth-child(4){ animation-delay:.12s; }

.story-card,
.related-card,
.spotlight-card,
.mini-card,
.trend-ranked-item,
.trend-lead-card,
.homepage-briefing-strip a,
.category-link,
.share-btn,
.btn,
.footer-pill,
.footer-newsletter button,
.nav-links a{
  transition:
    transform .22s ease,
    border-color .22s ease,
    background-color .22s ease,
    color .22s ease,
    opacity .22s ease !important;
}

.story-card:hover,
.related-card:hover,
.spotlight-card:hover,
.mini-card:hover,
.trend-ranked-item:hover,
.trend-lead-card:hover,
.homepage-briefing-strip a:hover,
.category-link:hover{
  transform:translateY(-4px) !important;
}

.story-thumb img,
.related-thumb img,
.spotlight-card img,
.trend-lead-card img,
.hero-image img{
  transition:transform .45s ease, filter .3s ease !important;
}

.story-card:hover .story-thumb img,
.related-card:hover .related-thumb img,
.spotlight-card:hover img,
.trend-lead-card:hover img,
.article-hero-card:hover .hero-image img{
  transform:scale(1.035) !important;
}

.pulse-dot,
.breaking-badge .pulse-dot{
  animation:premiumGlowPulse 1.8s ease-in-out infinite;
}

.nav-links.nav-open{
  animation:premiumFadeUp .22s ease both;
}

@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}
/* Stronger homepage top section */
.homepage-front{
  margin-top:var(--space-7, 56px) !important;
}

.homepage-front-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(280px, .82fr) minmax(260px, .7fr);
  gap:18px;
  align-items:stretch;
}

.front-lead-story,
.front-support-card,
.front-latest-rail{
  border:1px solid rgba(255,255,255,0.1);
  border-radius:24px;
  background:#07111f;
  overflow:hidden;
}

.front-lead-story{
  position:relative;
  min-height:560px;
  display:flex;
  align-items:flex-end;
}

.front-lead-story img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(1.06) contrast(1.04);
  transition:transform .45s ease, filter .3s ease;
}

.front-lead-story::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(5,12,22,0.08), rgba(5,12,22,0.94));
}

.front-lead-content{
  position:relative;
  z-index:1;
  padding:clamp(24px, 4vw, 42px);
  max-width:720px;
}

.front-lead-content span,
.front-support-card span,
.front-rail-head span{
  color:var(--premium-accent-2, #7bd1ff);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.front-lead-content h3{
  margin:12px 0;
  color:#fff;
  font-size:clamp(2rem, 4vw, 3.3rem);
  line-height:1.02;
  letter-spacing:-0.055em;
}

.front-lead-content p{
  margin:0 0 18px;
  color:#d8e4f2;
  font-size:1.03rem;
  line-height:1.7;
}

.front-lead-content strong{
  color:var(--premium-accent-2, #7bd1ff);
  font-size:1rem;
}

.front-support-grid{
  display:grid;
  gap:18px;
}

.front-support-card{
  min-height:270px;
  position:relative;
  display:flex;
  align-items:flex-end;
}

.front-support-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}

.front-support-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(5,12,22,0.08), rgba(5,12,22,0.9));
}

.front-support-card div{
  position:relative;
  z-index:1;
  padding:22px;
}

.front-support-card h3{
  margin:8px 0 0;
  color:#fff;
  font-size:1.25rem;
  line-height:1.22;
  letter-spacing:-0.03em;
}

.front-latest-rail{
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:0;
}

.front-rail-head{
  display:grid;
  gap:6px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,0.08);
}

.front-rail-head strong{
  color:#fff;
  font-size:1rem;
}

.front-latest-rail a{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,0.08);
}

.front-latest-rail a:last-child{
  border-bottom:0;
  padding-bottom:0;
}

.front-latest-rail a span{
  color:rgba(123,209,255,0.42);
  font-weight:950;
  font-size:1.4rem;
  line-height:1;
}

.front-latest-rail p{
  margin:0;
  color:#dce8f5;
  line-height:1.45;
  font-weight:700;
}

.front-lead-story:hover img,
.front-support-card:hover img{
  transform:scale(1.035);
}

.front-lead-story:hover,
.front-support-card:hover,
.front-latest-rail a:hover{
  border-color:rgba(155,232,255,0.28);
}

@media (max-width:1100px){
  .homepage-front-grid{
    grid-template-columns:1fr 1fr;
  }

  .front-lead-story{
    grid-column:1/-1;
    min-height:500px;
  }
}

@media (max-width:760px){
  .homepage-front-grid,
  .front-support-grid{
    grid-template-columns:1fr;
  }

  .front-lead-story{
    min-height:520px;
    border-radius:20px;
  }

  .front-support-card{
    min-height:260px;
    border-radius:20px;
  }

  .front-latest-rail{
    border-radius:20px;
  }
}
/* Trending header matches homepage */
body.trending-page header{
  background:rgba(7,17,31,0.82) !important;
  border-bottom:1px solid var(--line, rgba(255,255,255,0.08)) !important;
}

body.trending-page .navbar{
  min-height:78px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
}

body.trending-page .brand{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  flex-shrink:0 !important;
}

body.trending-page .logo{
  font-size:clamp(2rem, 3vw, 2.4rem) !important;
  font-weight:900 !important;
  letter-spacing:-0.055em !important;
  line-height:0.92 !important;
  color:#f4f8fd !important;
}

body.trending-page .logo span{
  color:var(--premium-accent-2, #7bd1ff) !important;
}

body.trending-page .site-tagline{
  margin:0 !important;
  color:#a8b4c6 !important;
  font-size:clamp(0.96rem, 1.2vw, 1.08rem) !important;
  font-weight:500 !important;
  letter-spacing:-0.02em !important;
  line-height:1.15 !important;
}

body.trending-page .nav-links{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  position:static !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.trending-page .nav-links a{
  color:#d8e3f1 !important;
  font-weight:600 !important;
  padding:10px 14px !important;
  border-radius:999px !important;
}

body.trending-page .nav-links a:hover{
  background:rgba(255,255,255,0.08) !important;
  color:#fff !important;
}

@media (min-width:761px){
  body.trending-page .navbar{
    flex-wrap:nowrap !important;
  }

  body.trending-page .nav-links{
    flex:1 1 auto !important;
    min-width:0 !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
  }

  body.trending-page .nav-links a,
  body.trending-page .lang-switch{
    flex-shrink:0 !important;
    white-space:nowrap !important;
  }
}

@media (max-width:760px){
  body.trending-page .navbar{
    align-items:flex-start !important;
  }

  body.trending-page .nav-links{
    display:none !important;
    position:static !important;
    width:100% !important;
    padding:10px !important;
    border:1px solid rgba(255,255,255,0.12) !important;
    background:#07111f !important;
  }

  body.trending-page .nav-links.nav-open{
    display:grid !important;
  }
}
/* Trending archive and article consistency polish */
.trending-desk-summary{
  margin-top:8px;
  margin-bottom:var(--space-7, 56px);
}

.trending-desk-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.25fr) minmax(280px, .85fr);
  gap:18px;
}

.trending-desk-lead,
.trending-desk-stats > div{
  border:1px solid rgba(255,255,255,0.1);
  border-radius:24px;
  background:#07111f;
  overflow:hidden;
}

.trending-desk-lead{
  min-height:380px;
  position:relative;
  display:flex;
  align-items:flex-end;
}

.trending-desk-lead img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(1.05) contrast(1.04);
}

.trending-desk-lead::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(5,12,22,0.08), rgba(5,12,22,0.92));
}

.trending-desk-lead div{
  position:relative;
  z-index:1;
  padding:clamp(22px, 4vw, 38px);
  max-width:680px;
}

.trending-desk-lead span,
.trending-desk-stats span{
  color:var(--premium-accent-2, #7bd1ff);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.trending-desk-lead h2{
  margin:10px 0;
  color:#fff;
  font-size:clamp(2rem, 4vw, 3.1rem);
  line-height:1.02;
  letter-spacing:-0.055em;
}

.trending-desk-lead p,
.trending-desk-stats p{
  margin:0;
  color:#d8e4f2;
  line-height:1.65;
}

.trending-desk-stats{
  display:grid;
  gap:18px;
}

.trending-desk-stats > div{
  padding:22px;
}

.trending-desk-stats strong{
  display:block;
  color:#fff;
  font-size:clamp(2.2rem, 5vw, 3.4rem);
  line-height:.95;
  letter-spacing:-0.06em;
  margin:8px 0;
}

.trending-page .archive-card{
  background:linear-gradient(135deg, rgba(123,209,255,0.12), rgba(7,17,31,0.98) 42%) !important;
}

.trending-page .story-row{
  border-color:rgba(123,209,255,0.14) !important;
}

.trending-page .story-row:hover{
  border-color:rgba(123,209,255,0.34) !important;
}

body.article-consistent .topbar{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
}

body.article-consistent > .container:not(.footer-topline):not(.footer-grid):not(.footer-bottom){
  max-width:var(--max, 1240px);
}

@media (max-width:900px){
  .trending-desk-grid{
    grid-template-columns:1fr;
  }

  .trending-desk-stats{
    grid-template-columns:repeat(3, 1fr);
  }
}

@media (max-width:760px){
  .trending-desk-lead{
    min-height:420px;
    border-radius:20px;
  }

  .trending-desk-stats{
    grid-template-columns:1fr;
  }
}
/* Stronger trending archive pages */
.trending-archive-hero{
  padding:clamp(28px, 5vw, 58px) 0 18px !important;
}

.trending-archive-card{
  display:grid !important;
  grid-template-columns:minmax(0, 1.15fr) minmax(280px, .85fr) !important;
  gap:clamp(22px, 4vw, 44px) !important;
  align-items:end !important;
  padding:clamp(26px, 4vw, 48px) !important;
  border-color:rgba(123,209,255,0.18) !important;
  background:
    linear-gradient(135deg, rgba(123,209,255,0.12), rgba(7,17,31,0.98) 42%),
    #07111f !important;
}

.trending-archive-card h1{
  max-width:920px;
  margin:12px 0 16px !important;
  font-size:clamp(2.4rem, 5.8vw, 5.6rem) !important;
  line-height:.92 !important;
  letter-spacing:-0.055em !important;
}

.trending-archive-card p{
  max-width:820px;
  margin:0 !important;
  color:#c6d5e8 !important;
  font-size:clamp(1.02rem, 1.5vw, 1.26rem) !important;
  line-height:1.7 !important;
}

.archive-scoreboard{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

.archive-scoreboard div{
  padding:16px;
  border:1px solid rgba(255,255,255,0.09);
  border-radius:18px;
  background:rgba(255,255,255,0.035);
}

.archive-scoreboard span{
  display:block;
  margin-bottom:8px;
  color:#91a6bd;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.archive-scoreboard strong{
  display:block;
  color:#fff;
  font-size:clamp(1.2rem, 2.2vw, 2rem);
  line-height:1.05;
}

.archive-quick-nav{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-top:4px;
}

.archive-quick-nav a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  border:1px solid rgba(123,209,255,0.2);
  border-radius:999px;
  color:#dce8f5;
  font-weight:900;
  background:rgba(255,255,255,0.035);
}

.archive-quick-nav a.active,
.archive-quick-nav a:hover{
  color:#03101c;
  border-color:transparent;
  background:linear-gradient(135deg, var(--premium-accent), var(--premium-accent-2));
}

.trending-page .stories-section{
  padding-top:clamp(24px, 4vw, 46px) !important;
}

.trending-archive-tools{
  display:grid;
  grid-template-columns:1fr auto;
  gap:16px;
  align-items:center;
  margin:0 0 20px;
  padding:16px;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  background:rgba(255,255,255,0.03);
}

.trending-archive-tools span{
  color:#91a6bd;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.trending-archive-tools strong{
  color:#fff;
}

.trending-archive-tools div:last-child{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.trending-chip{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  border:1px solid rgba(123,209,255,0.22);
  border-radius:999px;
  color:#bfeaff;
  font-size:.82rem;
  font-weight:900;
}

.trending-page .story-row{
  position:relative;
  grid-template-columns:220px minmax(0,1fr) !important;
  gap:22px !important;
  padding:16px !important;
}

.trending-page .story-row::before{
  content:"";
  position:absolute;
  inset:14px auto 14px 14px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg, var(--premium-accent), transparent);
  opacity:.8;
}

.trending-page .story-row img{
  height:150px !important;
  border-radius:16px !important;
}

.trending-page .story-copy{
  min-width:0;
}

.trending-page .story-copy h3{
  margin-top:8px !important;
  font-size:clamp(1.2rem, 2vw, 1.62rem) !important;
  line-height:1.18 !important;
}

.trending-page .pager-card{
  border-color:rgba(123,209,255,0.18) !important;
}

@media (max-width:900px){
  .trending-archive-card{
    grid-template-columns:1fr !important;
  }

  .trending-archive-tools{
    grid-template-columns:1fr;
  }

  .trending-archive-tools div:last-child{
    justify-content:flex-start;
  }

  .trending-page .story-row{
    grid-template-columns:1fr !important;
  }

  .trending-page .story-row::before{
    display:none;
  }

  .trending-page .story-row img{
    height:auto !important;
    aspect-ratio:16 / 9;
  }
}

@media (max-width:560px){
  .trending-archive-card{
    padding:22px !important;
  }

  .archive-quick-nav a,
  .pager-btn{
    flex:1 1 auto;
  }
}
/* Page-wide image cropping upgrade */
.hero-image,
.story-thumb,
.related-thumb,
.front-lead-story,
.front-support-card,
.spotlight-card,
.trend-lead-card,
.trending-desk-lead,
.category-lead,
.homepage-lead{
  overflow:hidden !important;
}

.hero-image img,
.story-thumb img,
.related-thumb img,
.story-row img,
.spotlight-card img,
.front-lead-story img,
.front-support-card img,
.trend-lead-card img,
.trending-desk-lead img,
.category-lead img,
.homepage-lead img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.hero-image,
.article-hero-card .hero-image{
  aspect-ratio:16 / 9 !important;
}

.story-thumb,
.related-thumb,
.spotlight-card img,
.front-support-card img{
  aspect-ratio:16 / 10 !important;
}

.story-row img{
  aspect-ratio:16 / 9 !important;
  min-height:150px !important;
}

.front-lead-story,
.trend-lead-card,
.trending-desk-lead{
  min-height:clamp(340px, 42vw, 540px) !important;
}

.homepage-lead,
.category-lead{
  min-height:clamp(460px, 58vw, 720px) !important;
}

img[src*="sydney-sweeney"],
img[src*="carlos-ulberg"],
img[src*="fury-joshua"],
img[src*="cat-broadcast"],
img[src*="passenger"],
img[src*="gamer"]{
  object-position:center 18% !important;
}

img[src*="Top-Gun-3"],
img[src*="aston-villa"],
img[src*="nfl-draft"],
img[src*="darts"],
img[src*="highlander"],
img[src*="olivier-awards"]{
  object-position:center 30% !important;
}

img[src*="middle-east"],
img[src*="bulgaria"],
img[src*="rumen-radev"],
img[src*="falkland"],
img[src*="midterm"],
img[src*="trump"],
img[src*="starmer"],
img[src*="eu-flag"],
img[src*="china-flag"]{
  object-position:center 24% !important;
}

img[src*="oil"],
img[src*="inflation"],
img[src*="global-markets"],
img[src*="uk-economy"],
img[src*="energy"],
img[src*="imf"]{
  object-position:center 42% !important;
}

img[src*="dor-order-food"],
img[src*="self-driving-car"]{
  object-position:center 35% !important;
}

.article-hero-card .hero-image img{
  object-position:center 28% !important;
}

.related-card .related-thumb img,
.story-card .story-thumb img,
.mini-card img{
  transition:transform .35s ease, filter .35s ease, object-position .35s ease !important;
}

@media (max-width:760px){
  .hero-image,
  .article-hero-card .hero-image,
  .story-thumb,
  .related-thumb,
  .spotlight-card img,
  .front-support-card img{
    aspect-ratio:4 / 3 !important;
  }

  .front-lead-story,
  .trend-lead-card,
  .trending-desk-lead{
    min-height:320px !important;
  }

  .homepage-lead,
  .category-lead{
    min-height:520px !important;
  }

  .story-row img{
    aspect-ratio:4 / 3 !important;
    min-height:0 !important;
  }
}

@media (max-width:480px){
  .hero-image,
  .article-hero-card .hero-image,
  .story-thumb,
  .related-thumb,
  .story-row img,
  .spotlight-card img,
  .front-support-card img{
    aspect-ratio:1 / 1 !important;
  }
}
/* Clean mobile article spacing */
@media (max-width:760px){
  body:has(.article-hero-card),
  body:has(.article-card){
    overflow-x:hidden;
  }

  .article-hero{
    padding:18px 0 10px !important;
  }

  .article-hero + main{
    padding-top:10px !important;
  }

  .article-hero-card{
    display:block !important;
    border-radius:18px !important;
  }

  .article-hero-card .hero-image{
    aspect-ratio:16 / 10 !important;
    border-radius:18px 18px 0 0 !important;
  }

  .article-hero-card .hero-content{
    padding:20px !important;
  }

  .article-hero-card .eyebrow{
    margin-bottom:12px !important;
  }

  .article-hero-card h1{
    margin:0 0 12px !important;
    font-size:clamp(1.85rem, 9vw, 2.5rem) !important;
    line-height:1.04 !important;
    letter-spacing:-0.045em !important;
  }

  .article-hero-card .standfirst{
    margin:0 0 14px !important;
    font-size:.98rem !important;
    line-height:1.6 !important;
  }

  .article-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:7px 10px !important;
    margin-top:10px !important;
    font-size:.78rem !important;
    line-height:1.35 !important;
  }

  .article-meta span:not(:last-child)::after{
    display:none !important;
  }

  .article-layout{
    gap:16px !important;
    margin-top:8px !important;
  }

  .stack-main{
    gap:16px !important;
  }

  .article-card,
  .summary-box,
  .timeline-card,
  .author-card,
  .sidebar-card{
    padding:20px !important;
    border-radius:18px !important;
  }

  .article-body{
    font-size:.98rem !important;
    line-height:1.72 !important;
  }

  .article-body p{
    margin:0 0 15px !important;
    line-height:1.72 !important;
  }

  .article-body p:last-child{
    margin-bottom:0 !important;
  }

  .article-body h2{
    margin:26px 0 10px !important;
    font-size:1.18rem !important;
    line-height:1.25 !important;
    letter-spacing:-0.02em !important;
  }

  .summary-points{
    gap:10px !important;
    padding-left:0 !important;
  }

  .summary-points li{
    padding-left:20px !important;
    line-height:1.58 !important;
    margin-bottom:10px !important;
  }

  .summary-points li::before{
    top:.62em !important;
  }

  .article-tags{
    margin-top:20px !important;
    gap:8px !important;
  }

  .article-tags .tag{
    min-height:32px !important;
    padding:0 11px !important;
    font-size:.72rem !important;
    border-radius:999px !important;
  }

  .share-row{
    margin-top:18px !important;
    gap:8px !important;
  }

  .share-btn{
    min-height:38px !important;
    padding:0 12px !important;
    font-size:.75rem !important;
  }

  .sidebar-stack{
    gap:14px !important;
  }

  .sidebar-card h3,
  .timeline-card h3,
  .author-card h3{
    margin:0 0 12px !important;
    font-size:1rem !important;
  }

  .sidebar-list{
    gap:10px !important;
  }

  .sidebar-item{
    gap:2px !important;
    line-height:1.55 !important;
    font-size:.88rem !important;
  }

  .timeline-list{
    gap:12px !important;
  }

  .timeline-item{
    padding-left:18px !important;
    line-height:1.58 !important;
  }

  .timeline-time{
    margin-bottom:3px !important;
    font-size:.72rem !important;
  }

  .author-line{
    line-height:1.65 !important;
  }

  .related-section{
    margin-top:24px !important;
  }

  .related-grid{
    gap:14px !important;
  }

  .related-body{
    padding:16px !important;
  }

  .related-body h3{
    margin:0 0 8px !important;
  }

  .related-body p{
    margin:0 0 12px !important;
    line-height:1.58 !important;
  }
}

@media (max-width:480px){
  .article-hero{
    padding-top:12px !important;
  }

  .article-hero-card .hero-content,
  .article-card,
  .summary-box,
  .timeline-card,
  .author-card,
  .sidebar-card{
    padding:16px !important;
  }

  .article-hero-card .hero-image{
    aspect-ratio:4 / 3 !important;
  }

  .article-hero-card h1{
    font-size:clamp(1.72rem, 10vw, 2.25rem) !important;
  }

  .article-meta{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .article-body{
    font-size:.95rem !important;
  }

  .article-tools,
  .article-detail-strip{
    gap:8px !important;
  }
}
/* Category header logo color split */
body.category-page .logo,
body.category-page .brand h1,
body.category-page .brand h1 a{
  color:#f4f8fd !important;
}

body.category-page .logo span,
body.category-page .brand h1 span{
  color:var(--premium-accent-2, #7bd1ff) !important;
}

body.category-page .site-tagline,
body.category-page .brand p{
  color:#f4f8fd !important;
}
/* Main page header logo color split */
body.home-page .logo,
body.info-page .logo,
body.newsletter-page .logo,
body.legal-page .logo,
body:not(.article-page):not(.category-page):not(.trending-page) header .logo{
  color:#f4f8fd !important;
}

body.home-page .logo span,
body.info-page .logo span,
body.newsletter-page .logo span,
body.legal-page .logo span,
body:not(.article-page):not(.category-page):not(.trending-page) header .logo span{
  color:var(--premium-accent-2, #7bd1ff) !important;
}

body.home-page .site-tagline,
body.info-page .site-tagline,
body.newsletter-page .site-tagline,
body.legal-page .site-tagline,
body:not(.article-page):not(.category-page):not(.trending-page) header .site-tagline{
  color:#f4f8fd !important;
}
/* Static page hero photos */
body.about-photo-page .hero-main,
body.contact-photo-page .hero-main,
body.privacy-photo-page .hero-main,
body.terms-photo-page .hero-main,
body.newsletter-photo-page .hero-main{
  position:relative !important;
  overflow:hidden !important;
  min-height:clamp(560px, 62vw, 760px) !important;
  background-size:cover !important;
  background-position:center center !important;
  isolation:isolate;
}

body.about-photo-page .hero-main{
  background-image:
    linear-gradient(180deg, rgba(5,12,22,0.18) 0%, rgba(5,12,22,0.62) 46%, rgba(5,12,22,0.94) 100%),
    url('../images/about.jpg') !important;
  background-position:center 30% !important;
}

body.contact-photo-page .hero-main{
  background-image:
    linear-gradient(180deg, rgba(5,12,22,0.14) 0%, rgba(5,12,22,0.58) 48%, rgba(5,12,22,0.95) 100%),
    url('../images/getintouch.jpg') !important;
  background-position:center 24% !important;
}

body.privacy-photo-page .hero-main{
  background-image:
    linear-gradient(180deg, rgba(5,12,22,0.18) 0%, rgba(5,12,22,0.64) 48%, rgba(5,12,22,0.96) 100%),
    url('../images/privacy.jpg') !important;
  background-position:center 42% !important;
}

body.terms-photo-page .hero-main{
  background-image:
    linear-gradient(180deg, rgba(5,12,22,0.18) 0%, rgba(5,12,22,0.62) 48%, rgba(5,12,22,0.96) 100%),
    url('../images/terms.jpg') !important;
  background-position:center 30% !important;
}

body.newsletter-photo-page .hero-main{
  background-image:
    linear-gradient(180deg, rgba(5,12,22,0.16) 0%, rgba(5,12,22,0.58) 46%, rgba(5,12,22,0.96) 100%),
    url('../images/newsletter.jpg') !important;
  background-position:center 28% !important;
}

body.about-photo-page .hero-main::before,
body.contact-photo-page .hero-main::before,
body.privacy-photo-page .hero-main::before,
body.terms-photo-page .hero-main::before,
body.newsletter-photo-page .hero-main::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 18% 18%, rgba(123,209,255,0.16), transparent 34%),
    linear-gradient(90deg, rgba(5,12,22,0.86), rgba(5,12,22,0.24) 58%, rgba(5,12,22,0.72));
}

body.about-photo-page .hero-main-content,
body.contact-photo-page .hero-main-content,
body.privacy-photo-page .hero-main-content,
body.terms-photo-page .hero-main-content,
body.newsletter-photo-page .hero-main-content{
  max-width:980px !important;
  padding-top:clamp(210px, 28vw, 340px) !important;
  text-shadow:0 2px 18px rgba(0,0,0,0.42);
}

body.about-photo-page .hero-main .eyebrow,
body.contact-photo-page .hero-main .eyebrow,
body.privacy-photo-page .hero-main .eyebrow,
body.terms-photo-page .hero-main .eyebrow,
body.newsletter-photo-page .hero-main .eyebrow{
  text-shadow:none;
}

@media (max-width:760px){
  body.about-photo-page .hero-main,
  body.contact-photo-page .hero-main,
  body.privacy-photo-page .hero-main,
  body.terms-photo-page .hero-main,
  body.newsletter-photo-page .hero-main{
    min-height:560px !important;
    background-position:center center !important;
  }

  body.about-photo-page .hero-main-content,
  body.contact-photo-page .hero-main-content,
  body.privacy-photo-page .hero-main-content,
  body.terms-photo-page .hero-main-content,
  body.newsletter-photo-page .hero-main-content{
    padding-top:210px !important;
  }
}

@media (max-width:480px){
  body.about-photo-page .hero-main,
  body.contact-photo-page .hero-main,
  body.privacy-photo-page .hero-main,
  body.terms-photo-page .hero-main,
  body.newsletter-photo-page .hero-main{
    min-height:620px !important;
  }
}
/* Contact form bottom action row */
.contact-action-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-top:6px !important;
}

.contact-action-row .submit-btn,
.contact-action-row .app-download-btn{
  width:auto !important;
  min-width:220px !important;
}

.contact-action-row .app-download-btn{
  margin-left:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

@media (max-width:760px){
  .contact-action-row{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .contact-action-row .submit-btn,
  .contact-action-row .app-download-btn{
    width:100% !important;
    min-width:0 !important;
  }
}
/* Match contact action button typography */
.contact-action-row .submit-btn,
.contact-action-row .app-download-btn{
  font-family:'Inter', Arial, Helvetica, sans-serif !important;
  font-size:1rem !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}
/* About hero badge text contrast */
body.about-photo-page .hero-main .eyebrow,
body.about-photo-page .hero-main .eyebrow span,
body.about-photo-page .hero-main .eyebrow .brand-accent{
  color:#03101c !important;
  text-shadow:none !important;
}
/* Story archive headers match index */
body.story-archive-page header{
  padding:0 !important;
  background:#07111f !important;
  border-bottom:1px solid rgba(255,255,255,0.08) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.story-archive-page .navbar{
  min-height:78px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding:0 !important;
}

body.story-archive-page .brand{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  flex-shrink:0 !important;
}

body.story-archive-page .logo{
  font-size:clamp(2rem, 3vw, 2.4rem) !important;
  font-weight:900 !important;
  letter-spacing:-0.055em !important;
  line-height:0.92 !important;
  color:#f4f8fd !important;
}

body.story-archive-page .logo span{
  color:var(--premium-accent-2, #7bd1ff) !important;
}

body.story-archive-page .site-tagline{
  display:block !important;
  margin:0 !important;
  color:#f4f8fd !important;
  font-size:clamp(0.96rem, 1.2vw, 1.08rem) !important;
  font-weight:500 !important;
  letter-spacing:-0.02em !important;
  line-height:1.15 !important;
}

body.story-archive-page .nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin-left:auto !important;
}

body.story-archive-page .nav-links a{
  min-height:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  color:#d8e3f1 !important;
  font-size:1rem !important;
  font-weight:600 !important;
}

body.story-archive-page .nav-links a:hover,
body.story-archive-page .nav-links a.active{
  background:rgba(255,255,255,0.08) !important;
  color:#fff !important;
}

body.story-archive-page .lang-switch{
  width:auto !important;
  min-width:0 !important;
  min-height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 18px !important;
  border-radius:999px !important;
  border:2px solid rgba(255,255,255,0.88) !important;
  background:rgba(255,255,255,0.02) !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:.92rem !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05) !important;
}

body.story-archive-page .lang-switch:hover{
  background:rgba(255,255,255,0.08) !important;
  transform:translateY(-1px) !important;
}

@media (min-width:761px){
  body.story-archive-page .navbar{
    flex-wrap:nowrap !important;
  }

  body.story-archive-page .nav-links{
    flex:1 1 auto !important;
    min-width:0 !important;
    flex-wrap:nowrap !important;
    justify-content:flex-end !important;
    gap:8px !important;
  }

  body.story-archive-page .nav-links a{
    white-space:nowrap !important;
  }

  body.story-archive-page .lang-switch{
    flex-shrink:0 !important;
    white-space:nowrap !important;
  }
}

@media (max-width:760px){
  body.story-archive-page .navbar{
    min-height:auto !important;
    flex-wrap:wrap !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    padding:12px 16px !important;
  }

  body.story-archive-page .nav-toggle{
    display:inline-flex !important;
    margin-left:auto !important;
  }

  body.story-archive-page .nav-links{
    display:none !important;
    width:100% !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    padding-top:8px !important;
  }

  body.story-archive-page .nav-links.nav-open{
    display:flex !important;
  }

  body.story-archive-page .nav-links a,
  body.story-archive-page .lang-switch{
    width:auto !important;
    min-width:96px !important;
    margin:0 auto !important;
    justify-content:center !important;
    text-align:center !important;
  }
}
/* Clean mobile close button */
@media (max-width:760px){
  .menu-toggle:checked + .nav-toggle,
  .nav-toggle[aria-expanded="true"]{
    background:var(--section-accent, var(--premium-accent-2, #7bd1ff)) !important;
    color:#02111d !important;
    border-color:rgba(155,232,255,0.85) !important;
    gap:0 !important;
  }

  .menu-toggle:checked + .nav-toggle::before,
  .menu-toggle:checked + .nav-toggle::after,
  .nav-toggle[aria-expanded="true"]::before,
  .nav-toggle[aria-expanded="true"]::after{
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    margin:0 !important;
    background:none !important;
    transform:none !important;
  }
}

/* Policy-safe AdSense-ready placement system.
   Empty until real AdSense slot IDs are added in NEWS_PULSE_AD_SLOTS. */
.np-ad{
  width:min(100%, 970px);
  min-height:90px;
  margin:clamp(26px, 4vw, 44px) auto;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.np-ad .adsbygoogle{
  width:100%;
  min-height:90px;
}

.np-ad-homepage-in-feed,
.np-ad-category-in-feed{
  min-height:250px;
}

@media (max-width:760px){
  .np-ad{
    width:100%;
    min-height:100px;
    margin:24px auto;
  }

  .np-ad-homepage-in-feed,
  .np-ad-category-in-feed{
    min-height:280px;
  }
}

/* Article/story header logo color split */
header .brand h1,
header .brand h1 a,
header a.logo{
  color:#f4f8fd !important;
}

header .brand h1 span,
header a.logo span{
  color:var(--premium-accent-2, #7bd1ff) !important;
}

/* Keep the original mobile header styling, but force the menu into two columns */
@media (max-width:760px){
  .nav-links.nav-open,
  body.story-archive-page .nav-links.nav-open{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .nav-links a:first-child{
    grid-column:auto !important;
  }

  body.story-archive-page .nav-links a,
  body.story-archive-page .lang-switch{
    width:100% !important;
  }
}

@media (max-width:420px){
  .nav-links.nav-open,
  body.story-archive-page .nav-links.nav-open{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

/* German mobile header alignment across all pages */
@media (max-width:760px){
  body.site-lang-de header .navbar,
  body.site-lang-de header .topbar-inner{
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
  }

  body.site-lang-de header .brand{
    order:1 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:calc(100% - 156px) !important;
  }

  body.site-lang-de header .logo,
  body.site-lang-de header .brand h1,
  body.site-lang-de header .brand h1 a{
    max-width:100% !important;
    font-size:clamp(1.85rem, 8vw, 2.2rem) !important;
    line-height:.95 !important;
    white-space:nowrap !important;
  }

  body.site-lang-de header .site-tagline,
  body.site-lang-de header .brand p{
    max-width:12rem !important;
    display:block !important;
    line-height:1.08 !important;
  }

  body.site-lang-de header .nav-toggle{
    order:2 !important;
    flex:0 0 auto !important;
    align-self:flex-start !important;
    margin-left:auto !important;
    margin-top:0 !important;
    white-space:nowrap !important;
  }

  body.site-lang-de header .nav-links{
    order:3 !important;
    flex:0 0 100% !important;
    width:100% !important;
    margin-top:8px !important;
  }
}

@media (max-width:760px){
  #site-nav.nav-open{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    width:100% !important;
  }
}

/* Script-free mobile menu fallback */
.menu-toggle{
  display:none !important;
}

@media (max-width:760px){
  .menu-toggle{
    display:block !important;
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
    width:1px !important;
    height:1px !important;
  }

  .menu-toggle + .nav-toggle{
    display:inline-flex !important;
    cursor:pointer !important;
  }

  .menu-toggle:checked ~ #site-nav{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    width:100% !important;
  }
}

/* Script-free mobile menu fix */
.menu-toggle{
  display:none !important;
}

@media (max-width:760px){
  .menu-toggle{
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  .menu-toggle + .nav-toggle{
    display:inline-flex !important;
  }

  .menu-toggle:checked ~ #site-nav{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    width:100% !important;
  }
}

/* Final mobile menu override */
@media (max-width:760px){
  .menu-toggle{
    display:block !important;
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
    width:1px !important;
    height:1px !important;
  }

  .menu-toggle + .nav-toggle{
    display:inline-flex !important;
    cursor:pointer !important;
  }

  .menu-toggle:checked ~ #site-nav{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    width:100% !important;
  }
}

/* Article mobile header language control */
@media (max-width:760px){
  header#siteHeader.topbar .topbar-inner{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:12px 16px !important;
  }

  header#siteHeader.topbar .topbar-inner > .brand{
    order:1 !important;
    flex:1 1 calc(100% - 208px) !important;
    max-width:calc(100% - 208px) !important;
    min-width:0 !important;
  }

  header#siteHeader.topbar .topbar-inner > .brand h1,
  header#siteHeader.topbar .topbar-inner > .brand h1 a{
    white-space:nowrap !important;
  }

  header#siteHeader.topbar .topbar-inner > .brand p{
    margin:0 !important;
    max-width:none !important;
    color:#f4f8fd !important;
    font-size:.78rem !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
  }

  header#siteHeader.topbar .topbar-inner > .header-language-switcher{
    display:inline-block !important;
    order:2 !important;
    flex:0 0 96px !important;
    width:96px !important;
    max-width:96px !important;
    margin-left:auto !important;
    margin-right:0 !important;
  }

  header#siteHeader.topbar .topbar-inner > .header-language-switcher .language-current{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:96px !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    padding:0 8px !important;
    border-radius:999px !important;
    box-sizing:border-box !important;
    font-size:14px !important;
    line-height:1 !important;
    text-align:center !important;
    white-space:nowrap !important;
  }

  header#siteHeader.topbar .topbar-inner > .menu-toggle + .nav-toggle,
  header#siteHeader.topbar .topbar-inner > .nav-toggle{
    order:3 !important;
    flex:0 0 96px !important;
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    margin:0 !important;
  }

  header#siteHeader.topbar .topbar-inner > #site-nav.nav-links{
    position:static !important;
    order:4 !important;
    flex:0 0 100% !important;
    width:100% !important;
    margin:6px 0 0 !important;
    padding:10px !important;
    display:none !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  header#siteHeader.topbar .topbar-inner > #menu-toggle:checked ~ #site-nav,
  header#siteHeader.topbar .topbar-inner > #site-nav.nav-open,
  header#siteHeader.topbar .topbar-inner > #site-nav.homepage-menu-open{
    display:grid !important;
  }

  header#siteHeader.topbar .topbar-inner > #site-nav.nav-links a{
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 10px !important;
  }

  header#siteHeader.topbar .topbar-inner > #site-nav.nav-links > .language-switcher{
    display:none !important;
  }
}

/* Final mobile menu override */
@media (max-width:760px){
  .menu-toggle{
    display:block !important;
    position:absolute !important;
    opacity:0 !important;
    pointer-events:none !important;
    width:1px !important;
    height:1px !important;
  }

  .menu-toggle + .nav-toggle{
    display:inline-flex !important;
    cursor:pointer !important;
  }

  .menu-toggle:checked ~ #site-nav{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    width:100% !important;
  }
}