@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root{
  --bg:#fff;--bg-2:#f6f7fb;--panel:#fff;--text:#10142a;--dim:#5a6178;--mute:#8b92a8;
  --blue:#4954e6;--violet:#8a5cf6;--cyan:#0e9e97;--border:rgba(24,31,71,.1);
  --border-strong:rgba(24,31,71,.2);--grad:linear-gradient(135deg,#4954e6,#8a5cf6);
  --shadow:0 2px 10px rgba(24,31,71,.04);--shadow-hover:0 18px 42px rgba(24,31,71,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth; overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.55;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 900px 500px at 85% -8%,rgba(73,84,230,.07),transparent 60%),radial-gradient(ellipse 700px 500px at -5% 10%,rgba(138,92,246,.06),transparent 60%)}
a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.86);border-bottom:1px solid var(--border);backdrop-filter:blur(15px)}
.nav{max-width:1240px;height:76px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark{width:42px;height:42px;display:grid;place-items:center}
.brand-mark img{width:42px;height:42px;object-fit:contain;display:block}
.brand span:last-child{display:flex;flex-direction:column}
.brand b{font:700 17px/1 Space Grotesk,sans-serif}
.brand small{margin-top:4px;color:var(--mute);font:10px/1 IBM Plex Mono,monospace;letter-spacing:.04em}
.nav nav{display:flex;gap:30px;color:var(--dim);font-size:13px;font-weight:500}
.nav nav a:hover{color:var(--blue)}
main{max-width:1240px;margin:auto;padding:0 32px;width:100%;min-width:0}
.news-hero{padding:56px 0 36px;max-width:850px}
.eyebrow{color:var(--cyan);font:500 12px IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.14em}
.news-hero h1,.article h1{font-family:Space Grotesk,sans-serif;letter-spacing:-.035em;line-height:1.08}
.news-hero h1{font-size:clamp(38px,6vw,68px);margin:14px 0 18px}
.news-hero h1::after{content:"";display:inline-block;width:.22em;height:.22em;margin-left:.12em;border-radius:50%;background:var(--grad)}
.news-hero p{max-width:680px;margin:0;color:var(--dim);font-size:18px}
.news-catalog{padding:0 0 90px}
.catalog-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 0;border-top:1px solid var(--border)}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filter{appearance:none;border:1px solid var(--border);background:#fff;color:var(--dim);border-radius:999px;padding:8px 13px;font:500 12px Inter,sans-serif;cursor:pointer;transition:.2s}
.filter:hover{border-color:var(--blue);color:var(--blue)}
.filter.active{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 6px 18px rgba(73,84,230,.22)}
.search{display:flex;flex-direction:column;gap:6px;min-width:260px;color:var(--mute);font:500 10px IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.1em}
.search input{width:100%;border:1px solid var(--border);border-radius:10px;background:#fff;padding:10px 12px;color:var(--text);font:14px Inter,sans-serif;outline:none}
.search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(73,84,230,.1)}
.result-count{margin:0 0 18px;color:var(--mute);font-size:12px}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.news-card{display:flex;flex-direction:column;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;min-width:0}
.news-card[hidden]{display:none !important}
.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}
.news-image{display:block;aspect-ratio:1.9/1;overflow:hidden;background:var(--bg-2)}
.news-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s}
.news-card:hover img{transform:scale(1.035)}
.news-body{padding:18px 19px 20px;display:flex;flex-direction:column;flex:1}
.article-tags{display:flex;gap:6px;flex-wrap:wrap}
.tag{display:inline-flex;padding:3px 8px;border-radius:999px;background:rgba(73,84,230,.07);border:1px solid rgba(73,84,230,.12);color:var(--blue);font-size:10px;font-weight:600}
.news-body time{margin-top:10px;color:var(--mute);font:11px IBM Plex Mono,monospace}
.news-body h2{margin:9px 0 10px;font:600 19px/1.28 Space Grotesk,sans-serif;letter-spacing:-.015em}
.news-body h2 a:hover{color:var(--blue)}
.news-body p{margin:0 0 17px;color:var(--dim);font-size:13px;line-height:1.55}
.read-more{margin-top:auto;color:var(--blue);font-size:13px;font-weight:600}
.empty-state{padding:70px;text-align:center;color:var(--mute);border:1px dashed var(--border-strong);border-radius:16px}
.empty-state[hidden]{display:none !important}
.site-footer{border-top:1px solid var(--border);color:var(--mute);font-size:12px}
.site-footer div{max-width:1240px;margin:auto;padding:28px 32px}

