@layer news-reset, news-base, news-components, news-layout, news-motion;

@layer news-reset {
  .news-shell *, .news-shell *::before, .news-shell *::after { box-sizing: border-box; }
  .news-shell h1, .news-shell h2, .news-shell h3, .news-shell p { margin: 0; }
  .news-shell img { display: block; max-width: 100%; }
  .news-shell button, .news-shell input, .news-shell select { font: inherit; }
}

@layer news-base {
  :root {
    --news-bg: #080a0d; --news-deep: #040507; --news-panel: #11151a; --news-panel-2: #171c22;
    --news-text: #f3f3ef; --news-muted: #a2a9b2; --news-faint: #727b86; --news-line: #29313a;
    --news-accent: #56e5ff; --news-accent-rgb: 86 229 255; --news-hot: #ef4051;
    --news-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --news-editorial: Georgia, "Times New Roman", serif; --news-mono: "SFMono-Regular", Consolas, monospace;
    --news-radius: 1rem; --news-shadow: 0 28px 80px rgb(0 0 0 / 32%); --news-max: 1240px;
  }
  html[data-news-theme="light"] { --news-bg: #f2f1ec; --news-deep: #e7e6df; --news-panel: #fff; --news-panel-2: #ecebe5; --news-text: #111418; --news-muted: #4e5863; --news-faint: #68717a; --news-line: #cfd2d2; --news-shadow: 0 24px 70px rgb(22 27 31 / 12%); color-scheme: light; }
  [data-news-category="middle-east"], [data-category="middle-east"] { --news-accent: #e2a765; --news-accent-rgb: 226 167 101; --news-hot: #c9484f; }
  [data-news-category="crypto"], [data-category="crypto"] { --news-accent: #4cffbd; --news-accent-rgb: 76 255 189; --news-hot: #61dcff; }
  [data-news-category="technology"], [data-category="technology"] { --news-accent: #51d9ff; --news-accent-rgb: 81 217 255; --news-hot: #4f73ff; }
  [data-news-category="artificial-intelligence"], [data-category="artificial-intelligence"] { --news-accent: #d08cff; --news-accent-rgb: 208 140 255; --news-hot: #ff5bcd; }
  [data-news-category="cybersecurity"], [data-category="cybersecurity"] { --news-accent: #70eef2; --news-accent-rgb: 112 238 242; --news-hot: #ff5965; }
  [data-news-category="business"], [data-category="business"] { --news-accent: #d4b16d; --news-accent-rgb: 212 177 109; --news-hot: #f0d9a8; }
  [data-news-category="science"], [data-category="science"] { --news-accent: #80efd8; --news-accent-rgb: 128 239 216; --news-hot: #8cbfff; }
  [data-news-category="world"], [data-category="world"] { --news-accent: #f1f0eb; --news-accent-rgb: 241 240 235; --news-hot: #ef3340; }
  body.news-shell { min-width: 320px; margin: 0; background: var(--news-bg); color: var(--news-text); font-family: var(--news-display); line-height: 1.6; }
  body.news-shell::before { position: fixed; z-index: -3; inset: 0; background: radial-gradient(circle at 78% 2%, rgb(var(--news-accent-rgb) / 10%), transparent 35%), linear-gradient(90deg, transparent 49.9%, rgb(var(--news-accent-rgb) / 3%) 50%, transparent 50.1%); content: ""; pointer-events: none; }
  .news-container { width: min(calc(100% - 2rem), var(--news-max)); margin-inline: auto; }
  .news-section { padding-block: clamp(3.5rem, 8vw, 7rem); }
  .news-section--tight { padding-block: clamp(2rem, 5vw, 4rem); }
  .news-shell a { color: inherit; text-underline-offset: .22em; }
  .news-shell a:hover { color: var(--news-accent); }
  .news-kicker { display: inline-flex; gap: .55rem; align-items: center; color: var(--news-accent); font: 800 .72rem/1.4 var(--news-mono); letter-spacing: .12em; text-transform: uppercase; }
  .news-kicker::before { width: 1.8rem; height: 2px; background: currentColor; content: ""; }
  .news-heading { max-width: 18ch; font-family: var(--news-editorial); font-size: clamp(2rem, 4.7vw, 4.4rem); line-height: .98; letter-spacing: -.04em; }
  .news-section-head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; padding-bottom: 1.1rem; margin-bottom: 2rem; border-bottom: 1px solid var(--news-line); }
  .news-section-head h2 { font-family: var(--news-editorial); font-size: clamp(1.8rem, 4vw, 3rem); line-height: 1; }
  .news-muted { color: var(--news-muted); }
  .news-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
  .news-skip { position: fixed; z-index: 200; inset: .7rem auto auto .7rem; translate: 0 -200%; padding: .75rem 1rem; background: var(--news-accent); color: #07100e; font-weight: 900; }
  .news-skip:focus { translate: 0; }
}

@layer news-components {
  .news-header { position: relative; z-index: 40; border-bottom: 1px solid var(--news-line); background: color-mix(in srgb, var(--news-bg) 90%, transparent); backdrop-filter: blur(18px); }
  .news-header__top { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1.5rem; min-height: 5.7rem; }
  .news-back { color: var(--news-muted); font: 750 .76rem/1 var(--news-mono); text-decoration: none; }
  .news-brand { display: grid; justify-items: center; text-align: center; text-decoration: none; }
  .news-brand__name { font: 950 clamp(1.55rem, 4vw, 2.4rem)/.9 var(--news-display); letter-spacing: -.055em; }
  .news-brand__name span { color: var(--news-accent); }
  .news-brand__tagline { margin-top: .55rem; color: var(--news-faint); font: .58rem/1 var(--news-mono); letter-spacing: .13em; text-transform: uppercase; }
  .news-header__tools { display: flex; justify-content: flex-end; align-items: center; gap: .5rem; }
  .news-time { color: var(--news-muted); font: .68rem/1.5 var(--news-mono); text-align: end; }
  .news-icon-button, .news-button { min-height: 2.75rem; border: 1px solid var(--news-line); border-radius: .65rem; background: var(--news-panel); color: var(--news-text); cursor: pointer; }
  .news-icon-button { display: inline-grid; place-items: center; min-width: 2.75rem; padding: .55rem; }
  .news-button { display: inline-flex; justify-content: center; align-items: center; gap: .5rem; padding: .65rem 1rem; font-weight: 850; text-decoration: none; }
  .news-button:hover, .news-icon-button:hover { border-color: rgb(var(--news-accent-rgb) / 65%); background: rgb(var(--news-accent-rgb) / 8%); color: var(--news-accent); }
  .news-button--accent { border-color: var(--news-accent); background: var(--news-accent); color: #06100e; }
  .news-button--accent:hover { background: color-mix(in srgb, var(--news-accent) 80%, white); color: #06100e; }
  .news-category-bar { position: sticky; z-index: 35; top: 0; border-bottom: 1px solid var(--news-line); background: color-mix(in srgb, var(--news-deep) 94%, transparent); backdrop-filter: blur(18px); }
  .news-category-nav { display: flex; gap: 1.45rem; overflow-x: auto; scrollbar-width: none; list-style: none; padding: 0; margin: 0; }
  .news-category-nav::-webkit-scrollbar { display: none; }
  .news-category-nav a { position: relative; display: flex; align-items: center; min-height: 3.25rem; color: var(--news-muted); font: 800 .72rem/1 var(--news-mono); white-space: nowrap; text-decoration: none; }
  .news-category-nav a::after { position: absolute; inset: auto 0 0; height: 2px; scale: 0 1; background: var(--news-accent); content: ""; transition: scale .25s; }
  .news-category-nav a:hover::after, .news-category-nav a[aria-current="page"]::after { scale: 1; }
  .news-category-nav a[aria-current="page"] { color: var(--news-text); }
  .breaking { border-block: 1px solid color-mix(in srgb, var(--news-hot) 45%, var(--news-line)); background: color-mix(in srgb, var(--news-hot) 7%, var(--news-deep)); }
  .breaking[hidden] { display: none; }
  .breaking__inner { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; min-height: 3.35rem; }
  .breaking__label { color: var(--news-hot); font: 900 .7rem/1 var(--news-mono); letter-spacing: .12em; }
  .breaking__viewport { overflow: hidden; }
  .breaking__story { display: flex; gap: 1rem; align-items: center; min-width: 0; }
  .breaking__story a { overflow: hidden; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
  .breaking__story span { flex: none; color: var(--news-muted); font: .66rem/1 var(--news-mono); }
  .breaking__controls { display: flex; gap: .3rem; }
  .news-card { position: relative; min-width: 0; border: 1px solid var(--news-line); border-radius: var(--news-radius); background: linear-gradient(145deg, rgb(var(--news-accent-rgb) / 5%), transparent 45%), var(--news-panel); overflow: clip; box-shadow: 0 16px 48px rgb(0 0 0 / 10%); transition: transform .35s cubic-bezier(.2,.7,.2,1), border-color .25s, box-shadow .25s; }
  .news-card:hover { transform: translateY(-5px); border-color: rgb(var(--news-accent-rgb) / 46%); box-shadow: var(--news-shadow); }
  .news-card__image { position: relative; display: block; aspect-ratio: 16/9; background: var(--news-deep); overflow: hidden; }
  .news-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s cubic-bezier(.2,.7,.2,1); }
  .news-card:hover .news-card__image img { transform: scale(1.045); }
  .news-card__body { display: grid; gap: .8rem; padding: 1.25rem; }
  .news-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .8rem; color: var(--news-faint); font: .65rem/1.4 var(--news-mono); }
  .news-card__category { color: var(--news-accent); font-weight: 900; text-transform: uppercase; }
  .news-card h3 { font-family: var(--news-editorial); font-size: clamp(1.25rem, 2.2vw, 1.8rem); line-height: 1.08; letter-spacing: -.025em; }
  .news-card h3 a { text-decoration: none; }
  .news-card p { color: var(--news-muted); font-size: .9rem; }
  .news-card__actions { display: flex; gap: .45rem; margin-top: .25rem; }
  .news-chip { display: inline-flex; align-items: center; min-height: 1.65rem; padding: .25rem .5rem; border: 1px solid var(--news-line); border-radius: 99px; color: var(--news-muted); font: 700 .62rem/1 var(--news-mono); }
  .news-chip--demo { border-color: rgb(var(--news-accent-rgb) / 40%); color: var(--news-accent); }
  .news-chip--source { border-color: rgb(var(--news-accent-rgb) / 55%); color: var(--news-accent); }
  .news-feed-item { display: grid; grid-template-columns: 210px 1fr auto; gap: 1.3rem; align-items: center; padding-block: 1.35rem; border-bottom: 1px solid var(--news-line); }
  .news-feed-item img { width: 210px; aspect-ratio: 16/10; border-radius: .7rem; object-fit: cover; }
  .news-feed-item h3 { margin-block: .45rem; font-family: var(--news-editorial); font-size: clamp(1.25rem, 2.3vw, 1.8rem); line-height: 1.08; }
  .news-feed-item h3 a { text-decoration: none; }
  .news-feed-item p { color: var(--news-muted); font-size: .9rem; }
  .news-feed-item__actions { display: grid; gap: .45rem; }
  .news-headline-row { display: grid; grid-template-columns: 2.4rem 1fr auto; gap: .75rem; align-items: start; padding-block: 1rem; border-bottom: 1px solid var(--news-line); }
  .news-headline-row__number { color: var(--news-accent); font: 900 1rem/1 var(--news-mono); }
  .news-headline-row a { font-family: var(--news-editorial); font-weight: 800; line-height: 1.2; text-decoration: none; }
  .news-headline-row time { color: var(--news-faint); font: .62rem/1.3 var(--news-mono); }
  .news-state { display: grid; place-items: center; min-height: 17rem; padding: 2rem; border: 1px dashed var(--news-line); border-radius: var(--news-radius); color: var(--news-muted); text-align: center; }
  .news-status { padding: 1rem; border-inline-start: 3px solid var(--news-accent); background: rgb(var(--news-accent-rgb) / 7%); color: var(--news-muted); }
  .news-status[data-tone="warning"] { border-color: #e9b45f; }
  .news-skeleton { min-height: 17rem; border-radius: var(--news-radius); background: linear-gradient(100deg, var(--news-panel) 30%, var(--news-panel-2) 45%, var(--news-panel) 60%); background-size: 300% 100%; animation: news-shimmer 1.5s infinite; }
  .news-filterbar { display: grid; grid-template-columns: minmax(14rem, 1fr) repeat(3, minmax(9rem, .45fr)); gap: .65rem; padding: .75rem; margin-bottom: 2rem; border: 1px solid var(--news-line); border-radius: var(--news-radius); background: var(--news-panel); }
  .news-input, .news-select { width: 100%; min-height: 3rem; padding: .7rem .8rem; border: 1px solid var(--news-line); border-radius: .55rem; background: var(--news-bg); color: var(--news-text); }
  .news-input:focus, .news-select:focus { border-color: var(--news-accent); outline: 3px solid rgb(var(--news-accent-rgb) / 15%); }
  .news-dialog { width: min(760px, calc(100% - 1.5rem)); max-height: calc(100dvh - 2rem); padding: 0; border: 1px solid var(--news-line); border-radius: 1.1rem; background: var(--news-panel); color: var(--news-text); box-shadow: var(--news-shadow); }
  .news-dialog::backdrop { background: rgb(0 0 0 / 74%); backdrop-filter: blur(6px); }
  .news-dialog__head { display: flex; gap: .7rem; align-items: center; padding: 1rem; border-bottom: 1px solid var(--news-line); }
  .news-dialog__head .news-input { flex: 1; }
  .news-dialog__body { max-height: 65dvh; padding: 1rem; overflow: auto; }
  .news-search-result { display: block; padding: .9rem; border-bottom: 1px solid var(--news-line); text-decoration: none; }
  .news-search-result strong { display: block; font-family: var(--news-editorial); }
  mark { border-radius: .2rem; background: rgb(var(--news-accent-rgb) / 28%); color: var(--news-text); }
  .news-toast { position: fixed; z-index: 220; inset: auto 1rem 1rem auto; max-width: min(24rem, calc(100% - 2rem)); padding: .85rem 1rem; border: 1px solid rgb(var(--news-accent-rgb) / 45%); border-radius: .65rem; background: var(--news-panel-2); box-shadow: var(--news-shadow); }
  [dir="rtl"] .news-toast { inset-inline: 1rem auto; }
  .newsletter { display: grid; grid-template-columns: 1.2fr .8fr; gap: 2rem; padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid rgb(var(--news-accent-rgb) / 35%); border-radius: 1.2rem; background: linear-gradient(120deg, rgb(var(--news-accent-rgb) / 13%), transparent 48%), var(--news-panel); }
  .newsletter h2 { font-family: var(--news-editorial); font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1; }
  .news-footer { padding-block: 3rem 1.5rem; border-top: 1px solid var(--news-line); background: var(--news-deep); }
  .news-footer__grid { display: grid; grid-template-columns: 1.3fr repeat(2, 1fr); gap: 3rem; }
  .news-footer nav { display: grid; align-content: start; gap: .45rem; }
  .news-footer a { color: var(--news-muted); text-decoration: none; }
  .offline-pill { position: fixed; z-index: 210; inset: auto auto 1rem 1rem; padding: .55rem .75rem; border-radius: 99px; background: #e9b45f; color: #17120a; font: 900 .68rem/1 var(--news-mono); }
}

@layer news-layout {
  .news-hero { position: relative; isolation: isolate; min-height: 34rem; padding-block: clamp(3rem, 8vw, 7rem); overflow: clip; }
  .news-hero::after { position: absolute; z-index: -1; inset: 4% -10% auto 45%; width: 50vw; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgb(var(--news-accent-rgb) / 16%), transparent 68%); content: ""; filter: blur(14px); }
  .news-hero__grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(18rem, .55fr); gap: clamp(2rem, 6vw, 6rem); align-items: end; }
  .news-hero h1 { max-width: 12ch; margin-block: 1.2rem; font-family: var(--news-editorial); font-size: clamp(3.2rem, 8vw, 7.4rem); line-height: .86; letter-spacing: -.065em; }
  .news-hero p { max-width: 40rem; color: var(--news-muted); font-size: clamp(1rem, 2vw, 1.2rem); }
  .news-hero__telemetry { display: grid; gap: .8rem; padding: 1.2rem; border: 1px solid var(--news-line); border-radius: var(--news-radius); background: rgb(0 0 0 / 10%); font: .68rem/1.55 var(--news-mono); }
  .news-hero__telemetry div { display: flex; justify-content: space-between; gap: 1rem; }
  .news-hero__telemetry span:last-child { color: var(--news-accent); text-align: end; }
  .lead-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(19rem, .65fr); gap: 1rem; }
  .lead-story { min-height: 42rem; }
  .lead-story .news-card__image { aspect-ratio: auto; height: 100%; min-height: 42rem; }
  .lead-story .news-card__image::after { position: absolute; inset: 25% 0 0; background: linear-gradient(transparent, rgb(2 4 7 / 94%)); content: ""; }
  .lead-story .news-card__body { position: absolute; z-index: 2; inset: auto 0 0; padding: clamp(1.3rem, 4vw, 3rem); color: #fff; }
  .lead-story h3 { max-width: 18ch; font-size: clamp(2.2rem, 5vw, 4.8rem); }
  .lead-story p { max-width: 50rem; color: #c7cdd4; }
  .secondary-stack { display: grid; gap: 1rem; }
  .secondary-stack .news-card { display: grid; grid-template-columns: .78fr 1fr; }
  .secondary-stack .news-card__image { height: 100%; aspect-ratio: auto; }
  .secondary-stack .news-card h3 { font-size: 1.35rem; }
  .top-stories-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 1rem; }
  .top-stories-grid__medium { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
  .top-stories-grid__rows { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; gap: 0 2rem; }
  .category-spotlight { position: relative; padding: clamp(1rem, 4vw, 3rem); border: 1px solid rgb(var(--news-accent-rgb) / 30%); border-radius: 1.3rem; background: linear-gradient(130deg, rgb(var(--news-accent-rgb) / 12%), transparent 45%), var(--news-panel); overflow: hidden; }
  .category-spotlight::before { position: absolute; inset: 0; background-image: linear-gradient(rgb(var(--news-accent-rgb) / 5%) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--news-accent-rgb) / 5%) 1px, transparent 1px); background-size: 48px 48px; content: ""; pointer-events: none; mask-image: linear-gradient(to bottom, black, transparent); }
  .spotlight-grid { position: relative; display: grid; grid-template-columns: 1.2fr .8fr; gap: 2rem; }
  .market-panel { position: relative; min-height: 12rem; padding: 1rem; border: 1px solid var(--news-line); border-radius: var(--news-radius); background: #07110f; color: #d7fff3; overflow: hidden; }
  .market-panel::before { position: absolute; inset: 0; background: linear-gradient(120deg, transparent 10%, rgb(76 255 189 / 10%) 50%, transparent 90%); content: ""; translate: -100%; animation: market-scan 5s linear infinite; }
  .market-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .6rem; margin-top: 1rem; }
  .market-cell { min-height: 5rem; padding: .7rem; border: 1px solid #21483e; border-radius: .55rem; color: #83a99d; font: .65rem/1.5 var(--news-mono); }
  .compact-category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
  .category-hero { position: relative; min-height: 27rem; display: grid; align-items: end; padding-block: clamp(4rem, 10vw, 8rem); border-bottom: 1px solid var(--news-line); overflow: clip; }
  .category-hero::before { position: absolute; z-index: -1; inset: 0; background-image: linear-gradient(rgb(var(--news-accent-rgb) / 7%) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--news-accent-rgb) / 7%) 1px, transparent 1px); background-size: 58px 58px; content: ""; transform: perspective(700px) rotateX(65deg) scale(1.5); transform-origin: bottom; }
  .category-hero h1 { max-width: 15ch; margin-block: 1rem; font-family: var(--news-editorial); font-size: clamp(3rem, 8vw, 7rem); line-height: .88; letter-spacing: -.06em; }
  .category-results { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
  .article-progress { position: fixed; z-index: 90; inset: 0 0 auto; height: 3px; background: var(--news-accent); transform: scaleX(var(--progress, 0)); transform-origin: left; }
  [dir="rtl"] .article-progress { transform-origin: right; }
  .article-hero { padding-block: clamp(3rem, 8vw, 7rem) 2.5rem; }
  .article-hero h1 { max-width: 17ch; margin-block: 1.2rem; font-family: var(--news-editorial); font-size: clamp(2.8rem, 7vw, 6.5rem); line-height: .92; letter-spacing: -.055em; }
  .article-hero__summary { max-width: 60rem; color: var(--news-muted); font-family: var(--news-editorial); font-size: clamp(1.15rem, 2.3vw, 1.55rem); }
  .article-cover { margin-block: 1rem 3rem; }
  .article-cover img { width: 100%; aspect-ratio: 16/8; border-radius: 1.1rem; object-fit: cover; }
  .article-cover figcaption { margin-top: .65rem; color: var(--news-faint); font: .68rem/1.5 var(--news-mono); }
  .article-grid { display: grid; grid-template-columns: minmax(0, 720px) minmax(15rem, 260px); justify-content: center; gap: clamp(2rem, 6vw, 6rem); }
  .article-body { max-width: 72ch; }
  .article-body > * { margin-block: 1.5rem; }
  .article-body p, .article-body li { color: color-mix(in srgb, var(--news-text) 90%, var(--news-muted)); font-family: var(--news-editorial); font-size: clamp(1.08rem, 1.4vw, 1.22rem); line-height: 1.85; }
  .article-body h2 { padding-top: 1.4rem; font-family: var(--news-editorial); font-size: clamp(1.8rem, 4vw, 2.8rem); line-height: 1.05; }
  .article-body blockquote { margin-inline: 0; padding: 1.5rem 0 1.5rem 1.5rem; border-inline-start: 4px solid var(--news-accent); color: var(--news-text); font-family: var(--news-editorial); font-size: clamp(1.5rem, 3vw, 2.25rem); line-height: 1.22; }
  .article-callout { padding: 1.2rem; border: 1px solid rgb(var(--news-accent-rgb) / 35%); border-radius: .7rem; background: rgb(var(--news-accent-rgb) / 7%); }
  .article-callout strong { display: block; margin-bottom: .4rem; color: var(--news-accent); font: 850 .72rem/1.4 var(--news-mono); text-transform: uppercase; }
  .article-aside { position: sticky; top: 5rem; align-self: start; display: grid; gap: 1rem; }
  .article-aside__panel { padding: 1rem; border: 1px solid var(--news-line); border-radius: .7rem; background: var(--news-panel); }
  .article-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
  .article-nav a { padding: 1.2rem; border: 1px solid var(--news-line); border-radius: .7rem; text-decoration: none; }
}

@layer news-motion {
  @keyframes news-shimmer { to { background-position: -300% 0; } }
  @keyframes market-scan { to { translate: 120%; } }
  @keyframes atmosphere { 50% { transform: translate3d(1.5rem, -1rem, 0) rotate(.5deg); } }
  .news-reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s cubic-bezier(.2,.7,.2,1); }
  .news-reveal.is-visible { opacity: 1; transform: none; }
  .category-hero::after { position: absolute; z-index: -1; inset: -25% -10% auto auto; width: min(52rem, 80vw); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgb(var(--news-accent-rgb) / 20%), transparent 66%); content: ""; animation: atmosphere 9s ease-in-out infinite; }
  html.page-hidden *, html.page-hidden *::before, html.page-hidden *::after { animation-play-state: paused !important; }
  @media (prefers-reduced-motion: reduce) { .news-reveal { opacity: 1; transform: none; transition: none; } .market-panel::before, .category-hero::after { animation: none; } }
  @media (max-width: 760px) { .category-hero::after, .market-panel::before { animation: none; } }
}

@media (max-width: 980px) {
  .news-header__top { grid-template-columns: 1fr auto; }
  .news-back { display: none; }
  .news-brand { justify-items: start; text-align: start; }
  .news-time { display: none; }
  .lead-grid, .spotlight-grid, .top-stories-grid, .newsletter { grid-template-columns: 1fr; }
  .secondary-stack { grid-template-columns: 1fr 1fr; }
  .secondary-stack .news-card { display: block; }
  .top-stories-grid__rows { grid-column: auto; grid-template-columns: 1fr; }
  .compact-category-grid { grid-template-columns: 1fr 1fr; }
  .category-results { grid-template-columns: 1fr 1fr; }
  .article-grid { grid-template-columns: minmax(0, 720px); }
  .article-aside { position: static; grid-template-columns: 1fr 1fr; }
  .news-filterbar { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 680px) {
  .news-container { width: min(calc(100% - 1.1rem), var(--news-max)); }
  .news-brand__tagline { display: none; }
  .news-header__top { grid-template-columns: 1fr; gap: .7rem; padding-block: .8rem; }
  .news-brand { justify-items: center; text-align: center; }
  .news-header__tools { width: 100%; justify-content: center; }
  .news-header__tools [data-label] { display: none; }
  .news-hero { min-height: auto; }
  .news-hero__grid { grid-template-columns: 1fr; }
  .lead-story, .lead-story .news-card__image { min-height: 31rem; }
  .secondary-stack, .top-stories-grid__medium, .compact-category-grid, .category-results, .news-footer__grid, .article-aside, .article-nav { grid-template-columns: 1fr; }
  .news-feed-item { grid-template-columns: 92px 1fr; gap: .8rem; }
  .news-feed-item img { width: 92px; }
  .news-feed-item p { display: none; }
  .news-feed-item__actions { grid-column: 2; display: flex; }
  .news-filterbar { grid-template-columns: 1fr; }
  .breaking__inner { grid-template-columns: auto 1fr; }
  .breaking__controls { display: none; }
  .newsletter { padding: 1.2rem; }
  .article-cover img { aspect-ratio: 4/3; }
  .article-body blockquote { font-size: 1.45rem; }
}

@media print {
  .news-header, .news-category-bar, .breaking, .article-progress, .article-aside, .news-footer, .news-button, .news-icon-button { display: none !important; }
  body.news-shell { background: #fff; color: #111; }
  .article-body p, .article-body li { color: #222; }
}