/* Cyber Security News – site stylesheet. Hand-written, no build step required. */

/* ---------- Fonts (self-hosted, SIL Open Font License) ---------- */
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/space-grotesk-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/inter-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/source-serif-4-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/jetbrains-mono-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Design tokens ---------- */
:root{
  --bg:#0b0814;--bg-2:#100c1d;--panel:#130f20;--panel-2:#1a1530;--panel-3:#221b3d;
  --border:#2a2342;--border-2:#3a3060;
  --purple:#5b2bd6;--violet:#8b5cf6;--violet-2:#a78bfa;--violet-3:#c4b5fd;--magenta:#d946ef;--cyan:#22d3ee;--cyan-2:#67e8f9;
  --text:#f2eefb;--text-2:#cfc7e6;--muted:#a89fc4;--muted-2:#7d7399;
  --danger:#fb7185;--warn:#fbbf24;--ok:#34d399;
  --font-display:"Space Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --radius:10px;--radius-lg:16px;
  --shadow:0 10px 40px rgba(0,0,0,.45);
  --glow:0 0 0 1px rgba(139,92,246,.25),0 0 40px rgba(139,92,246,.12);
  --max:100%;--gutter:clamp(16px,2.5vw,48px);
  --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:dark;
}

/* ---------- Reset / base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--font-ui);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;
  background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(91,43,214,.22),transparent 60%),radial-gradient(ellipse 40% 30% at 100% 20%,rgba(217,70,239,.06),transparent 60%);background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.35;
  background-image:linear-gradient(rgba(139,92,246,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.07) 1px,transparent 1px);background-size:56px 56px;
  mask-image:radial-gradient(ellipse at 50% 0%,#000 10%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 10%,transparent 70%)}
main,header,footer{position:relative;z-index:1}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--violet-3);text-decoration:none;text-underline-offset:3px}
a:hover{color:var(--cyan-2);text-decoration:underline}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em;color:var(--text);text-wrap:balance}
h1{font-size:clamp(1.8rem,1.2rem + 2.4vw,2.9rem);font-weight:700}
h2{font-size:clamp(1.35rem,1rem + 1.2vw,1.9rem)}
h3{font-size:1.15rem}
p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:8px;top:-60px;background:var(--cyan);color:#06131a;padding:10px 16px;border-radius:8px;font-weight:600;z-index:100}
.skip-link:focus{top:8px;text-decoration:none}
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.mono{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.02em}
.muted{color:var(--muted)}
.small{font-size:.875rem}
hr{border:0;border-top:1px solid var(--border);margin:2rem 0}
mark{background:rgba(34,211,238,.25);color:inherit;border-radius:3px;padding:0 2px}
code{font-family:var(--font-mono);font-size:.9em;background:var(--panel-2);padding:.1em .35em;border-radius:4px}
pre{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;overflow:auto;font-family:var(--font-mono);font-size:.85rem;line-height:1.5}
pre code{background:none;padding:0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}
th{color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
blockquote{margin:1.5rem 0;padding:.5rem 0 .5rem 1.25rem;border-left:3px solid var(--violet);color:var(--text-2);font-style:italic}

/* ---------- Buttons / forms ---------- */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:999px;border:1px solid var(--border-2);background:var(--panel-2);color:var(--text);font:600 .9rem var(--font-ui);cursor:pointer;transition:transform .15s var(--ease),background .15s,border-color .15s,box-shadow .15s;text-decoration:none}
.btn:hover{background:var(--panel-3);border-color:var(--violet);text-decoration:none;color:var(--text);transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--purple),var(--violet));border-color:transparent;box-shadow:0 6px 24px rgba(91,43,214,.35)}
.btn-primary:hover{background:linear-gradient(135deg,#6b3be6,#9d78f8);color:#fff}
.btn-ghost{background:transparent}
.btn-sm{padding:.4rem .8rem;font-size:.8rem}
.btn-danger{border-color:rgba(251,113,133,.4);color:var(--danger)}
label{display:block;font-weight:600;font-size:.85rem;margin-bottom:.35rem;color:var(--text-2)}
input,select,textarea{width:100%;padding:.65rem .8rem;border-radius:8px;border:1px solid var(--border-2);background:var(--bg-2);color:var(--text);font:1rem var(--font-ui);transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,92,246,.25)}
input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--violet)}
textarea{min-height:140px;resize:vertical}
.field{margin-bottom:1.1rem}
.field .hint{font-size:.8rem;color:var(--muted);margin-top:.3rem}
.field .error{color:var(--danger);font-size:.85rem;margin-top:.3rem}
.hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}
.check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.9rem;color:var(--text-2)}
.check input{margin-top:.25rem}
.alert{padding:.9rem 1.1rem;border-radius:var(--radius);border:1px solid var(--border-2);background:var(--panel);margin:0 0 1.25rem}
.alert-success{border-color:rgba(52,211,153,.4);background:rgba(52,211,153,.08)}
.alert-error{border-color:rgba(251,113,133,.45);background:rgba(251,113,133,.08)}
.alert-warning{border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.08)}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,8,20,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.topbar{display:flex;align-items:center;gap:1rem;height:64px}
.brand{display:flex;align-items:center;gap:.65rem;color:var(--text);font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;line-height:1;white-space:nowrap;flex:none}
.brand:hover{text-decoration:none;color:var(--text)}
.brand picture{display:block;line-height:0}
.brand .logo{display:block;height:40px;width:auto;max-width:100%;filter:drop-shadow(0 0 14px rgba(91,43,214,.28))}
.brand:hover .logo{filter:drop-shadow(0 0 18px rgba(139,92,246,.45))}
.brand .w{display:flex;flex-direction:column;gap:2px}
.brand .w small{color:var(--violet-2);font-size:.62rem;letter-spacing:.32em;font-weight:700}
.footer-brand .logo{height:40px}
@media (max-width:640px){.brand .logo{height:36px}}
.main-nav{display:none;flex:1;min-width:0}
.main-nav ul{display:flex;gap:.05rem;list-style:none;margin:0;padding:0 0 0 .4rem}
.main-nav a{display:block;padding:.45rem .6rem;border-radius:8px;color:var(--text-2);font-weight:500;font-size:.86rem;white-space:nowrap}
.main-nav a:hover,.main-nav a[aria-current=page]{background:var(--panel-2);color:var(--text);text-decoration:none}
.main-nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--violet)}
.nav-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem;flex:none}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text-2);cursor:pointer}
.icon-btn:hover{border-color:var(--violet);color:var(--text)}
.icon-btn svg{width:20px;height:20px}
.more-menu{position:relative}
.more-menu summary{list-style:none;cursor:pointer;padding:.45rem .7rem;border-radius:8px;color:var(--text-2);font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:.3rem;white-space:nowrap}
.more-menu summary::-webkit-details-marker{display:none}
.more-menu summary:hover{background:var(--panel-2);color:var(--text)}
.more-menu .menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--panel);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:.4rem;z-index:60}
.more-menu .menu a{display:block;padding:.55rem .75rem;border-radius:8px;color:var(--text-2);font-size:.9rem}
.more-menu .menu a:hover{background:var(--panel-2);color:var(--text);text-decoration:none}
.more-menu summary[aria-current=page]{color:var(--text)}
.more-menu .menu a[aria-current=page]{color:var(--violet-2)}
.search-form{display:flex;gap:.4rem}
.search-form input{width:150px;padding:.5rem .8rem;border-radius:999px;font-size:.9rem}
@media (max-width:1400px){.nav-actions .search-form input{width:110px}}
@media (max-width:1300px){.main-nav li.nav-optional{display:none}}
.mobile-nav{display:none;border-top:1px solid var(--border);padding:.75rem var(--gutter) 1rem}
.mobile-nav[data-open]{display:block}
.mobile-nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.25rem}
.mobile-nav a{display:block;padding:.6rem .75rem;border-radius:8px;color:var(--text-2);font-weight:500}
.mobile-nav a:hover{background:var(--panel-2);text-decoration:none}
.mobile-nav .search-form{grid-column:1/-1;margin-bottom:.5rem}
.mobile-nav .search-form input{width:100%}
@media (min-width:1024px){.main-nav{display:flex}.mobile-toggle{display:none}}
@media (max-width:1023px){.nav-actions .search-form{display:none}}

/* Ticker */
.ticker{border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(217,70,239,.08),rgba(91,43,214,.08) 40%,transparent)}
.ticker .container{display:flex;align-items:center;gap:1.25rem;height:52px;overflow:hidden}
.ticker .label{display:inline-flex;align-items:center;gap:.5rem;font:700 .78rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--magenta);white-space:nowrap;flex:none}
.ticker .dot{width:8px;height:8px;border-radius:50%;background:var(--magenta);box-shadow:0 0 0 0 rgba(217,70,239,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(217,70,239,.55)}70%{box-shadow:0 0 0 8px rgba(217,70,239,0)}100%{box-shadow:0 0 0 0 rgba(217,70,239,0)}}
.ticker .track{flex:1;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker ul{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0;white-space:nowrap;width:max-content;animation:ticker 40s linear infinite}
.ticker ul:hover,.ticker ul:focus-within{animation-play-state:paused}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker ul{animation:none;width:auto;overflow:auto}}
.ticker li a{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .6rem;border-radius:6px;color:var(--text-2);font-size:1.05rem;font-weight:500;line-height:1.2;text-decoration:none}
.ticker li a:hover,.ticker li a:focus-visible{color:var(--text);background:rgba(139,92,246,.12)}
.ticker li time{color:var(--cyan);font-family:var(--font-mono);font-size:.8rem}
@media (max-width:640px){.ticker .container{height:46px}.ticker li a{font-size:.95rem}}

/* ---------- Labels / meta ---------- */
.kicker{display:inline-flex;align-items:center;gap:.4rem;font:700 .68rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--violet-2)}
.kicker.type-opinion{color:var(--magenta)}.kicker.type-research{color:var(--ok)}.kicker.type-syndicated{color:var(--violet-2)}
.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;font:600 .7rem var(--font-ui);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border-2);color:var(--text-2);background:var(--panel-2)}
.badge-live{border-color:rgba(217,70,239,.5);color:#f0abfc;background:rgba(217,70,239,.1)}
.badge-verified{border-color:rgba(34,211,238,.45);color:var(--cyan-2);background:rgba(34,211,238,.08)}
.badge-cat{border-color:rgba(139,92,246,.4);color:var(--violet-3);background:rgba(139,92,246,.1)}
.meta{display:flex;flex-wrap:wrap;gap:.35rem .9rem;align-items:center;color:var(--muted);font-size:.8rem}
.meta a{color:var(--muted)}
.meta a:hover{color:var(--text)}
.meta .sep::before{content:"·";color:var(--muted-2)}
.meta time{font-family:var(--font-mono);font-size:.74rem}

/* ---------- Sections ---------- */
.section{padding:2.5rem 0}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:.6rem}
.section-head h2{margin:0;font-size:1.35rem}
.section-head h2 .kicker{display:block;margin-bottom:.25rem}
.section-head .more{font-size:.85rem;color:var(--muted);white-space:nowrap}
.section-head .more:hover{color:var(--cyan-2)}

/* ---------- Cards ---------- */
.card{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;position:relative;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}
.card:hover{border-color:var(--border-2);transform:translateY(-2px);box-shadow:var(--glow)}
.card h3{font-size:1.05rem;margin:.35rem 0 .5rem}
.card h3 a{color:var(--text)}
.card h3 a::after{content:"";position:absolute;inset:0}
.card h3 a:hover{text-decoration:none;color:var(--violet-3)}
.card p{color:var(--text-2);font-size:.92rem;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .meta{position:relative;z-index:1}
.card-img{aspect-ratio:16/9;border-radius:10px;overflow:hidden;margin:-.35rem -.35rem .9rem;background:var(--panel-2)}
.card-img img{width:100%;height:100%;object-fit:cover}
.card-fallback{aspect-ratio:16/9;border-radius:10px;margin:-.35rem -.35rem .9rem;background:radial-gradient(ellipse at 30% 30%,rgba(139,92,246,.35),transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(34,211,238,.18),transparent 60%),var(--panel-2);display:flex;align-items:flex-end;padding:.9rem;position:relative;overflow:hidden}
.card-fallback::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.15) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 80%)}
.card-fallback span{position:relative;font:700 .7rem var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--violet-3)}
.grid{display:grid;gap:1.25rem}
.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.grid-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.grid-4{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}

/* Compact list rows */
.list{list-style:none;margin:0;padding:0}
.list li{padding:.85rem 0;border-bottom:1px solid var(--border);display:grid;gap:.25rem}
.list li:last-child{border-bottom:0}
.list h3{font-size:1rem;margin:0;font-family:var(--font-ui);font-weight:600;letter-spacing:0}
.list h3 a{color:var(--text)}
.list h3 a:hover{color:var(--violet-3)}
.list p{margin:0;color:var(--text-2);font-size:.9rem}
.list-num{counter-reset:n}
.list-num li{grid-template-columns:2rem 1fr;counter-increment:n}
.list-num li::before{content:counter(n,decimal-leading-zero);font:700 1.1rem var(--font-mono);color:var(--violet);line-height:1.3}
.list-num li>*{grid-column:2}

/* ---------- Home hero ---------- */
.hero{padding:1.75rem var(--gutter) 1rem}
.hero-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media (min-width:900px){.hero-grid{grid-template-columns:1.6fr 1fr}}
.lead-story{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-2);min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;padding:1.75rem;background:radial-gradient(ellipse at 20% 20%,rgba(139,92,246,.35),transparent 55%),radial-gradient(ellipse at 90% 90%,rgba(34,211,238,.18),transparent 50%),var(--panel)}
.lead-story .bg{position:absolute;inset:0}
.lead-story .bg img{width:100%;height:100%;object-fit:cover;opacity:.55}
.lead-story .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,8,20,.1),rgba(11,8,20,.92) 70%)}
.lead-story .grid-fx{position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.14) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at 70% 30%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000,transparent 70%)}
.lead-story>*{position:relative}
.lead-story h2{font-size:clamp(1.5rem,1rem + 2.2vw,2.5rem);margin:.5rem 0 .75rem}
.lead-story h2 a{color:var(--text)}
.lead-story h2 a::after{content:"";position:absolute;inset:0}
.lead-story h2 a:hover{text-decoration:none;color:var(--violet-3)}
.lead-story p{color:var(--text-2);font-size:1.02rem;max-width:60ch}
.secondary{display:grid;gap:1rem}
.secondary .card{padding:1rem 1.1rem}
.secondary .card p{-webkit-line-clamp:2}

/* Home body layout */
.home-cols{display:grid;gap:2rem;grid-template-columns:1fr}
@media (min-width:1000px){.home-cols{grid-template-columns:2fr 1fr}}
.sidebar .panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem}
.sidebar .panel h2{font-size:1rem;margin-bottom:.9rem;display:flex;align-items:center;gap:.5rem}
.tag-cloud{display:flex;flex-wrap:wrap;gap:.45rem}
.tag-cloud a{padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border-2);background:var(--bg-2);color:var(--text-2);font-size:.8rem}
.tag-cloud a:hover{border-color:var(--cyan);color:var(--cyan-2);text-decoration:none}
.tag-cloud .n{color:var(--muted-2);font-family:var(--font-mono);font-size:.7rem;margin-left:.3rem}
.cat-list{list-style:none;margin:0;padding:0}
.cat-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}
.cat-list li:last-child{border-bottom:0}
.cat-list a{color:var(--text-2);font-weight:500}
.cat-list .n{font-family:var(--font-mono);font-size:.75rem;color:var(--muted-2)}
.threat-panel{background:linear-gradient(180deg,rgba(217,70,239,.06),transparent),var(--panel);border:1px solid rgba(217,70,239,.25)}
.threat-panel li h3{font-size:.95rem}

/* Contributors */
.contrib-card{display:flex;gap:1rem;align-items:flex-start}
.avatar{width:56px;height:56px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--purple),var(--cyan));display:flex;align-items:center;justify-content:center;font:700 1.1rem var(--font-display);color:#fff;overflow:hidden;border:2px solid var(--border-2)}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar-lg{width:120px;height:120px;font-size:2.2rem}
.contrib-card h3{margin:0 0 .15rem}
.contrib-card .role{color:var(--muted);font-size:.85rem;margin:0 0 .5rem}
.contrib-card .latest{font-size:.85rem;color:var(--text-2);margin:0}
.contrib-card .latest a{color:var(--violet-3)}

/* Books */
.book-card{display:grid;grid-template-columns:96px 1fr;gap:1rem;align-items:start}
.book-cover{aspect-ratio:2/3;border-radius:6px;overflow:hidden;background:var(--panel-2);box-shadow:0 8px 24px rgba(0,0,0,.45);border:1px solid var(--border-2)}
.book-cover img{width:100%;height:100%;object-fit:cover}
.book-card h3{font-size:1rem;margin:.2rem 0 .25rem}
.book-card .by{color:var(--muted);font-size:.85rem;margin:0 0 .5rem}
.book-card p{font-size:.88rem}
.books-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.book-hero{display:grid;gap:2rem;grid-template-columns:1fr}
@media (min-width:760px){.book-hero{grid-template-columns:280px 1fr}}
.book-hero .book-cover{max-width:280px}
.book-facts{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;font-size:.9rem;margin:1rem 0}
.book-facts dt{color:var(--muted);font-weight:600}
.book-facts dd{margin:0;color:var(--text-2)}
.buy-links{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}