.article{max-width:850px;margin:0 auto;padding:36px 0 72px;width:100%;min-width:0}
.breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:34px;color:var(--mute);font-size:12px;row-gap:4px}
.breadcrumbs a:hover{color:var(--blue)}
.article>.article-tags{margin-bottom:16px}
.article h1{font-size:clamp(34px,5.3vw,60px);margin:0 0 20px;overflow-wrap:anywhere}
.article-lede{margin:0 0 18px;color:var(--dim);font-size:19px;line-height:1.6;overflow-wrap:anywhere}
.byline{display:flex;gap:12px 18px;flex-wrap:wrap;color:var(--mute);font:11px IBM Plex Mono,monospace;margin-bottom:30px}
.card-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--mute);font:11px IBM Plex Mono,monospace;margin:8px 0 10px}
.card-meta .author{word-break:break-word}
.news-body h2{overflow-wrap:anywhere}
.card-meta time,.byline time{margin:0}
.author{color:var(--ink)}
.author-line{margin:0 0 6px;color:var(--mute);font-size:14px}
.author-bio{margin:0 0 14px;color:var(--mute);font-size:14px;line-height:1.55;max-width:52ch}
.author-box{display:flex;flex-direction:column;gap:0;min-width:0}
.hero-author{margin:14px 0 0;color:var(--mute);font-size:15px;line-height:1.55;max-width:62ch}
.article-hero{display:block;width:100%;max-width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow)}
.key-points{margin:32px 0;padding:24px 26px;border:1px solid rgba(73,84,230,.17);border-radius:16px;background:linear-gradient(135deg,rgba(73,84,230,.055),rgba(138,92,246,.045));overflow-wrap:anywhere}
.key-points strong{font:600 17px Space Grotesk,sans-serif}
.key-points ul{margin:12px 0 0;padding-left:20px;color:var(--dim)}
.key-points li{margin:7px 0}
.article-content{font-size:17px;line-height:1.78;overflow-wrap:anywhere}
.article-content p{margin:0 0 22px}
.article-content h2{margin:46px 0 16px;font:600 29px/1.25 Space Grotesk,sans-serif;letter-spacing:-.02em;overflow-wrap:anywhere}
.article-content a{color:var(--blue);text-decoration:underline}
.article-content img,.article-content video,.article-content iframe{max-width:100%;height:auto}
.article-footer{margin-top:54px;padding-top:28px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:10px;background:var(--grad);color:#fff;font-weight:600;font-size:13px;box-shadow:0 7px 20px rgba(73,84,230,.22)}

@media (max-width: 980px){
  main{padding:0 16px}
  .news-hero{padding:56px 0 36px}
  .news-hero h1{font-size:clamp(30px,7.2vw,52px)}
  .news-hero p{font-size:16px;line-height:1.6}
  .hero-author{font-size:14px;line-height:1.55}
  .catalog-tools{align-items:stretch;flex-direction:column;gap:16px;padding:20px 0}
  .search{width:100%;min-width:0}
  .filters{gap:6px}
  .filter{padding:7px 11px;font-size:11px}
  .news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .news-body{padding:16px 16px 18px}
  .news-body h2{font-size:17px}
  .article{padding:36px 0 72px}
  .article h1{font-size:clamp(28px,6.8vw,44px)}
  .article-lede{font-size:17px}
  .article-content{font-size:16px}
  .article-content h2{font-size:24px;margin-top:36px}
  .key-points{padding:20px 18px;margin:24px 0}
  .article-footer{align-items:flex-start;flex-direction:column}
  .article-footer .button{width:100%}
}

@media (max-width: 680px){
  .news-hero{padding:44px 0 28px}
  .news-hero h1{font-size:clamp(26px,8.2vw,36px);line-height:1.12}
  .news-hero p{font-size:15px}
  .news-grid{grid-template-columns:1fr;gap:18px}
  .news-card{width:100%}
  .news-image{aspect-ratio:16/9}
  .news-body{padding:18px 18px 20px}
  .news-body h2{font-size:19px;line-height:1.35;margin-bottom:12px}
  .news-body p{font-size:15px;line-height:1.6;margin-bottom:18px}
  .read-more{font-size:14px}
  .card-meta{flex-direction:column;align-items:flex-start;gap:6px;font-size:12px}
  .result-count{margin-bottom:14px}
  .empty-state{padding:40px 20px}
  .article{padding:28px 0 56px}
  .breadcrumbs{margin-bottom:24px;font-size:11px}
  .article-lede{font-size:16px}
  .article-hero{border-radius:14px;max-height:none}
  .article-content h2{font-size:21px;margin-top:30px}
  .key-points{padding:16px 14px;border-radius:14px}
  .key-points ul{padding-left:18px}
  .byline{gap:8px 14px}
  .author-bio{max-width:none;font-size:13px}
  .article-footer{margin-top:40px;padding-top:22px;gap:16px}
}

@media (max-width: 420px){
  main{padding:0 14px}
  .news-hero h1{font-size:24px}
  .filter{padding:6px 10px;font-size:10px}
  .news-body{padding:14px 14px 16px}
  .article h1{font-size:24px}
}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}