/* Newsletter block */
.newsletter-block{background:linear-gradient(135deg,rgba(91,43,214,.25),rgba(34,211,238,.08)),var(--panel);border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:1.75rem;display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:800px){.newsletter-block{grid-template-columns:1.2fr 1fr;align-items:center}.aside-sticky .newsletter-block,.sidebar .newsletter-block{grid-template-columns:1fr;padding:1.25rem}.aside-sticky .newsletter-block h2{font-size:1.15rem}}
.newsletter-block h2{margin:0 0 .35rem}
.newsletter-block p{margin:0;color:var(--text-2)}
.newsletter-block form{display:grid;gap:.6rem}
.newsletter-block .row{display:flex;gap:.5rem}
.newsletter-block .row input{flex:1}

/* ---------- Listing pages ---------- */
.page-head{padding:2rem 0 1rem}
.page-head p.intro{color:var(--text-2);font-size:1.05rem;max-width:70ch}
.breadcrumbs{font-size:.8rem;color:var(--muted);margin:1rem 0 .5rem}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}
.breadcrumbs li+li::before{content:"/";margin-right:.4rem;color:var(--muted-2)}
.breadcrumbs a{color:var(--muted)}
.listing{display:grid;gap:1rem}
.story-row{display:grid;gap:1rem;grid-template-columns:1fr;padding:1.1rem 0;border-bottom:1px solid var(--border)}
@media (min-width:640px){.story-row{grid-template-columns:200px 1fr}}
.story-row .thumb{aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--panel-2)}
.story-row .thumb img{width:100%;height:100%;object-fit:cover}
.story-row h2{font-size:1.2rem;margin:.3rem 0 .4rem}
.story-row h2 a{color:var(--text)}
.story-row p{color:var(--text-2);font-size:.95rem;margin:0 0 .5rem}
.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:2rem 0;flex-wrap:wrap}
.pagination a,.pagination span{padding:.45rem .8rem;border-radius:8px;border:1px solid var(--border);color:var(--text-2);font-size:.9rem}
.pagination a:hover{border-color:var(--violet);text-decoration:none}
.pagination [aria-current]{background:var(--violet);border-color:var(--violet);color:#fff}
.empty{padding:3rem 1rem;text-align:center;color:var(--muted);border:1px dashed var(--border-2);border-radius:var(--radius-lg)}
.empty h2{color:var(--text-2)}

/* ---------- Article ---------- */
.article-layout{display:grid;gap:2.5rem;grid-template-columns:1fr;padding:1rem 0 3rem}
@media (min-width:1000px){.article-layout{grid-template-columns:minmax(0,720px) 300px;justify-content:center}}
.article-head{padding:1rem 0 .5rem}
.article-head h1{margin:.6rem 0 .8rem}
.article-head .deck{font-family:var(--font-serif);font-size:1.25rem;color:var(--text-2);line-height:1.5;margin:0 0 1rem}
.byline{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:1rem 0}
.byline .avatar{width:40px;height:40px;font-size:.9rem}
.byline .who{font-weight:600;color:var(--text)}
.byline .who a{color:var(--text)}
.byline .meta{font-size:.78rem}
.source-box{background:var(--panel);border:1px solid var(--border-2);border-left:4px solid var(--cyan);border-radius:10px;padding:.9rem 1.1rem;margin:1rem 0;font-size:.92rem;color:var(--text-2)}
.source-box strong{color:var(--text)}
.source-box a{color:var(--cyan-2);word-break:break-word}
.article-body{font-family:var(--font-serif);font-size:1.15rem;line-height:1.75;color:var(--text)}
.article-body p{margin:0 0 1.25em}
.article-body h2{font-family:var(--font-display);font-size:1.5rem;margin:2em 0 .6em}
.article-body h3{font-family:var(--font-display);font-size:1.2rem;margin:1.6em 0 .5em}
.article-body ul,.article-body ol{padding-left:1.4em;margin:0 0 1.25em}
.article-body li{margin:.3em 0}
.article-body img{border-radius:10px;margin:1.5em 0}
.article-body figure{margin:1.5em 0}
.article-body figcaption{font:0.85rem var(--font-ui);color:var(--muted);margin-top:.5em}
.article-body a{text-decoration:underline;color:var(--violet-3)}
.article-body table{font-family:var(--font-ui);font-size:.92rem;margin:1.5em 0}
.article-body pre{font-size:.85rem;margin:1.5em 0}
.summary-lead{font-family:var(--font-serif);font-size:1.2rem;line-height:1.7;color:var(--text)}
.figure-hero{margin:1.5rem 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}
.figure-hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.figure-hero figcaption{font-size:.8rem;color:var(--muted);padding:.5rem .9rem;background:var(--panel)}
.toc{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin:1.5rem 0;font-size:.9rem}
.toc h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 .5rem;font-family:var(--font-mono)}
.toc ol{margin:0;padding-left:1.2rem}
.toc li{margin:.25rem 0}
.toc .l3{padding-left:1rem;font-size:.85rem}
.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.5rem 0}
.tags a{padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border-2);background:var(--bg-2);color:var(--text-2);font-size:.8rem}
.tags a:hover{border-color:var(--violet);text-decoration:none;color:var(--violet-3)}
.share{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1.5rem 0}
.share .btn{padding:.45rem .9rem;font-size:.82rem}
.updates{margin:2rem 0;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}
.updates h2{font-size:1rem}
.updates li{margin:.5rem 0;font-size:.92rem;color:var(--text-2)}
.updates time{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);margin-right:.5rem}
.retracted{border:1px solid rgba(251,113,133,.5);background:rgba(251,113,133,.08);padding:1rem 1.25rem;border-radius:var(--radius);margin:1rem 0}
.author-card{display:flex;gap:1rem;padding:1.25rem;border:1px solid var(--border-2);border-radius:var(--radius-lg);background:var(--panel);margin:2rem 0}
.author-card .avatar{width:64px;height:64px}
.author-card h2{font-size:1.05rem;margin:0 0 .2rem}
.author-card p{font-size:.9rem;color:var(--text-2);margin:0 0 .5rem}
.aside-sticky{position:sticky;top:84px}
.aside-sticky .panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;margin-bottom:1.25rem}
.aside-sticky .panel h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);color:var(--muted);margin-bottom:.8rem}
.disclosure{font-size:.85rem;color:var(--muted);border-top:1px solid var(--border);padding-top:1rem;margin-top:1.5rem}
.preview-banner{background:var(--warn);color:#1a1200;text-align:center;padding:.5rem;font-weight:600}

/* ---------- Contributor profile ---------- */
.profile-head{display:grid;gap:1.5rem;grid-template-columns:1fr;padding:2rem 0 1rem;align-items:start}
@media (min-width:700px){.profile-head{grid-template-columns:auto 1fr}}
.profile-head h1{margin:.3rem 0 .3rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.profile-head .headline{font-size:1.1rem;color:var(--text-2);margin:0 0 .75rem}
.profile-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}
.profile-grid{display:grid;gap:2rem;grid-template-columns:1fr;padding-bottom:3rem}
@media (min-width:1000px){.profile-grid{grid-template-columns:2fr 1fr}}
.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.5rem 0 1rem}
.chips span{padding:.3rem .7rem;border-radius:999px;border:1px solid rgba(139,92,246,.4);background:rgba(139,92,246,.1);color:var(--violet-3);font-size:.8rem}
.bio{font-family:var(--font-serif);font-size:1.08rem;line-height:1.7;color:var(--text)}
.ext-list li{padding:.6rem 0;border-bottom:1px solid var(--border);font-size:.92rem}
.ext-list li:last-child{border:0}
.ext-list .pub{color:var(--muted);font-size:.8rem;display:block}

/* ---------- Static pages ---------- */
.prose{max-width:760px;font-size:1.05rem;line-height:1.7;color:var(--text)}
.prose h2{margin-top:2em}
.prose ul,.prose ol{padding-left:1.4em}
.prose li{margin:.3em 0}
.prose .placeholder{display:inline-block;padding:.1em .5em;border:1px dashed var(--warn);color:var(--warn);border-radius:6px;font-family:var(--font-mono);font-size:.85em}

/* ---------- Search ---------- */
.search-hero{padding:2rem 0 1rem}
.search-hero form.big{display:flex;gap:.5rem;max-width:720px}
.search-hero form.big input{font-size:1.1rem;padding:.8rem 1rem;border-radius:12px}
.filters{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:1rem 0;max-width:900px}
.filters label{font-size:.75rem}
.filters input,.filters select{padding:.5rem .6rem;font-size:.9rem}
.result-groups{display:grid;gap:1.5rem;grid-template-columns:1fr}
@media (min-width:900px){.result-groups{grid-template-columns:2fr 1fr}}
.result-groups h2{font-size:1rem}

/* ---------- Footer ---------- */
.site-footer{margin-top:auto;border-top:1px solid var(--border);background:linear-gradient(180deg,transparent,rgba(19,15,32,.9));padding:2.5rem 0 1.5rem;font-size:.9rem;color:var(--muted)}
.footer-grid{display:grid;gap:2rem;grid-template-columns:1fr}
@media (min-width:800px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.site-footer h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-2);font-family:var(--font-mono);margin-bottom:.8rem}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:.35rem 0}
.site-footer a{color:var(--muted)}
.site-footer a:hover{color:var(--cyan-2)}
.footer-bottom{border-top:1px solid var(--border);margin-top:2rem;padding-top:1rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-size:.8rem}
.footer-brand p{max-width:44ch;color:var(--muted)}

/* ---------- Error ---------- */
.error-page{text-align:center;padding:5rem var(--gutter)}
.error-page .code{font:700 5rem var(--font-mono);color:var(--violet);line-height:1;letter-spacing:-.05em}

/* ---------- Print ---------- */
@media print{body{background:#fff;color:#000;font-size:12pt}body::before,.site-header,.site-footer,.ticker,.share,.aside-sticky,.newsletter-block,.related,.author-card .btn,.skip-link{display:none!important}a{color:#000;text-decoration:underline}.article-layout{grid-template-columns:1fr}.article-body{color:#000}}

/* ---------- Utility classes (replace inline styles; required by the strict CSP) ---------- */
.m-0{margin:0!important}.mt-xs{margin-top:.5rem!important}.mt-sm{margin-top:.75rem!important}.mt-1{margin-top:1rem!important}.mt-2{margin-top:1.5rem!important}.mt-neg{margin-top:-.5rem!important}
.mb-1{margin-bottom:1rem!important}.my-xs{margin:.35rem 0!important}.my-2{margin:2rem 0!important}.ml-xs{margin-left:.5rem!important}
.pt-0{padding-top:0!important}.pt-1{padding-top:1rem!important}.py-hero{padding:1.5rem 0 2rem}
.tc{text-align:center}.flex{display:flex}.grow{flex:1;min-width:240px}.rel-z{position:relative;z-index:1}.square{aspect-ratio:1}
.fs-sm{font-size:.9rem}.fs-95{font-size:.95rem}.fs-1{font-size:1rem}.fs-105{font-size:1.05rem}.fs-108{font-size:1.08rem}.fs-13{font-size:1.3rem}
.lbl{font-weight:600;color:var(--text-2);font-size:.85rem}
.w-140{width:140px}.w-220{width:220px}.mw-520{max-width:520px}.mh-600{max-height:600px}
.ta-xs{min-height:60px}.ta-sm{min-height:90px}.ta-md{min-height:120px}.ta-lg{min-height:160px}.ta-xl{min-height:220px}.ta-xxl{min-height:420px}
.btn-block{width:100%;justify-content:center}
.panel-box{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem;margin-bottom:1rem}
.panel-box h2{font-size:1rem}
.panel-warn{border-color:rgba(251,191,36,.5)!important}
.fieldset-plain{border:0;padding:0;margin:0;min-width:0}
.pre-wrap{white-space:pre-wrap;display:block;-webkit-line-clamp:unset}
.list-plain{margin:0;padding-left:1.1rem}
.narrow-page{max-width:720px;padding:1rem 0 3rem}
.scroll-260{max-height:260px;overflow:auto}
.summary-link{cursor:pointer;color:var(--muted);font-size:.9rem;margin:.75rem 0}
.search-row{display:flex;gap:.5rem;max-width:720px}
.grid-2col{display:grid;gap:0 1rem;grid-template-columns:1fr 1fr}
.cols-1{grid-template-columns:1fr!important}.cols-64{grid-template-columns:64px 1fr!important}.cols-110{grid-template-columns:110px 1fr!important}
.filters-books{grid-template-columns:2fr 1fr auto;align-items:end;max-width:640px}
.h-login{font-size:1.3rem;text-align:center}
.deck{font-family:var(--font-serif);font-size:1.2rem;color:var(--text-2);line-height:1.5}

/* ---------- Threat Intelligence: threat board ---------- */
.page-threat{background-image:radial-gradient(ellipse 70% 45% at 50% -10%,rgba(217,70,239,.16),transparent 60%),radial-gradient(ellipse 50% 40% at 100% 30%,rgba(34,211,238,.08),transparent 60%),radial-gradient(ellipse 40% 40% at 0% 70%,rgba(91,43,214,.18),transparent 60%)}
.tb-head{position:relative;display:grid;gap:1.5rem;padding:2rem 0 1.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(217,70,239,.25);overflow:hidden}
@media (min-width:1000px){.tb-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}}
.tb-tag{display:inline-flex;align-items:center;gap:.5rem;font:600 .7rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(34,211,238,.35);border-radius:999px;padding:.3rem .75rem;margin-bottom:.9rem;background:rgba(34,211,238,.06)}
.tb-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:tb-pulse 1.8s ease-in-out infinite}
@keyframes tb-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.tb-head h1{font-size:clamp(2.2rem,1.4rem + 3.2vw,4rem);letter-spacing:-.02em;margin:0 0 .5rem;background:linear-gradient(90deg,#fff 0%,var(--violet-3) 55%,var(--cyan-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tb-intro{color:var(--text-2);font-size:1.05rem;max-width:64ch;margin:0}
.tb-stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:1px;margin:0;background:rgba(139,92,246,.25);border:1px solid rgba(139,92,246,.25);border-radius:12px;overflow:hidden}
@media (min-width:640px){.tb-stats{grid-template-columns:repeat(4,minmax(120px,auto))}}
.tb-stats div{background:rgba(19,15,32,.9);padding:.75rem 1rem}
.tb-stats dt{font:600 .62rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tb-stats dd{margin:.2rem 0 0;font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--cyan-2);line-height:1.1}
.tb-stats dd a{color:var(--cyan-2)}
.tb-scan{position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.7;animation:tb-scan 4s linear infinite;transform-origin:left}
@keyframes tb-scan{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

.tb-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-flow:dense;padding-bottom:1rem;perspective:1600px}
.tb-cube{min-width:0;animation:tb-rise .6s var(--ease) both}
.tb-cube:nth-child(2){animation-delay:.05s}.tb-cube:nth-child(3){animation-delay:.1s}.tb-cube:nth-child(4){animation-delay:.15s}.tb-cube:nth-child(5){animation-delay:.2s}.tb-cube:nth-child(6){animation-delay:.25s}.tb-cube:nth-child(7){animation-delay:.3s}.tb-cube:nth-child(8){animation-delay:.35s}.tb-cube:nth-child(n+9){animation-delay:.4s}
@keyframes tb-rise{from{opacity:0;transform:translateY(18px) rotateX(8deg)}to{opacity:1;transform:none}}
.tb-lead{grid-column:span 2;grid-row:span 2}
@media (max-width:639px){.tb-lead{grid-column:span 1;grid-row:span 1}}
.tb-link{position:relative;display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;border-radius:14px;overflow:hidden;
  background:linear-gradient(160deg,rgba(34,27,61,.95) 0%,rgba(19,15,32,.98) 60%,rgba(11,8,20,1) 100%);
  border:1px solid rgba(139,92,246,.22);box-shadow:0 12px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .35s var(--ease),border-color .3s,box-shadow .35s var(--ease);transform-style:preserve-3d}
.tb-link::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .3s;
  background:linear-gradient(120deg,transparent 30%,rgba(34,211,238,.10) 50%,transparent 70%)}
.tb-link:hover,.tb-link:focus-visible{text-decoration:none;color:inherit;transform:translateY(-6px) rotateX(2deg) rotateY(-2deg);border-color:rgba(34,211,238,.55);box-shadow:0 24px 50px rgba(0,0,0,.5),0 0 0 1px rgba(34,211,238,.25),0 0 40px rgba(34,211,238,.12)}
.tb-link:hover::after{opacity:1}
.tb-corner{position:absolute;width:14px;height:14px;border:2px solid var(--cyan);opacity:.55;z-index:3;transition:opacity .3s,transform .3s var(--ease)}
.tb-tl{top:8px;left:8px;border-right:0;border-bottom:0}.tb-tr{top:8px;right:8px;border-left:0;border-bottom:0}
.tb-bl{bottom:8px;left:8px;border-right:0;border-top:0}.tb-br{bottom:8px;right:8px;border-left:0;border-top:0}
.tb-link:hover .tb-corner{opacity:1}
.tb-link:hover .tb-tl{transform:translate(-3px,-3px)}.tb-link:hover .tb-tr{transform:translate(3px,-3px)}
.tb-link:hover .tb-bl{transform:translate(-3px,3px)}.tb-link:hover .tb-br{transform:translate(3px,3px)}
.tb-visual{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--panel-2);flex:none}
.tb-lead .tb-visual{aspect-ratio:auto;flex:1 1 auto;min-height:240px}
@media (max-width:639px){.tb-lead .tb-visual{aspect-ratio:16/9;flex:none}}
.tb-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05);transition:transform .6s var(--ease),filter .4s}
.tb-link:hover .tb-visual img{transform:scale(1.05);filter:saturate(1.05) contrast(1.05)}
.tb-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(19,15,32,.95) 100%),repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px);pointer-events:none}
.tb-fallback{position:absolute;inset:0;display:grid;place-items:center;
  background:radial-gradient(ellipse at 30% 30%,rgba(217,70,239,.35),transparent 55%),radial-gradient(ellipse at 75% 80%,rgba(34,211,238,.28),transparent 55%),linear-gradient(135deg,#1a1530,#0b0814)}
.tb-fallback::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.18) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000,transparent 80%)}
.tb-fallback-glyph{position:relative;width:64px;height:64px;border:2px solid rgba(34,211,238,.6);transform:rotate(45deg);box-shadow:0 0 30px rgba(34,211,238,.25),inset 0 0 20px rgba(139,92,246,.35)}
.tb-fallback-glyph::before{content:"";position:absolute;inset:14px;border:1px solid rgba(217,70,239,.7)}
.tb-fallback-glyph::after{content:"";position:absolute;inset:26px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
.tb-code{position:absolute;top:10px;right:14px;z-index:2;color:var(--cyan-2);font-size:.7rem;letter-spacing:.14em;background:rgba(11,8,20,.7);padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(34,211,238,.3);backdrop-filter:blur(4px)}
.tb-body{display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.1rem 1.1rem;flex:1}
.tb-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem}
.tb-row time{font-size:.7rem;color:var(--muted);white-space:nowrap}
.tb-body h2{font-size:1.1rem;margin:0;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tb-lead .tb-body h2{font-size:clamp(1.4rem,1rem + 1.4vw,2.1rem);-webkit-line-clamp:4}
.tb-body p{color:var(--text-2);font-size:.92rem;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tb-lead .tb-body p{font-size:1.02rem;-webkit-line-clamp:5}
.tb-foot{display:flex;gap:1rem;align-items:center;margin-top:auto;padding-top:.75rem;border-top:1px solid rgba(139,92,246,.18);color:var(--muted);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
.tb-open{margin-left:auto;color:var(--cyan);opacity:.75;transition:opacity .3s,letter-spacing .3s}
.tb-open::after{content:" \2192"}
.tb-link:hover .tb-open{opacity:1;letter-spacing:.12em}
.page-threat .pagination{margin-top:2.5rem}

/* ---------- Vulnerabilities: advisory grid ---------- */
.page-vulns{background-image:radial-gradient(ellipse 60% 40% at 50% -10%,rgba(251,191,36,.10),transparent 60%),radial-gradient(ellipse 40% 30% at 100% 20%,rgba(91,43,214,.14),transparent 60%)}
.vl-head{display:grid;gap:1rem;padding:2rem 0 1.25rem;margin-bottom:1.25rem;border-bottom:2px solid rgba(251,191,36,.45)}
@media (min-width:900px){.vl-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}}
.vl-kicker{display:inline-block;font:700 .68rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--warn);margin-bottom:.6rem}
.vl-head h1{margin:0 0 .5rem}
.vl-intro{color:var(--text-2);font-size:1.05rem;max-width:66ch;margin:0}
.vl-meta{display:flex;gap:1.25rem;color:var(--muted);margin:0;white-space:nowrap}
.vl-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.vl-date{grid-column:1/-1;display:flex;align-items:center;gap:1rem;font:600 .78rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--warn);margin:.75rem 0 0}
.vl-date::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(251,191,36,.5),transparent)}
.vl-date .muted{letter-spacing:.08em;font-weight:400}
.vl-card{position:relative;display:flex;flex-direction:column;gap:.45rem;min-width:0;padding:1rem 1.1rem 1rem 1.25rem;border-radius:12px;background:linear-gradient(160deg,rgba(26,21,48,.9),rgba(11,8,20,.95));border:1px solid var(--border);transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.vl-card::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--warn),rgba(251,191,36,.15))}
.vl-card:hover{transform:translateY(-3px);border-color:rgba(251,191,36,.55);box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 0 1px rgba(251,191,36,.2),0 0 30px rgba(251,191,36,.08)}
.vl-top{display:flex;align-items:center;gap:.6rem;font-size:.7rem;color:var(--muted)}
.vl-top .vl-cves{flex:1 1 auto}
.vl-ico{--vl-c:var(--warn);flex:none;margin-left:auto;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--vl-c);background:color-mix(in srgb,var(--vl-c) 12%,transparent);border:1px solid color-mix(in srgb,var(--vl-c) 45%,transparent);box-shadow:0 0 0 0 color-mix(in srgb,var(--vl-c) 30%,transparent);transition:box-shadow .3s,transform .3s}
.vl-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vl-card:hover .vl-ico{box-shadow:0 0 0 4px color-mix(in srgb,var(--vl-c) 18%,transparent),0 0 24px color-mix(in srgb,var(--vl-c) 35%,transparent);transform:translateY(-1px)}
.vl-mark{position:absolute;right:-14px;bottom:-18px;width:120px;height:120px;fill:none;stroke:var(--warn);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.07;pointer-events:none;transition:opacity .3s,transform .4s}
.vl-card:hover .vl-mark{opacity:.14;transform:rotate(-6deg) scale(1.05)}
.vl-card-exploit .vl-ico{--vl-c:var(--danger)}.vl-card-exploit .vl-mark{stroke:var(--danger)}.vl-card-exploit::before{background:linear-gradient(180deg,var(--danger),rgba(251,113,133,.15))}.vl-card-exploit:hover{border-color:rgba(251,113,133,.55);box-shadow:0 14px 34px rgba(0,0,0,.45),0 0 0 1px rgba(251,113,133,.2),0 0 30px rgba(251,113,133,.08)}
.vl-card-patch .vl-ico{--vl-c:var(--ok)}.vl-card-patch .vl-mark{stroke:var(--ok)}
@media (prefers-reduced-motion:reduce){.vl-ico,.vl-mark{transition:none}.vl-card:hover .vl-mark{transform:none}}
.vl-top time{font-family:var(--font-mono);letter-spacing:.04em}
.vl-cves{display:flex;flex-wrap:wrap;gap:.35rem}
.vl-cve{font-size:.66rem;letter-spacing:.06em;color:var(--warn);border:1px solid rgba(251,191,36,.5);background:rgba(251,191,36,.08);border-radius:4px;padding:.12rem .45rem}
.vl-cve-more{color:var(--muted);border-color:var(--border-2);background:transparent}
.vl-card h3{font-size:1.05rem;margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vl-card h3 a{color:var(--text)}
.vl-card h3 a::after{content:"";position:absolute;inset:0}
.vl-card h3 a:hover{color:var(--warn);text-decoration:none}
.vl-card p{color:var(--text-2);font-size:.9rem;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vl-src{margin-top:auto;padding-top:.6rem;border-top:1px solid var(--border);font:500 .68rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.page-vulns .pagination{margin-top:2.5rem}

/* ---------- Ransomware: critical incidents ---------- */
.page-ransomware{background-image:radial-gradient(ellipse 70% 45% at 50% -10%,rgba(251,113,133,.14),transparent 60%),radial-gradient(ellipse 40% 30% at 0% 60%,rgba(91,43,214,.16),transparent 60%)}
.rw-head{padding:2rem 0 1.25rem}
.rw-tag{display:inline-flex;align-items:center;gap:.5rem;font:700 .68rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--danger);border:1px solid rgba(251,113,133,.45);background:rgba(251,113,133,.08);border-radius:4px;padding:.3rem .7rem;margin-bottom:.9rem}
.rw-tag-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 10px var(--danger);animation:rw-blink 1.2s ease-in-out infinite}
@keyframes rw-blink{0%,100%{opacity:1}50%{opacity:.25}}
.rw-head h1{margin:0 0 .5rem}
.rw-intro{color:var(--text-2);font-size:1.05rem;max-width:66ch;margin:0}
.rw-board{display:grid;gap:1.25rem;grid-template-columns:1fr;margin-bottom:2rem}
@media (min-width:1000px){.rw-board{grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);align-items:start}}
.rw-map{margin:0;background:linear-gradient(180deg,#140b1a,#0b0814);border:1px solid rgba(251,113,133,.25);border-radius:var(--radius-lg);padding:.75rem;position:relative;overflow:hidden}
.rw-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(251,113,133,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(251,113,133,.06) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.rw-map svg{width:100%;height:auto;display:block;position:relative}
.rw-core{fill:#ff3b5c;filter:drop-shadow(0 0 6px rgba(255,59,92,.9))}
.rw-ring{fill:none;stroke:#ff3b5c;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:rw-ping 2.6s ease-out infinite}
.rw-ping:nth-child(3n) .rw-ring{animation-delay:.9s}.rw-ping:nth-child(3n+1) .rw-ring{animation-delay:1.7s}.rw-ping:nth-child(5n) .rw-ring{animation-delay:.4s}
@keyframes rw-ping{0%{transform:scale(.3);opacity:.9}70%{opacity:.15}100%{transform:scale(1.4);opacity:0}}
.rw-map figcaption{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.6rem .35rem 0;font-size:.8rem;color:var(--muted);position:relative}
.rw-legend{display:inline-flex;align-items:center;gap:.45rem}
.rw-legend-dot{width:8px;height:8px;border-radius:50%;background:#ff3b5c;box-shadow:0 0 8px rgba(255,59,92,.8)}
.rw-side{display:grid;gap:1rem;align-content:start}
.rw-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:rgba(251,113,133,.25);border:1px solid rgba(251,113,133,.25);border-radius:12px;overflow:hidden}
.rw-stats div{background:rgba(19,15,32,.92);padding:.8rem 1rem}
.rw-stats dt{font:600 .62rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.rw-stats dd{margin:.2rem 0 0;font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--danger);line-height:1.1}
.rw-groups h2{font-size:.78rem;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem}
.rw-groups ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.rw-chip{display:inline-flex;align-items:center;gap:.4rem;font:600 .74rem var(--font-mono);color:#ffb3c0;background:rgba(251,113,133,.10);border:1px solid rgba(251,113,133,.35);border-radius:4px;padding:.2rem .5rem;white-space:nowrap}
.rw-chip b{color:var(--danger);font-weight:700}
.rw-chip-c{color:var(--violet-3);background:rgba(139,92,246,.10);border-color:rgba(139,92,246,.35)}
.rw-chip-c b{color:var(--violet-2)}
.rw-feed-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;border-bottom:2px solid rgba(251,113,133,.5);padding-bottom:.5rem;margin-bottom:.25rem}
.rw-feed-head h2{display:flex;align-items:center;gap:.6rem;font-size:1.2rem;margin:0}
.rw-radar{margin-bottom:2.25rem}
.rw-radar-grid{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1rem}
@media (min-width:800px){.rw-radar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rw-radar-col{background:linear-gradient(160deg,rgba(26,21,48,.9),rgba(11,8,20,.95));border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem}
.rw-radar-col h3{font:600 .74rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffb3c0;margin:0 0 .6rem;padding-bottom:.5rem;border-bottom:1px solid rgba(251,113,133,.3)}
.rw-radar-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.rw-radar-col li a{display:grid;gap:.15rem;padding:.55rem .6rem;margin:0 -.6rem;border-radius:8px;color:var(--text);text-decoration:none;transition:background .2s}
.rw-radar-col li a:hover,.rw-radar-col li a:focus-visible{background:rgba(251,113,133,.08);outline:none}
.rw-radar-name{display:flex;align-items:center;gap:.45rem;font-weight:600;font-size:.95rem}
.rw-radar-col li a:hover .rw-radar-name{color:#ffb3c0}
.rw-radar-tag{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ok);border:1px solid rgba(52,211,153,.4);border-radius:4px;padding:.05rem .35rem;font-weight:500}
.rw-radar-ext{margin-left:auto;color:var(--muted);font-size:.8rem;transition:transform .2s,color .2s}
.rw-radar-col li a:hover .rw-radar-ext{color:#ffb3c0;transform:translate(2px,-2px)}
.rw-radar-desc{font-size:.82rem;line-height:1.45;color:var(--text-2)}
.rw-live{width:10px;height:10px;border-radius:50%;background:var(--danger);box-shadow:0 0 10px var(--danger);animation:rw-blink 1.2s ease-in-out infinite}
.rw-table-wrap{overflow-x:auto}
.rw-table{font-size:.92rem}
.rw-table th{font:600 .66rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border-2);padding:.7rem .75rem}
.rw-table td{padding:.8rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}
.rw-table tr:hover td{background:rgba(251,113,133,.04)}
.rw-td-time{width:64px;white-space:nowrap;color:var(--muted);font-size:.78rem;line-height:1.35}
.rw-td-main{min-width:280px}
.rw-kind{display:block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin-bottom:.15rem}
.rw-victim .rw-kind{color:var(--danger)}
.rw-title{display:block;font-family:var(--font-display);font-weight:600;color:var(--text);font-size:1rem;line-height:1.35}
.rw-title:hover{color:var(--danger);text-decoration:none}
.rw-sum{display:block;color:var(--text-2);font-size:.88rem;margin-top:.2rem}
.rw-td-group,.rw-td-country{white-space:nowrap}
.rw-td-src{color:var(--muted)}
@media (max-width:639px){.rw-table th:nth-child(4),.rw-table td:nth-child(4),.rw-table th:nth-child(5),.rw-table td:nth-child(5){display:none}.rw-td-main{min-width:200px}}
.page-ransomware .pagination{margin-top:2rem}

/* ---------- Data Breaches: breach timeline ---------- */
.page-breaches{background-image:radial-gradient(ellipse 60% 40% at 50% -10%,rgba(217,70,239,.12),transparent 60%),radial-gradient(ellipse 40% 30% at 0% 50%,rgba(34,211,238,.06),transparent 60%),radial-gradient(ellipse 40% 30% at 100% 70%,rgba(91,43,214,.16),transparent 60%)}
.br-head{display:grid;gap:1.5rem;padding:2rem 0 1.5rem;margin-bottom:1rem}
.br-check{display:grid;gap:1.25rem;align-items:center;padding:1.25rem 1.5rem;margin:0 0 2rem;border-radius:14px;border:1px solid rgba(217,70,239,.35);background:radial-gradient(ellipse 60% 120% at 0% 50%,rgba(217,70,239,.14),transparent 60%),linear-gradient(160deg,rgba(26,21,48,.95),rgba(11,8,20,.95));box-shadow:0 20px 50px rgba(0,0,0,.35)}
@media (min-width:900px){.br-check{grid-template-columns:minmax(0,1fr) minmax(360px,460px)}}
.br-check h2{display:flex;align-items:center;gap:.6rem;font-size:1.25rem;margin:0 0 .4rem}
.br-check-ico{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font:700 .9rem var(--font-mono);color:var(--magenta);border:1px solid rgba(217,70,239,.5);background:rgba(217,70,239,.1)}
.br-check-text p{margin:0;color:var(--text-2);font-size:.95rem;line-height:1.55}
.br-check-form{display:grid;gap:.6rem}
.br-check-field{display:flex;align-items:center;gap:.75rem;min-height:50px;padding:.35rem .35rem .35rem 1.1rem;border-radius:12px;border:1px solid var(--border-2);background:rgba(11,8,20,.8);color:var(--muted);text-decoration:none;cursor:text;transition:border-color .2s,box-shadow .2s,background .2s}
.br-check-field:hover,.br-check-field:focus-visible{border-color:var(--magenta);box-shadow:0 0 0 3px rgba(217,70,239,.2);outline:none;color:var(--text-2);text-decoration:none}
.br-check-ph{flex:1 1 auto;font:500 .98rem var(--font-ui);position:relative;padding-left:.15rem}
.br-check-ph::before{content:"";display:inline-block;width:1px;height:1.1em;vertical-align:-.2em;margin-right:.35rem;background:var(--magenta);animation:br-caret 1.1s steps(2,start) infinite}
@keyframes br-caret{to{visibility:hidden}}
.br-check-ext{flex:none;margin-right:.7rem;color:var(--magenta);font-size:1rem;transition:transform .2s}
.br-check-field:hover .br-check-ext{transform:translate(2px,-2px)}
.br-check-alt{margin:0;font-size:.8rem;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.br-check-ph::before{animation:none}}

@media (min-width:1100px){.br-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}}
.br-tag{display:inline-flex;align-items:center;gap:.5rem;font:700 .68rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--magenta);border:1px solid rgba(217,70,239,.4);background:rgba(217,70,239,.07);border-radius:999px;padding:.3rem .75rem;margin-bottom:.9rem}
.br-tag-dot{width:7px;height:7px;border-radius:50%;background:var(--magenta);box-shadow:0 0 10px var(--magenta)}
.br-head h1{margin:0 0 .5rem}
.br-intro{color:var(--text-2);font-size:1.05rem;max-width:66ch;margin:0}
.br-stats{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:1px;margin:0;background:rgba(217,70,239,.22);border:1px solid rgba(217,70,239,.22);border-radius:12px;overflow:hidden}
@media (min-width:640px){.br-stats{grid-template-columns:repeat(4,minmax(140px,auto))}}
.br-stats div{background:rgba(19,15,32,.92);padding:.75rem 1rem}
.br-stats dt{font:600 .62rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.br-stats dd{margin:.2rem 0 0;font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--violet-3);line-height:1.1}
.br-stats dd.br-stat-text{font-size:1rem}
.br-stats dd small{font-size:.8rem;color:var(--magenta);margin-left:.3rem}

.br-timeline{list-style:none;margin:0;padding:1rem 0 2rem;position:relative;display:grid;gap:1.5rem 3rem;grid-template-columns:1fr}
.br-timeline::before{content:"";position:absolute;top:0;bottom:0;left:15px;width:2px;background:linear-gradient(180deg,var(--magenta),var(--violet) 40%,var(--cyan) 100%);opacity:.6}
.br-month{position:relative;padding-left:44px;margin-top:.5rem}
.br-month span{display:inline-block;font:700 .68rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text);background:var(--panel-2);border:1px solid var(--border-2);border-radius:999px;padding:.3rem .8rem}
.br-item{position:relative;padding-left:44px}
.br-node{position:absolute;left:8px;top:22px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:2px solid var(--magenta);box-shadow:0 0 0 4px rgba(217,70,239,.15),0 0 16px rgba(217,70,239,.5)}
.br-node::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--magenta)}
@media (min-width:1100px){
  .br-timeline{grid-template-columns:1fr 1fr}
  .br-timeline::before{left:50%;margin-left:-1px}
  .br-month{grid-column:1/-1;padding:0;text-align:center}
  .br-item{padding:0}
  .br-side-l{grid-column:1;padding-right:2.5rem}
  .br-side-r{grid-column:2;padding-left:2.5rem;margin-top:3.5rem}
  .br-side-l .br-node{left:auto;right:-8px}
  .br-side-r .br-node{left:-8px}
  .br-side-l .br-card::after,.br-side-r .br-card::after{content:"";position:absolute;top:29px;width:2.5rem;height:1px;background:rgba(217,70,239,.5)}
  .br-side-l .br-card::after{right:-2.5rem}
  .br-side-r .br-card::after{left:-2.5rem}
}
.br-card{position:relative;border-radius:14px;padding:1.1rem 1.2rem;background:linear-gradient(160deg,rgba(34,27,61,.85),rgba(19,15,32,.95));border:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.35);transition:border-color .25s,box-shadow .25s,transform .25s var(--ease)}
.br-card:hover{border-color:rgba(217,70,239,.5);box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 30px rgba(217,70,239,.1);transform:translateY(-2px)}
.br-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.9rem;align-items:center}
.br-mono{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font:700 1.25rem var(--font-display);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.br-h0{background:linear-gradient(135deg,#7c3aed,#d946ef)}.br-h1{background:linear-gradient(135deg,#0e7490,#22d3ee)}.br-h2{background:linear-gradient(135deg,#be123c,#fb7185)}
.br-h3{background:linear-gradient(135deg,#b45309,#fbbf24)}.br-h4{background:linear-gradient(135deg,#047857,#34d399)}.br-h5{background:linear-gradient(135deg,#4338ca,#818cf8)}
.br-ident{min-width:0}
.br-ident h2{font-size:1.15rem;margin:0;line-height:1.25;overflow-wrap:anywhere}
.br-ident h2 a{color:var(--text)}
.br-ident h2 a:hover{color:var(--magenta);text-decoration:none}
.br-domain{display:block;font-size:.72rem;color:var(--muted);margin-top:.15rem}
.br-count{text-align:right;line-height:1}
.br-count strong{display:block;font:700 1.5rem var(--font-display);color:var(--cyan-2);letter-spacing:-.02em}
.br-count span{font:600 .58rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.br-dates{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin:.9rem 0 .5rem;font-size:.72rem;color:var(--muted)}
.br-dates time{color:var(--text-2)}
.br-flags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}
.br-flag{font:600 .62rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border-2);border-radius:4px;padding:.15rem .45rem}
.br-flag-ok{color:var(--ok);border-color:rgba(52,211,153,.45);background:rgba(52,211,153,.07)}
.br-flag-warn{color:var(--warn);border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.07)}
.br-classes{list-style:none;margin:0 0 .75rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.br-classes li{font-size:.74rem;color:var(--violet-3);background:rgba(139,92,246,.10);border:1px solid rgba(139,92,246,.3);border-radius:999px;padding:.15rem .6rem}
.br-classes .br-more{color:var(--muted);background:transparent;border-style:dashed}
.br-desc{font-size:.9rem;color:var(--text-2);line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.br-desc p{margin:0}
.br-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;padding-top:.6rem;border-top:1px solid var(--border)}
.br-attribution{color:var(--muted);padding:1rem 0 2rem;border-top:1px solid var(--border)}

/* ---------- AI Security: signal deck ---------- */
@property --ai-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes ai-spin{to{--ai-angle:360deg}}
@keyframes ai-orbit{to{transform:rotate(360deg)}}
@keyframes ai-shimmer{to{background-position:300% 50%}}
@keyframes ai-breathe{0%,100%{transform:translateY(-50%) scale(1);opacity:.85}50%{transform:translateY(-50%) scale(1.05);opacity:1}}
@keyframes ai-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.page-ai{background-image:radial-gradient(ellipse 60% 40% at 50% -10%,rgba(34,211,238,.10),transparent),radial-gradient(ellipse 50% 30% at 90% 30%,rgba(217,70,239,.08),transparent)}
.ai-hero{position:relative;overflow:hidden;min-height:min(78vh,640px);display:flex;align-items:flex-end;border-bottom:1px solid rgba(34,211,238,.2);background:linear-gradient(180deg,#0e0a1f 0%,#0b0814 100%)}
.ai-net{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.85;pointer-events:none}
.ai-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);mask-image:linear-gradient(180deg,transparent,#000 40%,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%,#000 80%,transparent);mix-blend-mode:overlay}
.ai-orb{position:absolute;right:clamp(-60px,4vw,80px);top:50%;width:clamp(300px,36vw,480px);aspect-ratio:1;transform:translateY(-50%);pointer-events:none;animation:ai-breathe 9s ease-in-out infinite}
.ai-orb-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 55%,rgba(34,211,238,.9) 70%,rgba(217,70,239,.9) 82%,transparent 100%);-webkit-mask:radial-gradient(circle,transparent 63%,#000 63.5%,#000 65.5%,transparent 66%);mask:radial-gradient(circle,transparent 63%,#000 63.5%,#000 65.5%,transparent 66%);animation:ai-orbit 12s linear infinite;filter:drop-shadow(0 0 14px rgba(34,211,238,.6))}
.ai-orb-ring-2{inset:11%;background:conic-gradient(from 180deg,transparent 0 60%,rgba(139,92,246,.9) 78%,rgba(103,232,249,.8) 90%,transparent 100%);-webkit-mask:radial-gradient(circle,transparent 61%,#000 61.5%,#000 62.5%,transparent 63%);mask:radial-gradient(circle,transparent 61%,#000 61.5%,#000 62.5%,transparent 63%);animation-duration:19s;animation-direction:reverse}
.ai-orb-core{position:absolute;inset:24%;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(103,232,249,.55),rgba(139,92,246,.35) 45%,rgba(11,8,20,.2) 72%,transparent 74%);box-shadow:0 0 80px rgba(34,211,238,.25),inset 0 0 40px rgba(217,70,239,.25);filter:blur(1px)}
.ai-hero-inner{position:relative;padding-bottom:2.5rem;max-width:100%}
.ai-hero-inner .breadcrumbs{margin-top:1rem}
.ai-tag{display:inline-flex;align-items:center;gap:.5rem;font:700 .68rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-2);border:1px solid rgba(34,211,238,.4);background:rgba(34,211,238,.08);border-radius:999px;padding:.35rem .8rem;margin:1.5rem 0 1rem;backdrop-filter:blur(6px)}
.ai-tag-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 2s infinite}
.ai-title{font-size:clamp(3rem,1.6rem + 6vw,7rem);letter-spacing:-.04em;line-height:.95;margin:0 0 1rem;position:relative}
.ai-title span{background:linear-gradient(90deg,#fff 0%,var(--cyan-2) 25%,var(--violet-3) 50%,var(--magenta) 70%,#fff 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ai-shimmer 9s linear infinite;filter:drop-shadow(0 0 24px rgba(34,211,238,.25))}
.ai-intro{color:var(--text-2);font-size:clamp(1rem,.9rem + .5vw,1.2rem);max-width:56ch;margin:0 0 1.5rem;text-shadow:0 2px 12px rgba(11,8,20,.9)}
.ai-hud{display:flex;flex-wrap:wrap;align-items:center;gap:0;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid rgba(34,211,238,.25);border-radius:999px;background:rgba(19,15,32,.7);backdrop-filter:blur(10px);padding:.35rem .5rem;width:max-content;max-width:100%}
.ai-hud>*{padding:.35rem .9rem;border-right:1px solid rgba(34,211,238,.18)}
.ai-hud>*:last-child{border-right:0}
.ai-hud a{color:var(--cyan-2)}
.ai-hud-v{font-family:var(--font-display);font-size:1rem;color:#fff;letter-spacing:0;text-transform:none;margin-right:.2rem}
.ai-t-risk{--t-color:#fb7185}.ai-t-injection{--t-color:#fbbf24}.ai-t-agents{--t-color:#22d3ee}.ai-t-deepfake{--t-color:#f472b6}
.ai-t-malware{--t-color:#ef4444}.ai-t-privacy{--t-color:#34d399}.ai-t-defence{--t-color:#60a5fa}.ai-t-policy{--t-color:#c4b5fd}.ai-t-llm{--t-color:#67e8f9}
.ai-spectrum-wrap{padding:1.75rem 0 .5rem}
.ai-spectrum{display:flex;height:6px;border-radius:999px;overflow:hidden;gap:2px;margin-bottom:.9rem;background:rgba(42,35,66,.6)}
.ai-spectrum span{flex:1 1 0;background:var(--t-color,var(--cyan));box-shadow:0 0 10px var(--t-color,var(--cyan));opacity:.9;transition:flex-grow .6s ease}
.ai-lenses{display:flex;flex-wrap:wrap;gap:.4rem}
.ai-lens{display:inline-flex;align-items:center;gap:.45rem;font:600 .74rem var(--font-mono);color:var(--text-2);border:1px solid var(--border-2);background:rgba(19,15,32,.7);border-radius:999px;padding:.35rem .75rem;cursor:pointer;transition:border-color .2s,color .2s,background .2s,box-shadow .2s}
.ai-lens b{color:var(--t-color,var(--cyan));font-weight:600}
.ai-lens-dot{width:7px;height:7px;border-radius:50%;background:var(--t-color,var(--cyan));box-shadow:0 0 8px var(--t-color,var(--cyan))}
.ai-lens:hover,.ai-lens:focus-visible{border-color:var(--t-color,var(--cyan));color:var(--text);outline:none}
.ai-lens.is-on{border-color:var(--t-color,var(--cyan));background:color-mix(in srgb,var(--t-color,var(--cyan)) 14%,rgba(19,15,32,.9));color:#fff;box-shadow:0 0 18px color-mix(in srgb,var(--t-color,var(--cyan)) 30%,transparent)}
.ai-filter-empty{color:var(--muted);font-size:.78rem;margin:1rem 0 0}
.ai-deck{display:grid;gap:1.1rem;grid-template-columns:repeat(6,minmax(0,1fr));padding:1.25rem 0 1.5rem;perspective:1400px}
.ai-card{position:relative;grid-column:span 2;border-radius:18px;padding:1px;background:linear-gradient(160deg,color-mix(in srgb,var(--t-color,var(--cyan)) 45%,transparent),rgba(58,48,96,.5) 45%,rgba(58,48,96,.25));transform-style:preserve-3d;transition:transform .2s ease-out,box-shadow .3s;animation:ai-rise .6s both}
.ai-card:nth-child(2){animation-delay:.05s}.ai-card:nth-child(3){animation-delay:.1s}.ai-card:nth-child(4){animation-delay:.15s}.ai-card:nth-child(5){animation-delay:.2s}.ai-card:nth-child(6){animation-delay:.25s}.ai-card:nth-child(n+7){animation-delay:.3s}
.ai-card:hover{box-shadow:0 26px 56px rgba(0,0,0,.55),0 0 46px color-mix(in srgb,var(--t-color,var(--cyan)) 22%,transparent)}
.ai-card-body{position:relative;height:100%;display:flex;flex-direction:column;gap:.35rem;border-radius:17px;padding:1.15rem 1.2rem;overflow:hidden;background:linear-gradient(160deg,rgba(26,21,48,.82),rgba(11,8,20,.92));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.ai-card-body::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--t-color,var(--cyan)),transparent);opacity:.8}
.ai-card-body::after{content:"";position:absolute;inset:auto -30% -40% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--t-color,var(--cyan)) 22%,transparent),transparent 65%);pointer-events:none;transition:opacity .3s;opacity:.7}
.ai-card:hover .ai-card-body::after{opacity:1}
.ai-card-index{position:absolute;right:.6rem;top:-.55rem;font:700 4.5rem/1 var(--font-display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--t-color,var(--cyan)) 35%,transparent);pointer-events:none;user-select:none}
.ai-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;padding-right:3.4rem}
.ai-card-lead .ai-row{padding-right:7rem}
.ai-code{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--t-color,var(--cyan))}
.ai-row time{font-size:.7rem;color:var(--muted)}
.ai-topics{list-style:none;margin:.45rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;position:relative}
.ai-topics li{font:600 .62rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t-color,var(--cyan));border:1px solid color-mix(in srgb,var(--t-color,var(--cyan)) 45%,transparent);background:color-mix(in srgb,var(--t-color,var(--cyan)) 10%,transparent);border-radius:4px;padding:.15rem .45rem}
.ai-card h3{font-size:1.1rem;margin:.35rem 0 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;position:relative;letter-spacing:-.01em}
.ai-card h3 a,.ai-card h2 a{color:var(--text)}
.ai-card h3 a:hover,.ai-card h2 a:hover{color:var(--t-color,var(--cyan));text-decoration:none}
.ai-card h3 a::after,.ai-card h2 a::after{content:"";position:absolute;inset:0}
.ai-card p{color:var(--text-2);font-size:.9rem;margin:.2rem 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;position:relative}
.ai-foot{display:flex;gap:1.25rem;align-items:center;margin-top:auto;padding-top:.8rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-top:1px solid rgba(139,92,246,.18);position:relative}
.ai-open{margin-left:auto;color:var(--t-color,var(--cyan))}
.ai-open::after{content:" \2192"}
.ai-card-shine{position:absolute;inset:0;border-radius:18px;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.12),transparent 45%);opacity:0;transition:opacity .3s}
.ai-card:hover .ai-card-shine{opacity:1}
.ai-card-lead{grid-column:span 4;grid-row:span 2;border-radius:22px;padding:2px;background:conic-gradient(from var(--ai-angle,0deg),rgba(34,211,238,0),var(--t-color,var(--cyan)),rgba(217,70,239,.9),rgba(139,92,246,0) 70%);animation:ai-spin 9s linear infinite,ai-rise .6s both}
.ai-card-lead .ai-card-body{border-radius:20px;padding:clamp(1.4rem,3vw,2.4rem);justify-content:center;background:linear-gradient(160deg,rgba(26,21,48,.9),rgba(11,8,20,.96))}
.ai-card-lead .ai-card-body::before{height:0}
.ai-card-lead .ai-card-index{font-size:9rem;right:1rem;top:-1rem;-webkit-text-stroke-width:1.5px}
.ai-card-lead h2{font-size:clamp(1.6rem,1.1rem + 2vw,2.7rem);margin:.5rem 0 .6rem;max-width:22ch;line-height:1.1;letter-spacing:-.02em;position:relative}
.ai-card-lead p{font-size:1.05rem;max-width:60ch;-webkit-line-clamp:5}
.ai-lead-orb{position:absolute;right:clamp(1rem,4vw,3rem);bottom:clamp(1rem,4vw,2.5rem);width:150px;height:150px;pointer-events:none}
.ai-lead-orb span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(34,211,238,.5);box-shadow:0 0 30px rgba(34,211,238,.25) inset;animation:ai-orbit 12s linear infinite}
.ai-lead-orb span:nth-child(2){inset:22px;border-color:rgba(217,70,239,.5);animation-duration:8s;animation-direction:reverse}
.ai-lead-orb span:nth-child(3){inset:48px;border-color:rgba(139,92,246,.7);background:radial-gradient(circle,rgba(34,211,238,.35),transparent 70%);animation-duration:5s}
.ai-lead-orb span::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--cyan-2);box-shadow:0 0 12px var(--cyan)}
.ai-card-tall{grid-column:span 2}
.ai-card-tall .ai-card-body{padding:1.3rem 1.3rem}
.ai-card-tall h3{font-size:1.2rem;-webkit-line-clamp:4}
.ai-card-tall p{-webkit-line-clamp:4}
.ai-card-wide{grid-column:span 4}
.ai-card-wide h3{font-size:1.35rem;-webkit-line-clamp:2;max-width:44ch}
.ai-card-wide p{-webkit-line-clamp:2;max-width:70ch}
@media (max-width:1100px){.ai-deck{grid-template-columns:repeat(4,minmax(0,1fr))}.ai-card-lead{grid-column:span 4;grid-row:span 1}.ai-card-wide{grid-column:span 4}}
@media (max-width:700px){.ai-deck{grid-template-columns:1fr}.ai-card,.ai-card-lead,.ai-card-wide,.ai-card-tall{grid-column:span 1}.ai-hero{min-height:0}.ai-orb{opacity:.45;right:-30%;width:70vw}.ai-lead-orb{display:none}.ai-card-index{font-size:3.5rem}.ai-card-lead .ai-card-index{font-size:6rem}}
@media (prefers-reduced-motion:reduce){.ai-title span,.ai-orb,.ai-orb-ring,.ai-lead-orb span,.ai-card,.ai-card-lead{animation:none}.ai-card{transition:none}}
.page-ai .pagination{margin-top:2rem}

/* ---------- AI Model Index ---------- */
.page-aiindex{background-image:radial-gradient(ellipse 60% 40% at 50% -10%,rgba(139,92,246,.16),transparent 60%),radial-gradient(ellipse 40% 30% at 100% 30%,rgba(34,211,238,.08),transparent 60%)}
.ax-head{display:grid;gap:1.5rem;padding:2rem 0 1.5rem}
.ax-head-slim{padding:1.25rem 0 .75rem;grid-template-columns:1fr!important}
.ax-head-slim .ax-meters{width:100%}
@media (min-width:1100px){.ax-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}}
.ax-tag{display:inline-flex;align-items:center;gap:.5rem;font:700 .68rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--violet-2);border:1px solid rgba(139,92,246,.45);background:rgba(139,92,246,.08);border-radius:999px;padding:.3rem .8rem;margin-bottom:.9rem}
.ax-tag-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:tb-pulse 1.8s ease-in-out infinite}
.ax-head h1{margin:0 0 .5rem}
.ax-intro{color:var(--text-2);font-size:1.05rem;max-width:66ch;margin:0}
.ax-meters{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:1px;margin:0;background:rgba(139,92,246,.25);border:1px solid rgba(139,92,246,.25);border-radius:12px;overflow:hidden}
@media (min-width:640px){.ax-meters{grid-template-columns:repeat(4,minmax(130px,auto))}}
.ax-meters div{background:rgba(19,15,32,.92);padding:.75rem 1rem}
.ax-meters dt{font:600 .62rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ax-meters dd{margin:.2rem 0 0;font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--cyan-2);line-height:1.1}
.ax-meters dd.ax-meter-text{font-size:1rem}
.ax-panel{background:linear-gradient(160deg,rgba(26,21,48,.75),rgba(11,8,20,.9));border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin:0 0 1.25rem;position:relative;overflow:hidden}
.ax-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(139,92,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.05) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at 100% 0%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 100% 0%,#000,transparent 70%)}
.ax-panel>*{position:relative}
.ax-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.ax-panel-head h2{font-size:1.25rem;margin:0}
.ax-pending p{color:var(--text-2);margin:0}
.ax-two{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media (min-width:1000px){.ax-two{grid-template-columns:3fr 2fr}.ax-two-even{grid-template-columns:1fr 1fr}}
.ax-lineup{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.ax-flag{border:1px solid var(--border);border-left:4px solid var(--cr);border-radius:12px;padding:1rem 1.1rem;background:rgba(11,8,20,.6);transition:transform .2s var(--ease),border-color .2s}
.ax-flag:hover{transform:translateY(-3px);border-color:var(--cr)}
.ax-flag-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.72rem;color:var(--muted)}
.ax-flag h3{font-size:1.15rem;margin:.45rem 0 .6rem;line-height:1.25}
.ax-specs-4{grid-template-columns:repeat(4,1fr)}
.ch-strip .ch-dot{opacity:.85}
.ax-note{color:var(--muted);font-size:.82rem;margin:.75rem 0 0}
/* CSS-only tabs */
.ax-tabs{display:flex;flex-wrap:wrap;gap:.4rem}
.ax-tabs input{position:absolute;opacity:0;pointer-events:none}
.ax-tabs label{cursor:pointer;font:600 .74rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border-2);border-radius:999px;padding:.35rem .9rem;transition:color .2s,border-color .2s,background .2s}
.ax-tabs label:hover{color:var(--text)}
.ax-tabs input:focus-visible+label{outline:2px solid var(--cyan);outline-offset:2px}
.ax-tabs input:checked+label{color:#fff;background:var(--violet);border-color:var(--violet)}
.ax-tab-pane{display:none;width:100%;margin-top:1rem;flex-basis:100%}
#ax-t1:checked~.ax-tab-pane:nth-of-type(1),#ax-t2:checked~.ax-tab-pane:nth-of-type(2),#ax-t3:checked~.ax-tab-pane:nth-of-type(3),#ax-t4:checked~.ax-tab-pane:nth-of-type(4),#ax-t5:checked~.ax-tab-pane:nth-of-type(5){display:block}
/* charts */
.ch{width:100%;height:auto;display:block;font-family:var(--font-ui)}
.ch-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.ch-item{display:grid;grid-template-columns:minmax(120px,220px) 1fr 70px;gap:.9rem;align-items:center}
.ch-name{display:flex;flex-direction:column;line-height:1.15;min-width:0;text-align:right}
.ch-name b{font-weight:600;font-size:.92rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-name small{font:400 .66rem var(--font-mono);color:var(--muted)}
.ch-item progress{-webkit-appearance:none;appearance:none;width:100%;height:18px;border:0;border-radius:5px;background:rgba(139,92,246,.08);overflow:hidden}
.ch-item progress::-webkit-progress-bar{background:rgba(139,92,246,.08);border-radius:5px}
.ch-item progress::-webkit-progress-value{background:var(--cr);border-radius:5px;transition:width .4s var(--ease)}
.ch-item progress::-moz-progress-bar{background:var(--cr);border-radius:5px}
.ch-num{color:var(--cyan-2);font-size:.8rem;white-space:nowrap}
@media (max-width:560px){.ch-item{grid-template-columns:1fr 60px;grid-template-areas:"name name" "bar num"}.ch-name{grid-area:name;text-align:left}.ch-item progress{grid-area:bar}.ch-num{grid-area:num}}
.ch-label{fill:var(--text);font-size:13px;font-weight:600}
.ch-sub{fill:var(--muted);font-size:10px;font-family:var(--font-mono)}
.ch-val{fill:var(--cyan-2);font-size:12px;font-family:var(--font-mono)}
.ch-track{fill:rgba(139,92,246,.08)}
.ch-bar{opacity:.9;transition:opacity .2s}
.ch-row:hover .ch-bar{opacity:1}
.ch-grid{stroke:rgba(139,92,246,.18);stroke-width:1}
.ch-axis{fill:var(--muted);font-size:11px;font-family:var(--font-mono)}
.ch-axis-title{fill:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.ch-dot{opacity:.9;stroke:rgba(11,8,20,.9);stroke-width:1.5}
.ch-dot:hover{opacity:1}
.ch-dot-hollow{fill:var(--bg);stroke-width:2}
.ch-dot-label{fill:var(--text);font-size:11px}
.ch-range-line{stroke-width:2;opacity:.6}
.ch-donut{width:56px;height:56px;flex:none}
.ch-track-ring{fill:none;stroke:rgba(139,92,246,.15);stroke-width:7}
.ch-ring{fill:none;stroke-width:7;stroke-linecap:round}
.ch-donut-val{fill:var(--text);font-size:12px;font-weight:700;font-family:var(--font-display)}
/* creator colours: bars/dots use fill, rings/lines use stroke, cards use --cr */
.cr-openai{--cr:#10a37f}.cr-anthropic{--cr:#d97757}.cr-google{--cr:#4285f4}.cr-meta{--cr:#0866ff}.cr-mistral{--cr:#ff7000}.cr-deepseek{--cr:#4d6bfe}.cr-alibaba{--cr:#ff6a00}.cr-xai{--cr:#e5e7eb}.cr-zai{--cr:#22d3ee}.cr-moonshot{--cr:#a78bfa}.cr-minimax{--cr:#f472b6}.cr-nvidia{--cr:#76b900}.cr-amazon{--cr:#ff9900}.cr-microsoft{--cr:#7fba00}.cr-cohere{--cr:#39594d}.cr-other{--cr:#8b5cf6}
rect.ch-bar,circle.ch-dot{fill:var(--cr)}
circle.ch-dot-hollow,line.ch-range-line,circle.ch-ring{stroke:var(--cr)}
/* cards */
.ax-cards{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.ax-card{border:1px solid var(--border);border-radius:12px;padding:1rem;background:rgba(11,8,20,.6);border-top:3px solid var(--cr);transition:transform .2s var(--ease),border-color .2s}
.ax-card:hover{transform:translateY(-3px);border-color:var(--cr)}
.ax-card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.72rem;color:var(--muted)}
.ax-cr{display:inline-flex;align-items:center;gap:.4rem;font:600 .68rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}
.ax-cr-dot{width:8px;height:8px;border-radius:50%;background:var(--cr);box-shadow:0 0 8px var(--cr)}
.ax-card h3{font-size:1.05rem;margin:.5rem 0 .6rem;line-height:1.3}
.ax-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0 0 .6rem}
.ax-specs dt{font:600 .58rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ax-specs dd{margin:.1rem 0 0;font:700 .95rem var(--font-display);color:var(--cyan-2)}
.ax-badges{display:flex;flex-wrap:wrap;gap:.3rem}
.ax-badges span{font:600 .6rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--violet-3);border:1px solid rgba(139,92,246,.35);background:rgba(139,92,246,.08);border-radius:4px;padding:.12rem .4rem}
.ax-eco{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.ax-eco li{display:flex;align-items:center;gap:1rem}
.ax-eco strong{display:block;font-family:var(--font-display);font-size:1rem}
.ax-eco span{color:var(--muted);font-size:.85rem}
.ax-attribution{color:var(--muted);padding:1rem 0 2rem;border-top:1px solid var(--border)}

/* ---------- Books: reading room ---------- */
.page-books{background-image:radial-gradient(ellipse 60% 40% at 50% -10%,rgba(139,92,246,.18),transparent 60%),radial-gradient(ellipse 40% 30% at 100% 50%,rgba(217,70,239,.08),transparent 60%)}
.bk-head{display:grid;gap:1rem;padding:2rem 0 1.25rem}
@media (min-width:1000px){.bk-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}}
.bk-tag{display:inline-flex;align-items:center;gap:.5rem;font:700 .68rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--violet-2);border:1px solid rgba(139,92,246,.45);background:rgba(139,92,246,.08);border-radius:999px;padding:.3rem .8rem;margin-bottom:.9rem}
.bk-tag-dot{width:7px;height:7px;border-radius:50%;background:var(--violet-2);box-shadow:0 0 10px var(--violet-2)}
.bk-head h1{margin:0 0 .5rem}
.bk-intro{color:var(--text-2);font-size:1.05rem;max-width:70ch;margin:0}
.bk-search{display:flex;gap:.5rem;align-items:center}
.bk-search input{width:min(320px,60vw)}
/* spotlight */
.sp{margin:1rem 0 2.5rem;border:1px solid rgba(139,92,246,.35);border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(34,27,61,.85),rgba(11,8,20,.95));position:relative;overflow:hidden}
.sp::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 70% at 22% 50%,rgba(139,92,246,.25),transparent 65%),linear-gradient(rgba(139,92,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.05) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px}
.sp-main{position:relative;display:grid;gap:2rem;padding:clamp(1.25rem,3vw,2.5rem);grid-template-columns:1fr}
@media (min-width:860px){.sp-main{grid-template-columns:340px minmax(0,1fr);align-items:center}}
.sp-cover-wrap{position:relative;perspective:1200px;justify-self:center;transform-style:preserve-3d}
.sp-cover{position:relative;margin:0;width:min(320px,70vw);aspect-ratio:2/3;border-radius:10px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.08),inset 6px 0 12px rgba(255,255,255,.05);transform:translateZ(30px);background:var(--panel-2)}
.sp-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s}
.sp-cover.is-swapping img{opacity:0}
.sp-glow{position:absolute;inset:10% -10% -10%;border-radius:50%;background:radial-gradient(ellipse at 50% 60%,rgba(139,92,246,.45),rgba(34,211,238,.15) 45%,transparent 70%);filter:blur(30px);z-index:-1;pointer-events:none}
.sp-body{min-width:0;display:flex;flex-direction:column;gap:.75rem}
.sp-kicker{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.sp-title{font-size:clamp(1.6rem,1.1rem + 2vw,2.8rem);margin:0;line-height:1.1;letter-spacing:-.02em}
.sp-by{margin:0;color:var(--text-2);display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:baseline;font-size:1.02rem}
.sp-meta{font-size:.72rem;color:var(--muted);letter-spacing:.04em}
.sp-desc{margin:0;color:var(--text-2);font-size:1rem;line-height:1.6;max-width:70ch;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;min-height:1.6em}
.sp-actions{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin-top:.25rem}
.sp-link{font:600 .74rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.sp-link[hidden]{display:none}
.sp-nav{display:flex;align-items:center;gap:.6rem;margin-top:.5rem}
.sp-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-2);background:rgba(19,15,32,.9);color:var(--text);font-size:1.05rem;cursor:pointer;transition:border-color .2s,color .2s}
.sp-btn:hover{border-color:var(--cyan);color:var(--cyan)}
.sp-nav-hint{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-left:.4rem}
.sp-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}
.sp-botd{display:inline-flex;align-items:center;gap:.45rem;color:#fff;background:linear-gradient(90deg,var(--violet),var(--magenta));border-radius:999px;padding:.28rem .75rem;font-weight:700;letter-spacing:.14em;box-shadow:0 0 18px rgba(217,70,239,.35)}
.sp-botd[hidden]{display:none}
.sp-botd-dot{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;animation:tb-pulse 1.8s ease-in-out infinite}
.sp-strip{list-style:none;margin:0;padding:.9rem 1.25rem 1.1rem;display:flex;gap:.6rem;overflow-x:auto;border-top:1px solid rgba(139,92,246,.25);background:rgba(11,8,20,.55);scrollbar-width:thin;position:relative}
.sp-thumb{display:block;width:72px;height:108px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:var(--panel-2);cursor:pointer;opacity:.55;transition:opacity .2s,transform .2s var(--ease),border-color .2s;flex:none}
.sp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sp-thumb:hover{opacity:1;transform:translateY(-4px)}
.sp-thumb.is-active{opacity:1;border-color:var(--cyan);box-shadow:0 0 18px rgba(34,211,238,.35)}
.sp-thumb.sp-own.is-active{border-color:var(--violet-2);box-shadow:0 0 18px rgba(139,92,246,.5)}
/* shelves */
.shelf{margin:0 0 2.5rem}
.shelf-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}
.shelf-head h2{margin:0;font-size:1.3rem}
.shelf-own .shelf-head{border-bottom-color:rgba(139,92,246,.5)}
.shelf-row{position:relative;padding:1rem 0 0}
.shelf-books{list-style:none;margin:0;padding:.5rem .5rem 1.2rem;display:flex;gap:1.35rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;perspective:1200px}
.shelf-books li{flex:none;scroll-snap-align:start}
.book{position:relative;display:block;width:160px;padding:0;border:0;background:none;color:inherit;cursor:pointer;text-align:left;transform-style:preserve-3d;transition:transform .35s var(--ease)}
.book-cover{display:block;width:160px;aspect-ratio:2/3;border-radius:4px 8px 8px 4px;overflow:hidden;background:var(--panel-2);box-shadow:-6px 0 0 -2px rgba(255,255,255,.06),0 26px 40px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.06);transform:rotateY(-18deg) translateZ(0);transform-origin:left center;transition:transform .35s var(--ease),box-shadow .35s}
.book-cover img{width:100%;height:100%;object-fit:cover;display:block}
.book-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.14),transparent 12%,transparent 90%,rgba(0,0,0,.25));pointer-events:none}
.book:hover .book-cover,.book:focus-visible .book-cover{transform:rotateY(0) translateY(-14px) translateZ(20px);box-shadow:0 36px 60px rgba(0,0,0,.7),0 0 0 2px var(--cyan),0 0 40px rgba(34,211,238,.3)}
.book-own .book-cover{box-shadow:-6px 0 0 -2px rgba(255,255,255,.06),0 26px 40px rgba(0,0,0,.6),0 0 0 2px var(--violet),0 0 30px rgba(139,92,246,.45)}
.book:focus-visible{outline:none}
.book-blank{display:flex;flex-direction:column;justify-content:flex-end;gap:.3rem;width:100%;height:100%;padding:1rem .9rem;background:radial-gradient(ellipse at 30% 20%,rgba(139,92,246,.45),transparent 60%),linear-gradient(160deg,#221b3d,#0b0814)}
.book-blank b{font:700 .92rem var(--font-display);line-height:1.25;color:var(--text)}
.book-blank small{font:400 .68rem var(--font-mono);color:var(--muted)}
.book-label{display:block;width:160px;margin-top:.9rem}
.book-label b{display:block;font:600 .86rem var(--font-ui);color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.book-label small{display:block;font:400 .68rem var(--font-mono);color:var(--muted);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.book-badge{position:absolute;top:8px;left:8px}
.shelf-plank{position:absolute;left:0;right:0;top:calc(240px + 1.5rem);height:14px;border-radius:3px;background:linear-gradient(180deg,rgba(139,92,246,.55),rgba(60,40,110,.7) 60%,rgba(20,14,40,.9));box-shadow:0 12px 30px rgba(139,92,246,.25),0 2px 0 rgba(255,255,255,.08) inset;pointer-events:none;z-index:-1}
.shelf-plank::after{content:"";position:absolute;left:0;right:0;top:100%;height:40px;background:linear-gradient(180deg,rgba(139,92,246,.18),transparent);pointer-events:none}
.shelf-row{z-index:0}
li.is-highlight .book-cover{box-shadow:0 36px 60px rgba(0,0,0,.7),0 0 0 2px var(--cyan),0 0 40px rgba(34,211,238,.45);transform:rotateY(0) translateY(-14px)}
/* dialog */
.bk-dialog{border:1px solid rgba(139,92,246,.4);border-radius:var(--radius-lg);padding:0;background:linear-gradient(160deg,#1a1530,#0b0814);color:var(--text);width:min(920px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);box-shadow:0 40px 100px rgba(0,0,0,.7),0 0 60px rgba(139,92,246,.2)}
.bk-dialog::backdrop{background:rgba(5,3,10,.75);backdrop-filter:blur(6px)}
.bk-dialog-close{position:absolute;top:.6rem;right:.6rem;margin:0;z-index:2}
.bk-dialog-close button{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-2);background:rgba(19,15,32,.9);color:var(--text);font-size:1.3rem;cursor:pointer;line-height:1}
.bk-dialog-close button:hover{border-color:var(--cyan);color:var(--cyan)}
.bk-dialog-grid{display:grid;gap:1.5rem;padding:clamp(1.25rem,3vw,2.25rem);grid-template-columns:1fr;overflow:auto;max-height:calc(100vh - 2rem)}
@media (min-width:720px){.bk-dialog-grid{grid-template-columns:280px minmax(0,1fr)}}
.bk-dialog-cover{margin:0;width:min(280px,60vw);aspect-ratio:2/3;border-radius:10px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.08);justify-self:center;background:var(--panel-2)}
.bk-dialog-cover img{width:100%;height:100%;object-fit:cover;display:block}
.bk-dialog-body{display:flex;flex-direction:column;gap:.7rem;min-width:0}
.bk-dialog-kicker{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.bk-dialog-body h2{margin:0;font-size:clamp(1.4rem,1rem + 1.4vw,2.1rem);line-height:1.15}
.bk-dialog-by{margin:0;color:var(--text-2);font-size:1rem}
.bk-dialog-desc{margin:0;color:var(--text-2);line-height:1.6;font-size:.98rem}
.bk-dialog-actions{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border)}
.bk-dialog-actions [hidden]{display:none}
.tilt-shine{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.14),transparent 40%);opacity:0;transition:opacity .3s}
[data-tilt]:hover .tilt-shine{opacity:1}


/* ---------- Site-wide touches (aurora, reveal, spotlight hover, sparks, decrypt) ---------- */
.aurora{position:fixed;inset:-20% -10% auto;height:70vh;z-index:0;pointer-events:none;overflow:hidden;opacity:.55;mask-image:linear-gradient(180deg,#000 30%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent)}
.aurora i{position:absolute;width:55vw;height:55vw;border-radius:50%;filter:blur(90px);mix-blend-mode:screen;opacity:.35;animation:aurora-drift 26s ease-in-out infinite alternate}
.aurora i:nth-child(1){left:-10%;top:-10%;background:radial-gradient(circle,#5b2bd6,transparent 60%)}
.aurora i:nth-child(2){left:35%;top:-25%;background:radial-gradient(circle,#22d3ee,transparent 60%);animation-duration:32s;animation-delay:-8s;opacity:.22}
.aurora i:nth-child(3){right:-15%;top:-5%;background:radial-gradient(circle,#d946ef,transparent 60%);animation-duration:38s;animation-delay:-16s;opacity:.2}
@keyframes aurora-drift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6vw,4vh,0) scale(1.12)}100%{transform:translate3d(-4vw,8vh,0) scale(.95)}}
@media (prefers-reduced-motion:reduce){.aurora i{animation:none}}
.site-header{position:relative}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.7),rgba(139,92,246,.7),transparent);background-size:200% 100%;animation:hdr-scan 8s linear infinite;pointer-events:none}
@keyframes hdr-scan{to{background-position:-200% 0}}
.main-nav a[aria-current],.main-nav summary[aria-current]{position:relative}
.main-nav a[aria-current]::after{content:"";position:absolute;left:10%;right:10%;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--violet),var(--cyan),var(--magenta),var(--violet));background-size:300% 100%;animation:star-border 4s linear infinite}
@keyframes star-border{to{background-position:300% 0}}
.js-reveal .rv{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js-reveal .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js-reveal .rv{opacity:1;transform:none;transition:none}}
.glow-hover{position:relative}
.glow-hover::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(139,92,246,.16),transparent 45%)}
.glow-hover:hover::after{opacity:1}
.spark{position:fixed;left:0;top:0;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);pointer-events:none;z-index:999;animation:spark .5s var(--ease) forwards}
@keyframes spark{to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}
.decrypting{font-variant-ligatures:none}
.decrypting .dc{color:var(--cyan-2);opacity:.85}
.count-up{font-variant-numeric:tabular-nums}


/* ---------- Latest news: live wire ---------- */
.page-wire{background-image:radial-gradient(ellipse 60% 40% at 50% -10%,rgba(251,113,133,.10),transparent 60%),radial-gradient(ellipse 40% 30% at 100% 30%,rgba(139,92,246,.14),transparent 60%)}
.wr-head{display:grid;gap:1.25rem;padding:2rem 0 1.25rem}
@media (min-width:1100px){.wr-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}}
.wr-tag{display:inline-flex;align-items:center;gap:.5rem;font:700 .68rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--danger);border:1px solid rgba(251,113,133,.45);background:rgba(251,113,133,.08);border-radius:4px;padding:.3rem .7rem;margin-bottom:.9rem}
.wr-tag-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 10px var(--danger);animation:rw-blink 1.2s ease-in-out infinite;display:inline-block}
.wr-head h1{margin:0 0 .4rem}
.wr-intro{color:var(--text-2);font-size:1.02rem;max-width:64ch;margin:0}
.wr-status{display:grid;gap:.75rem;justify-items:end}
.wr-clock{display:inline-flex;align-items:baseline;gap:.4rem;font-size:1.35rem;color:var(--cyan-2);letter-spacing:.06em;background:rgba(19,15,32,.8);border:1px solid rgba(34,211,238,.3);border-radius:10px;padding:.45rem .9rem;font-variant-numeric:tabular-nums}
.wr-clock small{font-size:.62rem;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}
.wr-clock-sep{width:1px;height:1.1em;background:var(--border-2);margin:0 .35rem;align-self:center}
.wr-meters{display:grid;grid-template-columns:repeat(4,auto);gap:1px;margin:0;background:rgba(251,113,133,.22);border:1px solid rgba(251,113,133,.22);border-radius:10px;overflow:hidden}
.wr-meters div{background:rgba(19,15,32,.92);padding:.6rem .9rem}
.wr-meters dt{font:600 .58rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.wr-meters dd{margin:.15rem 0 0;font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--text);line-height:1.1}
.wr-meters dd small{font-size:.75rem;color:var(--muted);font-weight:400}
@media (max-width:640px){.wr-status{justify-items:start}.wr-meters{grid-template-columns:1fr 1fr}}
.wr-grid{display:grid;gap:2rem;grid-template-columns:1fr;padding-bottom:2rem}
@media (min-width:1100px){.wr-grid{grid-template-columns:minmax(0,1fr) 340px}}
/* category colours */
.wc-threat-intelligence{--wc:#22d3ee}.wc-vulnerabilities{--wc:#fbbf24}.wc-ransomware{--wc:#fb7185}.wc-data-breaches{--wc:#d946ef}.wc-ai-security{--wc:#a78bfa}.wc-ai-analyser{--wc:#a78bfa}.wc-other{--wc:#8b5cf6}
.wr-cdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--wc,var(--violet));box-shadow:0 0 8px var(--wc,var(--violet))}
.wr-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}
.wr-row time{font-size:.7rem;color:var(--muted);margin-left:auto}
.wr-chip{display:inline-flex;align-items:center;gap:.4rem;font:600 .66rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--border-2);border-radius:4px;padding:.18rem .5rem;background:rgba(19,15,32,.7)}
a.wr-chip:hover{border-color:var(--wc,var(--violet));color:var(--text);text-decoration:none}
.wr-chip-flash{color:#fff;background:var(--danger);border-color:var(--danger);animation:rw-blink 2.4s ease-in-out infinite}
.wr-kind{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.wr-flash{position:relative;overflow:hidden;border-radius:16px;padding:clamp(1.25rem,3vw,2rem);margin-bottom:1.5rem;background:linear-gradient(160deg,rgba(34,27,61,.95),rgba(11,8,20,.98));border:1px solid rgba(251,113,133,.45);box-shadow:0 20px 50px rgba(0,0,0,.45),0 0 40px rgba(251,113,133,.08)}
.wr-flash::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(251,113,133,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(251,113,133,.06) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at 100% 0%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 100% 0%,#000,transparent 70%);pointer-events:none}
.wr-flash-scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--danger),transparent);animation:tb-scan 3s linear infinite}
.wr-flash h2{font-size:clamp(1.5rem,1.1rem + 1.8vw,2.4rem);margin:.75rem 0 .5rem;line-height:1.15;position:relative}
.wr-flash h2 a{color:var(--text)}
.wr-flash h2 a:hover{color:var(--danger);text-decoration:none}
.wr-cursor{display:inline-block;width:.55em;height:1em;margin-left:.15em;vertical-align:-.1em;background:var(--danger);animation:rw-blink 1s steps(2) infinite}
.wr-flash p{color:var(--text-2);font-size:1.05rem;max-width:72ch;margin:0 0 .75rem;position:relative}
.wr-src{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:.75rem;border-top:1px solid rgba(251,113,133,.25);position:relative}
.wr-open{margin-left:auto;color:var(--danger)}
.wr-open::after{content:" \2192"}
.wr-list{list-style:none;margin:0;padding:0;position:relative}
.wr-list::before{content:"";position:absolute;left:74px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,var(--danger),rgba(139,92,246,.5) 30%,var(--border) 100%)}
.wr-day{position:relative;padding:.9rem 0 .5rem 96px}
.wr-day span{font:700 .64rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text);background:var(--panel-2);border:1px solid var(--border-2);border-radius:999px;padding:.25rem .7rem}
.wr-item{position:relative;display:grid;grid-template-columns:74px 1fr;gap:1.35rem;padding:1rem 0;border-bottom:1px solid var(--border)}
.wr-item::before{content:"";position:absolute;left:69px;top:1.3rem;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--wc,var(--violet));box-shadow:0 0 10px var(--wc,var(--violet));transition:background .2s}
.wr-item:hover::before{background:var(--wc,var(--violet))}
.wr-item.is-new::before{background:var(--wc,var(--violet));animation:tb-pulse 1.6s ease-in-out infinite}
.wr-time{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;color:var(--text-2);font-size:.86rem;padding-top:.15rem}
.wr-new{font:700 .58rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--danger);border-radius:3px;padding:.1rem .35rem}
.wr-body{min-width:0;display:flex;flex-direction:column;gap:.35rem}
.wr-body h2{font-size:1.12rem;margin:0;line-height:1.3}
.wr-body h2 a{color:var(--text)}
.wr-body h2 a:hover{color:var(--wc,var(--cyan-2));text-decoration:none}
.wr-body p{color:var(--text-2);font-size:.92rem;margin:0}
@media (max-width:640px){.wr-list::before{display:none}.wr-item{grid-template-columns:1fr;gap:.4rem}.wr-item::before{display:none}.wr-time{flex-direction:row;align-items:center}.wr-day{padding-left:0}}
.wr-rail{display:grid;gap:1rem;align-content:start;position:sticky;top:80px}
.wr-panel{background:linear-gradient(160deg,rgba(26,21,48,.85),rgba(11,8,20,.95));border:1px solid var(--border);border-radius:14px;padding:1rem 1.1rem}
.wr-panel h2{font-size:.78rem;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}
.wr-panel-priority{border-color:rgba(251,113,133,.45);background:linear-gradient(160deg,rgba(60,20,35,.7),rgba(11,8,20,.95))}
.wr-panel-priority h2{color:var(--danger)}
.wr-plist{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.wr-plist li{display:grid;grid-template-columns:auto 1fr;gap:.6rem;align-items:baseline;font-size:.92rem;line-height:1.35}
.wr-plist time{font-size:.68rem;color:var(--muted)}
.wr-plist a{color:var(--text)}
.wr-bars{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.wr-bars li{display:grid;grid-template-columns:minmax(0,1fr) 90px 26px;gap:.6rem;align-items:center;font-size:.85rem}
.wr-bars a{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-2);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wr-bars progress{-webkit-appearance:none;appearance:none;width:100%;height:8px;border:0;border-radius:4px;background:rgba(139,92,246,.1);overflow:hidden}
.wr-bars progress::-webkit-progress-bar{background:rgba(139,92,246,.1);border-radius:4px}
.wr-bars progress::-webkit-progress-value{background:var(--wc,var(--violet));border-radius:4px}
.wr-bars progress::-moz-progress-bar{background:var(--wc,var(--violet));border-radius:4px}
.wr-bars b{color:var(--muted);font-size:.72rem;text-align:right}
.wr-sources{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.wr-sources li{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;color:var(--text-2);border:1px solid var(--border-2);border-radius:999px;padding:.2rem .6rem}
.wr-sources b{color:var(--cyan);font-size:.66rem}
.page-wire .pagination{margin-top:2rem}

/* ---------- Home: front page upgrades ---------- */
.home .lead-story{border-color:transparent;isolation:isolate}
.home .lead-story::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--ai-angle,0deg),transparent,var(--cyan) 20%,var(--violet) 40%,var(--magenta) 55%,transparent 75%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:ai-spin 10s linear infinite;pointer-events:none;z-index:2}
.home .lead-story h2{font-size:clamp(1.8rem,1.2rem + 2.4vw,3.2rem);letter-spacing:-.02em}
.home .card{border-top:2px solid rgba(139,92,246,.35)}
.home .card:has(.type-syndicated){border-top-color:rgba(139,92,246,.45)}
.home .card:has(.type-opinion){border-top-color:rgba(217,70,239,.55)}
.home .card:has(.type-research){border-top-color:rgba(52,211,153,.55)}
.home .section-head{border-bottom:0;position:relative;padding-bottom:.7rem}
.home .section-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--violet),rgba(34,211,238,.6) 40%,transparent)}
.home .panel{background:linear-gradient(160deg,rgba(26,21,48,.85),rgba(11,8,20,.95));border-top:2px solid rgba(139,92,246,.45)}
.home .threat-panel{border-top-color:rgba(217,70,239,.6)}


/* ---------- About: newsroom page ---------- */
.ab-hero{position:relative;padding:2.5rem 0 2rem;overflow:hidden}
.ab-tag{display:inline-flex;align-items:center;gap:.5rem;font:700 .68rem var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(34,211,238,.4);background:rgba(34,211,238,.06);border-radius:999px;padding:.3rem .8rem;margin-bottom:1rem}
.ab-tag-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:tb-pulse 1.8s ease-in-out infinite}
.ab-hero h1{font-size:clamp(2.2rem,1.4rem + 3vw,4rem);letter-spacing:-.02em;max-width:18ch;margin:0 0 .75rem;background:linear-gradient(90deg,#fff 0%,var(--violet-3) 60%,var(--cyan-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ab-lede{font-family:var(--font-serif);font-size:clamp(1.15rem,1rem + .6vw,1.45rem);line-height:1.5;color:var(--text-2);max-width:60ch;margin:0 0 1rem}
.ab-intro{max-width:66ch}
.ab-orbit{position:absolute;right:clamp(0px,6vw,8rem);top:50%;width:260px;height:260px;transform:translateY(-50%);pointer-events:none;opacity:.7}
.ab-orbit span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(139,92,246,.45);animation:ai-orbit 18s linear infinite}
.ab-orbit span:nth-child(2){inset:36px;border-color:rgba(34,211,238,.45);animation-duration:12s;animation-direction:reverse}
.ab-orbit span:nth-child(3){inset:78px;border-color:rgba(217,70,239,.5);animation-duration:8s}
.ab-orbit span::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.ab-orbit i{position:absolute;inset:110px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.6),rgba(139,92,246,.2) 60%,transparent 70%);filter:blur(4px)}
@media (max-width:1000px){.ab-orbit{display:none}}
.ab-numbers{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:1px;margin:0 0 2rem;background:rgba(139,92,246,.25);border:1px solid rgba(139,92,246,.25);border-radius:12px;overflow:hidden}
@media (min-width:800px){.ab-numbers{grid-template-columns:repeat(4,1fr)}}
.ab-numbers div{background:rgba(19,15,32,.92);padding:.9rem 1.1rem}
.ab-numbers dt{font:600 .62rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ab-numbers dd{margin:.2rem 0 0;font-family:var(--font-display);font-weight:700;font-size:1.6rem;color:var(--cyan-2);line-height:1.1}
.ab-grid{display:grid;gap:1.25rem;grid-template-columns:1fr;padding-bottom:2.5rem}
@media (min-width:900px){.ab-grid{grid-template-columns:1fr 1fr}.ab-panel-wide{grid-column:1/-1}}
.ab-panel{position:relative;padding:1.5rem 1.6rem 1.5rem 1.6rem;border-radius:16px;background:linear-gradient(160deg,rgba(34,27,61,.8),rgba(11,8,20,.95));border:1px solid var(--border);overflow:hidden;transition:border-color .25s,transform .25s var(--ease)}
.ab-panel::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.05) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at 100% 0%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 100% 0%,#000,transparent 70%);pointer-events:none}
.ab-panel:hover{border-color:rgba(139,92,246,.55);transform:translateY(-2px)}
.ab-panel>*{position:relative}
.ab-num{position:absolute;top:1.1rem;right:1.2rem;font-size:2.4rem;font-weight:700;color:rgba(139,92,246,.22);letter-spacing:-.04em;line-height:1}
.ab-panel h2{font-size:1.35rem;margin:0 0 .6rem;padding-right:4rem}
.ab-prose{max-width:none;font-size:1rem}
.ab-prose p:last-child{margin-bottom:0}
.ab-panel-cta{border-color:rgba(34,211,238,.35);background:linear-gradient(160deg,rgba(10,40,55,.6),rgba(11,8,20,.95))}
.ab-panel-cta p{color:var(--text-2);margin:0 0 1rem}
.ab-actions{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center}
.ab-link{font:600 .74rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}

/* ---------- Touches round 2: cursor glow, magnet buttons, scroll progress, grain, glare, back-to-top ---------- */
.cursor-glow{position:fixed;left:0;top:0;width:360px;height:360px;margin:-180px 0 0 -180px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(139,92,246,.16),rgba(34,211,238,.06) 40%,transparent 65%);mix-blend-mode:screen;opacity:0;transition:opacity .4s;will-change:transform}
.cursor-glow.is-on{opacity:1}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:160px 160px}
.scroll-progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:60;pointer-events:none;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--violet),var(--cyan),var(--magenta))}
.btn,.sp-btn,.cf-btn,.rg-btn{will-change:transform}
.magnet{transition:transform .25s var(--ease)}
.glare{position:relative;overflow:hidden}
.glare::after{content:"";position:absolute;inset:-60% auto auto -60%;width:60%;height:220%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-120%) rotate(0deg);transition:transform .8s var(--ease);pointer-events:none}
.glare:hover::after{transform:translateX(320%)}
.to-top{position:fixed;right:clamp(12px,2vw,28px);bottom:clamp(12px,2vw,28px);z-index:55;width:46px;height:46px;border-radius:50%;border:1px solid rgba(139,92,246,.5);background:rgba(19,15,32,.9);backdrop-filter:blur(8px);color:var(--text);font-size:1.1rem;cursor:pointer;opacity:0;transform:translateY(14px);transition:opacity .3s,transform .3s var(--ease),border-color .2s;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.to-top.is-on{opacity:1;transform:none}
.to-top:hover{border-color:var(--cyan);color:var(--cyan)}
.main-nav li a{transition:transform .2s var(--ease),color .2s,background .2s}
.main-nav li a:hover{transform:translateY(-1px)}

/* ---------- AI Index: podium + table ---------- */
.ax-best{margin:0 0 1.5rem}
.ax-podium{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.ax-cat{--cat:var(--violet);position:relative;display:flex;flex-direction:column;gap:.7rem;padding:1.1rem 1.2rem 1rem;border-radius:16px;background:linear-gradient(160deg,rgba(34,27,61,.9),rgba(11,8,20,.96));border:1px solid var(--border);overflow:hidden;transition:transform .25s var(--ease),border-color .25s,box-shadow .3s}
.ax-cat::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cat),transparent)}
.ax-cat::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cat) 30%,transparent),transparent 65%);pointer-events:none}
.ax-cat:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cat) 60%,transparent);box-shadow:0 20px 44px rgba(0,0,0,.45),0 0 30px color-mix(in srgb,var(--cat) 15%,transparent)}
.ax-c-int{--cat:#a78bfa}.ax-c-math{--cat:#fbbf24}.ax-c-code{--cat:#22d3ee}.ax-c-speed{--cat:#34d399}.ax-c-value{--cat:#f472b6}.ax-c-open{--cat:#60a5fa}.ax-c-ctx{--cat:#c4b5fd}.ax-c-cost{--cat:#fb7185}.ax-c-multi{--cat:#d946ef}.ax-c-new{--cat:#67e8f9}
.ax-cat-top{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;position:relative}
.ax-cat-top h3{margin:0;font-size:.82rem;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cat)}
.ax-cat-src{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.ax-win{display:flex;flex-direction:column;gap:.25rem;position:relative}
.ax-win-lab{display:inline-flex;align-items:center;gap:.45rem;font:600 .68rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}
.ax-win-name{font:700 clamp(1.3rem,1rem + 1vw,1.7rem) var(--font-display);line-height:1.15;color:var(--text);letter-spacing:-.01em}
.ax-win-stat{font:700 1.05rem var(--font-mono);color:var(--cat)}
.ax-win-pending{color:var(--muted);gap:.4rem}
.ax-win-pending strong{font:600 1rem var(--font-display);color:var(--text-2)}
.ax-win-pending span{font-size:.82rem}
.ax-lock{width:22px;height:18px;border:2px solid var(--muted-2);border-radius:4px;position:relative;margin:.2rem 0 .3rem}
.ax-lock::before{content:"";position:absolute;left:4px;top:-11px;width:10px;height:12px;border:2px solid var(--muted-2);border-bottom:0;border-radius:8px 8px 0 0}
.ax-cat-pending{opacity:.75}
.ax-runners{list-style:none;margin:0;padding:.6rem 0 0;border-top:1px solid var(--border);display:grid;gap:.35rem;counter-reset:run 1;position:relative}
.ax-runners li{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:.5rem;align-items:center;font-size:.82rem;color:var(--text-2);counter-increment:run}
.ax-runners li::before{content:counter(run);font:600 .62rem var(--font-mono);color:var(--muted);width:1.1em}
.ax-run-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ax-run-stat{font-size:.72rem;color:var(--muted)}
.ax-criterion{margin:0;font-size:.74rem;color:var(--muted);line-height:1.4;position:relative}
.ax-table-wrap{overflow-x:auto}
.ax-table{font-size:.9rem}
.ax-table th{font:600 .64rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border-2);white-space:nowrap}
.ax-table td{vertical-align:middle;white-space:nowrap}
.ax-table td.ax-td-model{white-space:normal;min-width:180px}
.ax-table tr{border-left:3px solid var(--cr)}
.ax-table tbody tr:hover td{background:rgba(139,92,246,.05)}
.ax-table .mono{font-size:.8rem;color:var(--cyan-2)}

/* ---------- AI Index: AA-style charts ---------- */
.ax-jump{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.25rem}
.ax-jump a{font:600 .7rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--border-2);border-radius:999px;padding:.3rem .75rem;background:rgba(19,15,32,.7)}
.ax-jump a:hover{color:var(--cyan);border-color:var(--cyan);text-decoration:none}
.ax-highlights{margin:0 0 1.25rem}
.ax-highlights ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.ax-hl{--cat:var(--violet);position:relative;display:flex;flex-direction:column;gap:.1rem;padding:.55rem .7rem;border-radius:10px;background:linear-gradient(160deg,rgba(34,27,61,.9),rgba(11,8,20,.96));border:1px solid var(--border);overflow:hidden;transition:transform .2s,border-color .2s;min-width:0}
.ax-hl::after{content:"";position:absolute;right:-24px;top:-24px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cat) 28%,transparent),transparent 65%);pointer-events:none}
.ax-hl:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--cat) 60%,transparent)}
.ax-hl-title{font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cat)}
.ax-hl strong{font:600 .82rem var(--font-display);line-height:1.2;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ax-hl-lab{display:inline-flex;align-items:center;gap:.35rem;font:600 .58rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.ax-hl-val{font:700 .92rem var(--font-mono);color:var(--cat);margin-top:.05rem}
.ax-hl small{color:var(--muted);font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ax-hl-pending{opacity:.75}
.ax-lock-sm{width:12px;height:10px;margin:0;border-width:1.5px}
.ax-lock-sm::before{left:2px;top:-6px;width:5px;height:6px;border-width:1.5px}
.ax-panel-head .ax-sub{margin:.15rem 0 0;color:var(--muted);font-size:.82rem}
.ax-src{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border-2);border-radius:4px;padding:.2rem .5rem;white-space:nowrap}
.ch-vbars{min-height:180px}
.ch-vbar{fill:var(--cr);opacity:.92;transition:opacity .2s}
.ch-vbar-2{opacity:.5}
.ch-vbar:hover{opacity:1}
.ch-vval{fill:var(--text-2);font-size:11px;font-family:var(--font-mono)}
.ch-vlabel{fill:var(--text-2);font-size:11.5px}
.ax-legend{list-style:none;margin:.75rem 0 0;padding:.6rem 0 0;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.ax-legend li{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;color:var(--text-2)}
.ax-locked{position:relative;min-height:260px;border-radius:12px;overflow:hidden;background:rgba(11,8,20,.5);border:1px dashed var(--border-2)}
.ax-locked-bars{position:absolute;inset:1.5rem 1.5rem 2rem;display:flex;align-items:flex-end;gap:.6%;opacity:.35;filter:blur(1px)}
.ax-locked-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,rgba(139,92,246,.7),rgba(139,92,246,.15))}
.ax-locked-bars .h2{height:20%}.ax-locked-bars .h3{height:30%}.ax-locked-bars .h4{height:40%}.ax-locked-bars .h5{height:50%}.ax-locked-bars .h6{height:60%}.ax-locked-bars .h7{height:70%}.ax-locked-bars .h8{height:80%}.ax-locked-bars .h9{height:92%}
.ax-locked-msg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center;padding:1rem;background:radial-gradient(ellipse at 50% 50%,rgba(11,8,20,.9),rgba(11,8,20,.3))}
.ax-locked-msg strong{font:600 1.1rem var(--font-display);color:var(--text)}
.ax-locked-msg span:last-child{color:var(--muted);font-size:.85rem;max-width:44ch}
.ax-open-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}
@media (min-width:900px){.ax-open-grid{grid-template-columns:minmax(0,1fr) 240px;align-items:center}}
.ax-stack{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.ax-stack li{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:.75rem;align-items:center;font-size:.85rem}
.ax-stack-lab{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-2)}
.ax-stack-bar{display:flex;height:14px;border-radius:4px;overflow:hidden;background:rgba(139,92,246,.08)}
.ax-stack-bar i{display:block;height:100%}
.ax-stack-open{background:var(--cr)}
.ax-stack-closed{background:color-mix(in srgb,var(--cr) 35%,transparent)}
.ax-stack-bar i[data-w="0"]{display:none}
.ax-stack-bar i[data-w="1"]{width:1%}.ax-stack-bar i[data-w="2"]{width:2%}.ax-stack-bar i[data-w="3"]{width:3%}.ax-stack-bar i[data-w="4"]{width:4%}.ax-stack-bar i[data-w="5"]{width:5%}.ax-stack-bar i[data-w="6"]{width:6%}.ax-stack-bar i[data-w="7"]{width:7%}.ax-stack-bar i[data-w="8"]{width:8%}.ax-stack-bar i[data-w="9"]{width:9%}.ax-stack-bar i[data-w="10"]{width:10%}.ax-stack-bar i[data-w="11"]{width:11%}.ax-stack-bar i[data-w="12"]{width:12%}.ax-stack-bar i[data-w="13"]{width:13%}.ax-stack-bar i[data-w="14"]{width:14%}.ax-stack-bar i[data-w="15"]{width:15%}.ax-stack-bar i[data-w="16"]{width:16%}.ax-stack-bar i[data-w="17"]{width:17%}.ax-stack-bar i[data-w="18"]{width:18%}.ax-stack-bar i[data-w="19"]{width:19%}.ax-stack-bar i[data-w="20"]{width:20%}.ax-stack-bar i[data-w="21"]{width:21%}.ax-stack-bar i[data-w="22"]{width:22%}.ax-stack-bar i[data-w="23"]{width:23%}.ax-stack-bar i[data-w="24"]{width:24%}.ax-stack-bar i[data-w="25"]{width:25%}.ax-stack-bar i[data-w="26"]{width:26%}.ax-stack-bar i[data-w="27"]{width:27%}.ax-stack-bar i[data-w="28"]{width:28%}.ax-stack-bar i[data-w="29"]{width:29%}.ax-stack-bar i[data-w="30"]{width:30%}.ax-stack-bar i[data-w="31"]{width:31%}.ax-stack-bar i[data-w="32"]{width:32%}.ax-stack-bar i[data-w="33"]{width:33%}.ax-stack-bar i[data-w="34"]{width:34%}.ax-stack-bar i[data-w="35"]{width:35%}.ax-stack-bar i[data-w="36"]{width:36%}.ax-stack-bar i[data-w="37"]{width:37%}.ax-stack-bar i[data-w="38"]{width:38%}.ax-stack-bar i[data-w="39"]{width:39%}.ax-stack-bar i[data-w="40"]{width:40%}.ax-stack-bar i[data-w="41"]{width:41%}.ax-stack-bar i[data-w="42"]{width:42%}.ax-stack-bar i[data-w="43"]{width:43%}.ax-stack-bar i[data-w="44"]{width:44%}.ax-stack-bar i[data-w="45"]{width:45%}.ax-stack-bar i[data-w="46"]{width:46%}.ax-stack-bar i[data-w="47"]{width:47%}.ax-stack-bar i[data-w="48"]{width:48%}.ax-stack-bar i[data-w="49"]{width:49%}.ax-stack-bar i[data-w="50"]{width:50%}.ax-stack-bar i[data-w="51"]{width:51%}.ax-stack-bar i[data-w="52"]{width:52%}.ax-stack-bar i[data-w="53"]{width:53%}.ax-stack-bar i[data-w="54"]{width:54%}.ax-stack-bar i[data-w="55"]{width:55%}.ax-stack-bar i[data-w="56"]{width:56%}.ax-stack-bar i[data-w="57"]{width:57%}.ax-stack-bar i[data-w="58"]{width:58%}.ax-stack-bar i[data-w="59"]{width:59%}.ax-stack-bar i[data-w="60"]{width:60%}.ax-stack-bar i[data-w="61"]{width:61%}.ax-stack-bar i[data-w="62"]{width:62%}.ax-stack-bar i[data-w="63"]{width:63%}.ax-stack-bar i[data-w="64"]{width:64%}.ax-stack-bar i[data-w="65"]{width:65%}.ax-stack-bar i[data-w="66"]{width:66%}.ax-stack-bar i[data-w="67"]{width:67%}.ax-stack-bar i[data-w="68"]{width:68%}.ax-stack-bar i[data-w="69"]{width:69%}.ax-stack-bar i[data-w="70"]{width:70%}.ax-stack-bar i[data-w="71"]{width:71%}.ax-stack-bar i[data-w="72"]{width:72%}.ax-stack-bar i[data-w="73"]{width:73%}.ax-stack-bar i[data-w="74"]{width:74%}.ax-stack-bar i[data-w="75"]{width:75%}.ax-stack-bar i[data-w="76"]{width:76%}.ax-stack-bar i[data-w="77"]{width:77%}.ax-stack-bar i[data-w="78"]{width:78%}.ax-stack-bar i[data-w="79"]{width:79%}.ax-stack-bar i[data-w="80"]{width:80%}.ax-stack-bar i[data-w="81"]{width:81%}.ax-stack-bar i[data-w="82"]{width:82%}.ax-stack-bar i[data-w="83"]{width:83%}.ax-stack-bar i[data-w="84"]{width:84%}.ax-stack-bar i[data-w="85"]{width:85%}.ax-stack-bar i[data-w="86"]{width:86%}.ax-stack-bar i[data-w="87"]{width:87%}.ax-stack-bar i[data-w="88"]{width:88%}.ax-stack-bar i[data-w="89"]{width:89%}.ax-stack-bar i[data-w="90"]{width:90%}.ax-stack-bar i[data-w="91"]{width:91%}.ax-stack-bar i[data-w="92"]{width:92%}.ax-stack-bar i[data-w="93"]{width:93%}.ax-stack-bar i[data-w="94"]{width:94%}.ax-stack-bar i[data-w="95"]{width:95%}.ax-stack-bar i[data-w="96"]{width:96%}.ax-stack-bar i[data-w="97"]{width:97%}.ax-stack-bar i[data-w="98"]{width:98%}.ax-stack-bar i[data-w="99"]{width:99%}.ax-stack-bar i[data-w="100"]{width:100%}
.ax-stack-n{color:var(--muted);font-size:.7rem;white-space:nowrap}
.ax-open-sum{text-align:center;padding:1rem;border:1px solid var(--border);border-radius:12px;background:rgba(11,8,20,.5)}
.ax-open-sum b{display:block;font:700 2.6rem var(--font-display);color:var(--cyan-2);line-height:1}
.ax-open-sum span{display:block;color:var(--muted);font-size:.82rem;margin-top:.3rem}
.ax-stack-key{display:flex;justify-content:center;gap:.75rem;margin-top:.6rem;font-size:.72rem}
.ax-stack-key i{display:inline-block;width:12px;height:10px;border-radius:2px;vertical-align:middle;margin-right:.3rem;--cr:var(--violet)}

/* ---------- Home bookshelf: accordion gallery (open/before/after classes toggled in site.js) ---------- */
.shelf-acc{--acc-ease:cubic-bezier(.215,.61,.355,1);--acc-dur:.6s;display:flex;gap:10px;height:440px;perspective:1400px;perspective-origin:50% 50%}
.shelf-panel{position:relative;flex:1 1 0;min-width:0;display:block;border-radius:16px;overflow:hidden;background:var(--panel-2);border:1px solid var(--border);transform:rotateY(0);transition:flex-grow var(--acc-dur) var(--acc-ease),transform var(--acc-dur) var(--acc-ease),border-color var(--acc-dur) var(--acc-ease),box-shadow var(--acc-dur) var(--acc-ease);cursor:pointer;color:var(--text);text-decoration:none;isolation:isolate}
.shelf-panel.is-before{transform:rotateY(8deg)}
.shelf-panel.is-after{transform:rotateY(-8deg)}
.shelf-panel.is-open{flex-grow:10;border-color:rgba(34,211,238,.5);box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 40px rgba(34,211,238,.18)}
.shelf-panel.is-open.shelf-panel-own{border-color:rgba(139,92,246,.6);box-shadow:0 30px 60px rgba(0,0,0,.6),0 0 40px rgba(139,92,246,.25)}
.shelf-panel:focus-visible{outline:none;box-shadow:0 0 0 3px var(--cyan)}
.shelf-panel-bg{position:absolute;inset:0;z-index:0}
.shelf-panel-bg img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) brightness(.55);transform:scale(1.12);transition:filter var(--acc-dur) var(--acc-ease),transform var(--acc-dur) var(--acc-ease)}
.shelf-panel-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,0,16,.15),rgba(6,0,16,.75));transition:opacity var(--acc-dur) var(--acc-ease)}
.shelf-panel.is-open .shelf-panel-bg img{filter:grayscale(0) brightness(.45) blur(18px);transform:scale(1.25)}
.shelf-panel.is-open .shelf-panel-bg::after{background:linear-gradient(90deg,rgba(11,8,20,.55),rgba(11,8,20,.85))}
.shelf-panel-body{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;padding:1.5rem;opacity:0;visibility:hidden;transition:opacity .35s var(--acc-ease),visibility 0s linear .35s}
.shelf-panel.is-open .shelf-panel-body{opacity:1;visibility:visible;transition:opacity .45s var(--acc-ease) .15s,visibility 0s}
.shelf-panel-cover{display:block;width:150px;aspect-ratio:2/3;border-radius:4px 9px 9px 4px;overflow:hidden;background:var(--panel-2);box-shadow:-5px 0 0 -2px rgba(255,255,255,.07),0 26px 40px rgba(0,0,0,.6);transform:translateY(14px);transition:transform .6s var(--acc-ease) .15s}
.shelf-panel.is-open .shelf-panel-cover{transform:translateY(0)}
.shelf-panel-cover img{width:100%;height:100%;object-fit:cover;display:block}
.shelf-panel-text{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.shelf-panel-text>*{transform:translateY(10px);opacity:0;transition:transform .5s var(--acc-ease),opacity .5s var(--acc-ease)}
.shelf-panel.is-open .shelf-panel-text>*{transform:none;opacity:1}
.shelf-panel.is-open .shelf-panel-text>:nth-child(1){transition-delay:.18s}.shelf-panel.is-open .shelf-panel-text>:nth-child(2){transition-delay:.24s}.shelf-panel.is-open .shelf-panel-text>:nth-child(3){transition-delay:.3s}.shelf-panel.is-open .shelf-panel-text>:nth-child(4){transition-delay:.36s}.shelf-panel.is-open .shelf-panel-text>:nth-child(5){transition-delay:.42s}
.shelf-panel-kind{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.shelf-panel-own .shelf-panel-kind{color:var(--violet-2)}
.shelf-panel-title{font:600 clamp(1.15rem,.9rem + 1vw,1.6rem)/1.15 var(--font-display);letter-spacing:-.01em;color:var(--text)}
.shelf-panel-by{font-size:.74rem;letter-spacing:.06em;color:var(--muted)}
.shelf-panel-desc{font-size:.9rem;line-height:1.55;color:var(--text-2);margin-top:.3rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.shelf-panel-cta{margin-top:.6rem;align-self:flex-start;font:600 .8rem var(--font-ui);letter-spacing:.04em;color:var(--text);border:1px solid var(--border-2);border-radius:999px;padding:.45rem .95rem;background:rgba(26,21,48,.7);transition:border-color .2s,color .2s,background .2s}
.shelf-panel.is-open:hover .shelf-panel-cta{border-color:var(--cyan);color:var(--cyan);background:rgba(34,211,238,.08)}
.shelf-panel-label{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;gap:.55rem;padding:0 0 1rem;height:100%;pointer-events:none;overflow:hidden}
.shelf-panel-bar{flex:none;width:2px;height:0;margin-left:1rem;background:var(--cyan);transition:height .5s var(--acc-ease)}
.shelf-panel-label-text{display:block;writing-mode:vertical-rl;transform:rotate(180deg);font:600 .78rem var(--font-display);letter-spacing:.02em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:calc(100% - 2rem);opacity:.85;transition:opacity .4s var(--acc-ease)}
.shelf-panel.is-open .shelf-panel-label{opacity:0;transition:opacity .25s var(--acc-ease)}
.shelf-panel:not(.is-open):hover .shelf-panel-bar{height:2.2rem}
@media (max-width:900px){.shelf-panel-cover{width:110px}.shelf-panel-body{gap:1rem;padding:1rem}.shelf-panel-desc{-webkit-line-clamp:3}}
@media (max-width:640px){
  .shelf-acc{flex-direction:column;height:640px;perspective:none}
  .shelf-panel.is-before,.shelf-panel.is-after{transform:none}
  .shelf-panel-label{height:auto;align-items:center;padding:0 0 0 .9rem;top:0;bottom:0}
  .shelf-panel-bar{width:2px;height:1.2rem;margin:0}
  .shelf-panel-label-text{writing-mode:horizontal-tb;transform:none;max-width:calc(100% - 2rem);max-height:none}
  .shelf-panel-cover{width:84px}.shelf-panel-desc{display:none}.shelf-panel-title{font-size:1.05rem}
}
@media (prefers-reduced-motion:reduce){.shelf-panel,.shelf-panel-bg img,.shelf-panel-bg::after,.shelf-panel-body,.shelf-panel-cover,.shelf-panel-text>*,.shelf-panel-bar,.shelf-panel-label{transition:none}}

/* ---------- AI Index: hero orb + explorer (filters and two-column leaderboard; logic in site.js) ---------- */
.ax-head{position:relative;overflow:visible}
.ax-hero-orb{display:none}
.ax-hero-orb span{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 60%,rgba(139,92,246,.9) 75%,rgba(34,211,238,.9) 88%,transparent 100%);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%,#000 65%,transparent 66%);mask:radial-gradient(circle,transparent 62%,#000 63%,#000 65%,transparent 66%);animation:ai-orbit 14s linear infinite;filter:drop-shadow(0 0 12px rgba(139,92,246,.6))}
.ax-hero-orb span:nth-child(2){inset:14%;background:conic-gradient(from 180deg,transparent 0 65%,rgba(217,70,239,.9) 82%,rgba(103,232,249,.8) 92%,transparent 100%);animation-duration:22s;animation-direction:reverse}
@media (max-width:1100px){.ax-hero-orb{display:none}}
.ax-title{font-size:clamp(2.6rem,1.6rem + 4vw,5rem);letter-spacing:-.04em;line-height:.95;margin:0 0 .6rem}
.ax-title span{background:linear-gradient(90deg,#fff 0%,var(--violet-3) 35%,var(--cyan-2) 65%,#fff 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ai-shimmer 10s linear infinite}
.ax-credit{font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);margin:1rem 0 0;text-align:center}
.ax-credit a{color:var(--violet-2)}
.ax-explore{margin:0 0 2.5rem;position:relative}
.ax-explore-head{margin-bottom:1rem}
.ax-explore-head h2{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);letter-spacing:-.02em;margin:.25rem 0 .35rem}
.ax-explore-head .ax-sub{max-width:80ch}
.ax-filters{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:1.25rem 1.1rem 1rem;border:1px solid var(--border-2);border-radius:18px;background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(139,92,246,.12),transparent 70%),rgba(19,15,32,.85);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.ax-f{display:grid;gap:.35rem;min-width:0}
.ax-f label{font:600 .62rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ax-f label output{color:var(--cyan-2);margin-left:.35rem;letter-spacing:0;font-size:.72rem}
.ax-f-search{width:min(100%,640px)}
.ax-f-search input{height:50px;border-radius:999px;border:1px solid var(--border-2);background:rgba(11,8,20,.85);color:var(--text);padding:0 1.4rem;font:500 1rem var(--font-ui);width:100%;box-shadow:0 0 0 0 rgba(139,92,246,0);transition:border-color .2s,box-shadow .2s}
.ax-f-search input:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 4px rgba(139,92,246,.18),0 0 30px rgba(139,92,246,.2)}
.ax-f-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;width:100%}
.ax-f-sep{width:1px;height:20px;background:var(--border-2);margin:0 .4rem}
.ax-f-row-tune{gap:1.25rem 2rem;align-items:end;margin-top:.25rem}
.ax-f-range{width:min(100%,260px)}
.ax-f-sort select{height:38px;border-radius:10px;border:1px solid var(--border-2);background:rgba(11,8,20,.8);color:var(--text);padding:0 .9rem;font:500 .88rem var(--font-ui);min-width:200px}
.ax-f-sort select:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,92,246,.2)}
.ax-chip{--cr:var(--violet-2);display:inline-flex;align-items:center;gap:.4rem;font:600 .72rem var(--font-mono);color:var(--text-2);border:1px solid var(--border-2);background:rgba(11,8,20,.6);border-radius:999px;padding:.35rem .7rem;cursor:pointer;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}
.ax-chip b{color:var(--muted);font-weight:500}
.ax-chip-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.ax-chip:hover,.ax-chip:focus-visible{border-color:var(--cr);color:var(--text);outline:none}
.ax-chip[aria-pressed=true]{border-color:var(--cr);background:color-mix(in srgb,var(--cr) 16%,rgba(11,8,20,.8));color:#fff;box-shadow:0 0 16px color-mix(in srgb,var(--cr) 35%,transparent)}
.ax-chip[aria-pressed=true] b{color:#fff}
.ax-lab-more{width:auto;max-width:220px;height:30px;border-radius:999px;border:1px solid var(--border-2);background:rgba(11,8,20,.6);color:var(--text-2);font:600 .72rem var(--font-mono);padding:0 .7rem}
.ax-f-range input[type=range]{width:100%;accent-color:var(--violet);height:22px;background:transparent}
.ax-f-hint{font-size:.6rem;color:var(--muted-2);letter-spacing:.04em}
.ax-f-status{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;padding-top:.6rem;border-top:1px solid var(--border);font-size:.7rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.ax-reset{font:600 .7rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--magenta);background:none;border:1px solid rgba(217,70,239,.4);border-radius:999px;padding:.3rem .7rem;cursor:pointer}
.ax-reset:hover{background:rgba(217,70,239,.1)}
@media (max-width:560px){.ax-f-row-tune{flex-direction:column;align-items:stretch}.ax-f-range,.ax-f-sort select{width:100%}}
.ax-board{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;counter-reset:none}
@media (max-width:820px){.ax-board{grid-template-columns:1fr}}
.ax-model{--cr:var(--violet-2);position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--border);background:linear-gradient(160deg,rgba(26,21,48,.85),rgba(11,8,20,.95));transition:transform .2s,border-color .2s,box-shadow .3s;overflow:hidden}
.ax-model::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cr),transparent);opacity:.9}
.ax-model:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--cr) 55%,var(--border));box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 30px color-mix(in srgb,var(--cr) 18%,transparent)}
.ax-model[hidden]{display:none}
.ax-rank{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-size:.85rem;font-weight:700;color:var(--text-2);background:rgba(11,8,20,.8);border:1px solid var(--border-2)}
.ax-model-top .ax-rank{color:#fff;background:linear-gradient(135deg,var(--purple),var(--magenta));border-color:transparent;box-shadow:0 0 18px rgba(217,70,239,.4)}
.ax-model-main{display:grid;gap:.45rem;min-width:0}
.ax-model-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem}
.ax-model-title h3{font-size:1.05rem;margin:0;letter-spacing:-.01em;line-height:1.25}
.ax-model-variant{font-size:.64rem;letter-spacing:.06em;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:.1rem .4rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ax-model-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;font-size:.72rem;color:var(--muted)}
.ax-model-lab{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-2);font-weight:600}
.ax-badge{font:600 .6rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:.12rem .4rem;border:1px solid}
.ax-badge-r{color:var(--cyan-2);border-color:rgba(34,211,238,.45);background:rgba(34,211,238,.08)}
.ax-badge-o{color:var(--ok);border-color:rgba(52,211,153,.45);background:rgba(52,211,153,.08)}
.ax-model-bars{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .9rem;margin:.2rem 0 0}
.ax-bar{display:grid;grid-template-columns:5.2rem minmax(0,1fr);align-items:center;gap:.5rem}
.ax-bar dt{font:600 .6rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ax-bar dd{margin:0;display:flex;align-items:center;gap:.5rem;min-width:0}
.ax-bar-track{flex:1 1 auto;height:6px;border-radius:999px;background:rgba(58,48,96,.5);overflow:hidden}
.ax-bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--bar,var(--violet)),color-mix(in srgb,var(--bar,var(--violet)) 60%,#fff));box-shadow:0 0 10px color-mix(in srgb,var(--bar,var(--violet)) 60%,transparent);transition:width .5s ease}
.ax-bar-i{--bar:var(--violet-2)}.ax-bar-c{--bar:var(--cyan)}.ax-bar-s{--bar:var(--ok)}.ax-bar-p{--bar:var(--warn)}
.ax-bar dd b{flex:none;min-width:4.4rem;text-align:right;font:600 .78rem var(--font-mono);color:var(--text)}
.ax-bar dd b small{font-size:.6rem;color:var(--muted);font-weight:500}
.ax-model-foot{display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);padding-top:.4rem;border-top:1px solid var(--border)}
@media (max-width:560px){.ax-model-bars{grid-template-columns:1fr}}
.ax-empty{color:var(--muted);padding:2rem 0;text-align:center}
.ax-more-wrap{display:flex;justify-content:center;margin:1.25rem 0 0}
.ax-w-0{width:0%}.ax-w-1{width:1%}.ax-w-2{width:2%}.ax-w-3{width:3%}.ax-w-4{width:4%}.ax-w-5{width:5%}.ax-w-6{width:6%}.ax-w-7{width:7%}.ax-w-8{width:8%}.ax-w-9{width:9%}.ax-w-10{width:10%}.ax-w-11{width:11%}.ax-w-12{width:12%}.ax-w-13{width:13%}.ax-w-14{width:14%}.ax-w-15{width:15%}.ax-w-16{width:16%}.ax-w-17{width:17%}.ax-w-18{width:18%}.ax-w-19{width:19%}.ax-w-20{width:20%}.ax-w-21{width:21%}.ax-w-22{width:22%}.ax-w-23{width:23%}.ax-w-24{width:24%}.ax-w-25{width:25%}.ax-w-26{width:26%}.ax-w-27{width:27%}.ax-w-28{width:28%}.ax-w-29{width:29%}.ax-w-30{width:30%}.ax-w-31{width:31%}.ax-w-32{width:32%}.ax-w-33{width:33%}.ax-w-34{width:34%}.ax-w-35{width:35%}.ax-w-36{width:36%}.ax-w-37{width:37%}.ax-w-38{width:38%}.ax-w-39{width:39%}.ax-w-40{width:40%}.ax-w-41{width:41%}.ax-w-42{width:42%}.ax-w-43{width:43%}.ax-w-44{width:44%}.ax-w-45{width:45%}.ax-w-46{width:46%}.ax-w-47{width:47%}.ax-w-48{width:48%}.ax-w-49{width:49%}.ax-w-50{width:50%}.ax-w-51{width:51%}.ax-w-52{width:52%}.ax-w-53{width:53%}.ax-w-54{width:54%}.ax-w-55{width:55%}.ax-w-56{width:56%}.ax-w-57{width:57%}.ax-w-58{width:58%}.ax-w-59{width:59%}.ax-w-60{width:60%}.ax-w-61{width:61%}.ax-w-62{width:62%}.ax-w-63{width:63%}.ax-w-64{width:64%}.ax-w-65{width:65%}.ax-w-66{width:66%}.ax-w-67{width:67%}.ax-w-68{width:68%}.ax-w-69{width:69%}.ax-w-70{width:70%}.ax-w-71{width:71%}.ax-w-72{width:72%}.ax-w-73{width:73%}.ax-w-74{width:74%}.ax-w-75{width:75%}.ax-w-76{width:76%}.ax-w-77{width:77%}.ax-w-78{width:78%}.ax-w-79{width:79%}.ax-w-80{width:80%}.ax-w-81{width:81%}.ax-w-82{width:82%}.ax-w-83{width:83%}.ax-w-84{width:84%}.ax-w-85{width:85%}.ax-w-86{width:86%}.ax-w-87{width:87%}.ax-w-88{width:88%}.ax-w-89{width:89%}.ax-w-90{width:90%}.ax-w-91{width:91%}.ax-w-92{width:92%}.ax-w-93{width:93%}.ax-w-94{width:94%}.ax-w-95{width:95%}.ax-w-96{width:96%}.ax-w-97{width:97%}.ax-w-98{width:98%}.ax-w-99{width:99%}.ax-w-100{width:100%}