/* Zafiyet.live — tek stil dosyası. Harici bağımlılık yok. */
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(fonts/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+2013-2014,U+2018-201E,U+2022,U+2026,U+20AC,U+2122,U+2190-2193,U+2212,U+2264-2265}
@font-face{font-family:"Space Grotesk";font-style:normal;font-display:swap;font-weight:500 700;src:url(fonts/space-grotesk-brand.woff2) format("woff2");unicode-range:U+0020-007E}
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(fonts/archivo-tr.woff2) format("woff2");unicode-range:U+011E-011F,U+0130,U+015E-015F}

:root{
  --bg:#F2F4F6;--surface:#FFFFFF;--sunk:#E9EDF1;--ink:#16212C;--ink-2:#4F5D6B;--ink-3:#6E7A86;--line:#D8DEE4;
  --accent:#2350C8;--accent-ink:#FFFFFF;
  --crit:#B4123F;--high:#C04A0B;--med:#8F6A00;--low:#23744F;--none:#7C8792;
  --crit-bg:#FBE9EE;--high-bg:#FCEEE5;--med-bg:#F8F1DA;--low-bg:#E4F2EB;--none-bg:#EEF1F4;
  --ok-bg:#E4F2EB;--ok:#1E6A47;--info-bg:#E7EEFB;
  --font:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,"Cascadia Mono",Consolas,Menlo,monospace;
  --r:8px;
  --step1:#2350C8;--step2:#D4A017;--step3:#E0661A;--step4:#2E8B5E;
  color-scheme:light;
}
/* Koyu tema: sistem tercihi (kullanıcı açık seçmediyse) veya kullanıcı seçimi */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#11181F;--surface:#17212A;--sunk:#1E2933;--ink:#E4E9EE;--ink-2:#A6B2BE;--ink-3:#8C99A5;--line:#2A3641;
    --accent:#8AA9FF;--accent-ink:#0E1620;
    --crit:#FF6584;--high:#FF8C52;--med:#E6BF48;--low:#5ECB98;--none:#7F8C98;
    --crit-bg:#3A1722;--high-bg:#382316;--med-bg:#332B13;--low-bg:#13302A;--none-bg:#222D37;
    --ok-bg:#13302A;--ok:#7FDCB0;--info-bg:#1C2A44;
    --step1:#5B86F0;--step2:#E8B526;--step3:#F07A2E;--step4:#3DB57A;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
    --bg:#11181F;--surface:#17212A;--sunk:#1E2933;--ink:#E4E9EE;--ink-2:#A6B2BE;--ink-3:#8C99A5;--line:#2A3641;
    --accent:#8AA9FF;--accent-ink:#0E1620;
    --crit:#FF6584;--high:#FF8C52;--med:#E6BF48;--low:#5ECB98;--none:#7F8C98;
    --crit-bg:#3A1722;--high-bg:#382316;--med-bg:#332B13;--low-bg:#13302A;--none-bg:#222D37;
    --ok-bg:#13302A;--ok:#7FDCB0;--info-bg:#1C2A44;
    --step1:#5B86F0;--step2:#E8B526;--step3:#F07A2E;--step4:#3DB57A;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--font);font-stretch:100%}
/* Alt bilgi kısa sayfalarda da en altta kalsın; içerikle arasında hep boşluk olsun */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
main{flex:1 0 auto;padding-bottom:56px}
.foot{flex-shrink:0}
a{color:var(--accent);text-underline-offset:2px}
img,svg{max-width:100%}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3{line-height:1.2}
code{font-family:var(--mono);font-size:.86em;background:var(--sunk);padding:1px 5px;border-radius:3px;overflow-wrap:anywhere}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}
@media (min-width:760px){.wrap{padding:0 32px}}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--surface);padding:8px 12px;border-radius:6px;z-index:100}
.skip:focus{left:8px}
.muted{color:var(--ink-2)}
.small{font-size:13.5px}

.sev-crit{--sev:var(--crit);--sev-bg:var(--crit-bg)}
.sev-high{--sev:var(--high);--sev-bg:var(--high-bg)}
.sev-med{--sev:var(--med);--sev-bg:var(--med-bg)}
.sev-low{--sev:var(--low);--sev-bg:var(--low-bg)}
.sev-none{--sev:var(--none);--sev-bg:var(--none-bg)}

/* Üst bölüm */
.top{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:14px;min-height:62px}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-family:"Space Grotesk",var(--font);font-weight:700;font-size:22px;line-height:1;letter-spacing:-.03em;white-space:nowrap}
.brand svg{flex:none}
.brand-name{text-transform:lowercase}
.brand-tld{font-weight:500;color:var(--ink-3)}
.tagline{display:none;font-size:13.5px;color:var(--ink-3);white-space:nowrap}
@media (min-width:1100px){.tagline{display:block}}
.brand .s1{stroke:var(--step1)}.brand .s2{stroke:var(--step2)}.brand .s3{stroke:var(--step3)}.brand .s4{stroke:var(--step4)}
.search{flex:1;max-width:440px;margin-left:auto;position:relative}
.search input{width:100%;height:40px;border:1px solid var(--line);border-radius:6px;background:var(--bg);padding:0 12px 0 36px;font-size:15px}
.search input::placeholder{color:var(--ink-3)}
.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}
.navbar{display:flex;gap:4px 22px;flex-wrap:wrap;padding-bottom:10px;font-size:14.5px}
.navbar a{color:var(--ink-2);text-decoration:none;padding:4px 0}
.navbar a:hover{color:var(--ink);text-decoration:underline}
.theme-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink-2);cursor:pointer;padding:0}
.theme-btn:hover{color:var(--ink);border-color:var(--ink-3)}
.theme-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.theme-btn .i-sun{display:none}
.theme-btn[data-mode="dark"] .i-sun{display:block}
.theme-btn[data-mode="dark"] .i-moon{display:none}
.menu{display:none;position:relative;z-index:30}
.menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:14px;font-weight:600}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute;z-index:31;right:0;top:44px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px;display:grid;min-width:220px;box-shadow:0 12px 32px rgba(10,20,30,.14)}
.menu nav a{padding:10px 12px;text-decoration:none;color:var(--ink);border-radius:6px}
.menu nav a:hover{background:var(--sunk)}
@media (max-width:760px){
  .top-in{flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:10px}
  .search{order:3;flex-basis:100%;max-width:none}
  .theme-btn{margin-left:auto}
  .menu{display:block}
  .navbar{display:none}
}
.demo-note{background:var(--sunk);color:var(--ink-2);font-size:13px}
.demo-note .wrap{padding-top:7px;padding-bottom:7px}

/* Ana sayfa: üst bölüm */
.hero{padding:34px 0 8px}
.eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0 0 10px;font-size:13.5px;color:var(--ink-2)}
.eyebrow b{color:var(--ink);font-weight:650}
.eyebrow .ic{color:var(--accent)}
.live-dot{position:relative;width:9px;height:9px;border-radius:50%;background:var(--low);flex:none}
@media (prefers-reduced-motion:no-preference){
  .live-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--low);opacity:0;animation:ping 2.4s cubic-bezier(0,0,.2,1) infinite}
  @keyframes ping{0%{transform:scale(.5);opacity:.8}80%,100%{transform:scale(1.5);opacity:0}}
}
.hero h1{margin:0;font-size:clamp(30px,4.6vw,50px);line-height:1.05;font-weight:780;font-stretch:72%;letter-spacing:-.015em}
.hero .lead{max-width:none}
.lead{margin:10px 0 0;color:var(--ink-2)}
.kpis{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kpi{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-width:0}
.kpi-ic{grid-row:1 / span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--info-bg);color:var(--accent)}
.kpi-ic .ic{color:currentColor}
.kpi.sev-crit .kpi-ic,.kpi-kev .kpi-ic{background:var(--crit-bg);color:var(--crit)}
.kpi-num{font-size:28px;line-height:1.05;font-weight:800;font-stretch:72%;font-variant-numeric:tabular-nums}
.kpi.sev-crit .kpi-num,.kpi-kev .kpi-num{color:var(--crit)}
.kpi-lbl{font-size:13px;line-height:1.3;color:var(--ink-2);min-width:0}
@media (max-width:420px){.kpi{padding:12px;column-gap:10px}.kpi-ic{width:34px;height:34px}.kpi-num{font-size:24px}.kpi-lbl{font-size:12.5px}}
.chart-card{margin-top:12px;padding-bottom:12px}
.chart-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px}
.chart-head .ch{margin:0}
.chart-sub{margin:6px 0 0!important;font-size:14px;color:var(--ink-2)}
.legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px}
.legend li{display:flex;align-items:center;gap:7px;color:var(--ink-2)}
.legend i{width:10px;height:10px;border-radius:2px;background:var(--sev)}
.legend b{color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}
.strip{margin-top:22px;position:relative}
.ticks{position:relative;height:118px;border-bottom:1px solid var(--ink-3);cursor:pointer;touch-action:pan-y}
.tick{position:absolute;bottom:0;width:3px;border-radius:1px 1px 0 0;background:var(--sev);transform:translateX(-50%);transform-origin:50% 100%}
.tick.kev::before{content:"";position:absolute;left:50%;top:-12px;width:8px;height:8px;margin-left:-4px;border:2px solid var(--sev);border-radius:50%;background:var(--surface)}
.tick.hot{outline:2px solid var(--ink);outline-offset:1px;z-index:3}
@media (prefers-reduced-motion:no-preference){
  .tick{animation:grow .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0ms)}
  @keyframes grow{from{transform:translateX(-50%) scaleY(0)}to{transform:translateX(-50%) scaleY(1)}}
}
.axis{position:relative;height:24px;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.axis span{position:absolute;top:6px;transform:translateX(-50%);white-space:nowrap}
.axis span:first-child{transform:none}
.axis span:last-child{transform:translateX(-100%);color:var(--ink);font-weight:600}
.tip{position:absolute;bottom:126px;z-index:5;background:var(--ink);color:var(--surface);font-size:13px;line-height:1.3;padding:6px 9px;border-radius:5px;pointer-events:none;white-space:nowrap;transform:translateX(-50%);opacity:0;transition:opacity .1s}
.tip.on{opacity:1}
.tip small{display:block;opacity:.8;font-size:12px}

/* Bölüm başlıkları */
.sec{padding-top:34px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;margin-bottom:12px}
.sec-head h2{margin:0;font-size:clamp(21px,2.4vw,26px);font-weight:760;font-stretch:80%;letter-spacing:-.005em}
.sec-head-sm{margin-top:26px}
.sec-head-sm h2{font-size:19px;font-stretch:88%}
.sec-sub{margin:-6px 0 14px;color:var(--ink-2);font-size:15px}
.morelink{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:650;color:var(--accent);text-decoration:none;white-space:nowrap}
.morelink:hover{text-decoration:underline}
.morelink .ic{color:currentColor;transition:transform .15s}
.morelink:hover .ic{transform:translateX(2px)}

/* Öncelikli kartlar */
.pgrid{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
/* Telefonda yatay kaydırmalı şerit: beş uzun kart alt alta dizilmesin */
@media (max-width:639px){
  .pgrid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 8px;scroll-padding:0 16px;scrollbar-width:thin}
  .pgrid>li{scroll-snap-align:start}
}
@media (min-width:640px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.pgrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.pgrid>li{min-width:0}
.pcard{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}
.pcard::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--sev)}
.pcard:hover{border-color:var(--ink-3);box-shadow:0 8px 24px rgba(10,20,30,.08)}
@media (prefers-reduced-motion:no-preference){.pcard:hover{transform:translateY(-2px)}}
.pcard-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pcard-rank{font-size:12.5px;font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums}
.pcard-score{min-width:46px;text-align:center;padding:4px 8px;border-radius:8px;background:var(--sev);color:var(--surface);font-size:16px;line-height:1.1;font-weight:800;font-stretch:72%;font-variant-numeric:tabular-nums}
.sev-none .pcard-score{background:var(--sunk);color:var(--ink-2)}
.pcard-prio{display:flex;align-items:baseline;gap:6px;margin-top:2px}
.pcard-prio b{font-size:34px;line-height:1;font-weight:800;font-stretch:62%;font-variant-numeric:tabular-nums}
.pcard-prio small{font-size:12.5px;color:var(--ink-2)}
.pcard .bar{margin:2px 0 6px}
.pcard-title{font-weight:640;line-height:1.32;font-size:15px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.pcard .chips{margin-top:auto;padding-top:6px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;min-width:0}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;font-stretch:100%;padding:2px 7px;border-radius:3px;background:var(--sunk);color:var(--ink-2);white-space:nowrap}
.chip-kev{background:var(--crit-bg);color:var(--crit)}
.chip-kev::before{content:"";width:6px;height:6px;border:1.5px solid currentColor;border-radius:50%}
.chip-fix{background:var(--ok-bg);color:var(--ok)}
.chip-sev{background:var(--sev-bg);color:var(--sev)}
.chip-plain{display:inline-block;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.chip-link{text-decoration:none;border-radius:999px;padding:3px 10px;color:var(--ink)}
.chip-link .ic{color:var(--accent)}
.chip-link:hover{background:var(--line)}

/* Önem dağılımı çubuğu */
.sbar{display:flex;gap:2px;height:6px;border-radius:3px;overflow:hidden;background:var(--sunk);min-width:0}
.sbar i{display:block;height:100%;background:var(--sev);flex:0 1 auto;min-width:3px}
.sbar i:last-child{flex-grow:1}
.sbar-lg{height:10px;border-radius:5px}
.sbar .p0{width:0%}.sbar .p1{width:1%}.sbar .p2{width:2%}.sbar .p3{width:3%}.sbar .p4{width:4%}.sbar .p5{width:5%}.sbar .p6{width:6%}.sbar .p7{width:7%}.sbar .p8{width:8%}.sbar .p9{width:9%}.sbar .p10{width:10%}.sbar .p11{width:11%}.sbar .p12{width:12%}.sbar .p13{width:13%}.sbar .p14{width:14%}.sbar .p15{width:15%}.sbar .p16{width:16%}.sbar .p17{width:17%}.sbar .p18{width:18%}.sbar .p19{width:19%}.sbar .p20{width:20%}.sbar .p21{width:21%}.sbar .p22{width:22%}.sbar .p23{width:23%}.sbar .p24{width:24%}.sbar .p25{width:25%}.sbar .p26{width:26%}.sbar .p27{width:27%}.sbar .p28{width:28%}.sbar .p29{width:29%}.sbar .p30{width:30%}.sbar .p31{width:31%}.sbar .p32{width:32%}.sbar .p33{width:33%}.sbar .p34{width:34%}.sbar .p35{width:35%}.sbar .p36{width:36%}.sbar .p37{width:37%}.sbar .p38{width:38%}.sbar .p39{width:39%}.sbar .p40{width:40%}.sbar .p41{width:41%}.sbar .p42{width:42%}.sbar .p43{width:43%}.sbar .p44{width:44%}.sbar .p45{width:45%}.sbar .p46{width:46%}.sbar .p47{width:47%}.sbar .p48{width:48%}.sbar .p49{width:49%}.sbar .p50{width:50%}.sbar .p51{width:51%}.sbar .p52{width:52%}.sbar .p53{width:53%}.sbar .p54{width:54%}.sbar .p55{width:55%}.sbar .p56{width:56%}.sbar .p57{width:57%}.sbar .p58{width:58%}.sbar .p59{width:59%}.sbar .p60{width:60%}.sbar .p61{width:61%}.sbar .p62{width:62%}.sbar .p63{width:63%}.sbar .p64{width:64%}.sbar .p65{width:65%}.sbar .p66{width:66%}.sbar .p67{width:67%}.sbar .p68{width:68%}.sbar .p69{width:69%}.sbar .p70{width:70%}.sbar .p71{width:71%}.sbar .p72{width:72%}.sbar .p73{width:73%}.sbar .p74{width:74%}.sbar .p75{width:75%}.sbar .p76{width:76%}.sbar .p77{width:77%}.sbar .p78{width:78%}.sbar .p79{width:79%}.sbar .p80{width:80%}.sbar .p81{width:81%}.sbar .p82{width:82%}.sbar .p83{width:83%}.sbar .p84{width:84%}.sbar .p85{width:85%}.sbar .p86{width:86%}.sbar .p87{width:87%}.sbar .p88{width:88%}.sbar .p89{width:89%}.sbar .p90{width:90%}.sbar .p91{width:91%}.sbar .p92{width:92%}.sbar .p93{width:93%}.sbar .p94{width:94%}.sbar .p95{width:95%}.sbar .p96{width:96%}.sbar .p97{width:97%}.sbar .p98{width:98%}.sbar .p99{width:99%}.sbar .p100{width:100%}
.slegend{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--ink-2)}
.slegend li{display:flex;align-items:center;gap:6px}
.slegend i{width:9px;height:9px;border-radius:2px;background:var(--sev)}
.slegend b{color:var(--ink);font-variant-numeric:tabular-nums}
.slegend .is-zero{opacity:.55}

/* Kategori kutucukları (ana sayfa) */
.ctiles{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.ctiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ctiles>li{min-width:0}
.ctile{display:grid;gap:8px;height:100%;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.ctile:hover{border-color:var(--ink-3);box-shadow:0 8px 24px rgba(10,20,30,.08)}
.ctile-ic,.ecard-ic,.hcard-ic{display:grid;place-items:center;flex:none;border-radius:12px;background:var(--info-bg);color:var(--accent)}
.ctile-ic{width:42px;height:42px}
.ctile-ic .ic,.ecard-ic .ic,.hcard-ic .ic{color:currentColor}
.ctile-name{font-size:15.5px;font-weight:700;font-stretch:90%;line-height:1.25;overflow-wrap:anywhere}
.ctile-n{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;color:var(--ink-2)}
.ctile-n b{color:var(--ink);font-size:15px;font-variant-numeric:tabular-nums}
.ctile-n .chip{margin-left:auto}
.ctile .sbar{align-self:end}
@media (max-width:420px){.ctile{padding:13px}.ctile-n .chip{margin-left:0}}

/* Kategoriler sayfası */
.egrid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (min-width:860px){.egrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ecard{display:flex;flex-direction:column;gap:16px;min-width:0;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:border-color .15s,box-shadow .15s}
.ecard:hover{border-color:var(--ink-3);box-shadow:0 8px 24px rgba(10,20,30,.07)}
@media (max-width:560px){.ecard{padding:16px}}
.ecard-head{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:var(--ink)}
.ecard-ic{width:48px;height:48px}
.ecard-txt{display:grid;gap:4px;min-width:0}
.ecard-name{font-size:19px;font-weight:740;font-stretch:88%;line-height:1.2}
.ecard-head:hover .ecard-name{text-decoration:underline;text-underline-offset:3px}
.ecard-desc{font-size:14.5px;color:var(--ink-2)}
.ecard-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.stats{display:grid;gap:1px;margin:0;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.stats-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.stats-5{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:560px){.stats-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:760px){.stats-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
.stats-5>div:last-child:nth-child(odd){grid-column:1 / -1}
@media (min-width:760px){.stats-5>div:last-child:nth-child(odd){grid-column:auto}}
.stats>div{background:var(--surface);padding:10px 12px;min-width:0}
.stats dt{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);line-height:1.3}
.stats dd{margin:3px 0 0;font-size:22px;line-height:1.1;font-weight:800;font-stretch:72%;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.stats dd.is-sev{color:var(--sev)}
.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tags a{display:inline-flex;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);text-decoration:none;color:var(--ink);font-size:14px}
.tags a:hover{border-color:var(--ink-3)}
.tags span{color:var(--ink-3);font-variant-numeric:tabular-nums}
.tags-sm{gap:6px}
.tags-sm a{font-size:13px;padding:3px 9px;background:var(--bg)}

/* Kategori ve yazılım başlık kartı */
.hcard{margin-top:4px;display:grid;gap:18px;padding:24px}
@media (max-width:560px){.hcard{padding:16px;gap:14px}}
.hcard-top{display:flex;flex-wrap:wrap;gap:16px 18px;align-items:flex-start}
.hcard-ic{width:60px;height:60px;border-radius:14px}
.hcard-mono{font-family:"Space Grotesk",var(--font);font-size:28px;font-weight:700;background:var(--ink);color:var(--surface)}
.hcard-txt{flex:1 1 320px;min-width:0}
.hcard h1{margin:0;font-size:clamp(25px,3.4vw,36px);line-height:1.1;font-weight:780;font-stretch:76%;letter-spacing:-.01em;overflow-wrap:anywhere}
.hcard .lead{margin-top:8px}
.hcard-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:8px 0 0!important;font-size:14.5px;color:var(--ink-2)}
.hcard-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0!important}
.hcard-actions .btn .ic{color:currentColor}
@media (max-width:560px){.hcard-ic{width:48px;height:48px}.hcard-mono{font-size:22px}.hcard-actions{width:100%}.hcard-actions .btn{flex:1 1 auto}}
.dist-h{display:block;margin-bottom:8px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}

/* Yazılım kutucukları */
.bigsearch{position:relative;display:flex;gap:8px;max-width:640px;margin-top:18px}
.bigsearch .ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}
.bigsearch input{flex:1;min-width:0;height:48px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0 14px 0 44px;font-size:16px}
.bigsearch input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.bigsearch .btn{min-height:48px;border-radius:10px;padding:0 20px}
.catpills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
@media (max-width:639px){.catpills{flex-wrap:nowrap;overflow-x:auto;margin:16px -16px 0;padding:2px 16px 8px;scrollbar-width:thin}}
.catpills .ic{color:var(--accent)}
.catpills .is-on .ic{color:currentColor}
.ptiles{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.ptiles>li{min-width:0}
.ptiles-sm{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
@media (max-width:479px){.ptiles-sm{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ptiles-sm .ptile{padding:12px}.ptiles-sm .ptile-name{font-size:14px}}
.ptile{display:flex;flex-direction:column;gap:8px;height:100%;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.ptile:hover{border-color:var(--ink-3);box-shadow:0 6px 18px rgba(10,20,30,.07)}
.ptile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ptile-name{font-weight:650;line-height:1.3;overflow-wrap:anywhere;min-width:0}
.ptile-n{flex:none;font-size:18px;line-height:1.2;font-weight:800;font-stretch:72%;font-variant-numeric:tabular-nums}
.ptile-sub{margin-top:-4px;font-size:12.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ptile .sbar{margin-top:auto}
.ptile-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12.5px;color:var(--ink-3)}
.ptile-meta:empty{display:none}

/* Sayfa başlığı */
.page-head{padding-top:30px;padding-bottom:18px}
@media (min-width:760px){.page-head{padding-top:34px;padding-bottom:20px}}
.page-head h1{margin:0;font-size:clamp(26px,3.6vw,38px);font-weight:750;font-stretch:76%;letter-spacing:-.01em}
.crumbs{display:flex;gap:8px;font-size:14px;color:var(--ink-3);margin-bottom:10px;flex-wrap:wrap}
.crumbs a{color:var(--ink-2)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

/* Liste ve filtreler */
.layout{display:grid;gap:24px}
@media (min-width:960px){.layout{grid-template-columns:236px minmax(0,1fr);gap:36px}.layout.no-filters{grid-template-columns:1fr}}
.fbox{background:var(--surface);border:1px solid var(--line);border-radius:14px}
.fsum{display:inline-flex;align-items:center;gap:8px}
.fsum .ic{color:var(--accent)}
.fbox summary{list-style:none;cursor:pointer;padding:12px 16px;font-weight:650;display:flex;justify-content:space-between;align-items:center}
.fbox summary::-webkit-details-marker{display:none}
.fbox summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg);margin-top:-4px}
.fbox[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.fbody{padding:4px 16px 16px;display:grid;gap:10px}
@media (min-width:960px){
  .filters{position:sticky;top:120px;align-self:start}
  .fbox summary{padding:16px 18px 6px;cursor:default;pointer-events:none}
  .fbox summary::after{display:none}
  .fbody{padding:4px 18px 18px}
}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend,.flabel{display:block;padding:0;margin:6px 0 6px;font-size:14px;font-weight:650;color:var(--ink)}
.check{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:15px;cursor:pointer}
.check input{width:17px;height:17px;margin:0;accent-color:var(--accent);flex:none}
.check i{width:10px;height:10px;border-radius:2px;background:var(--sev);flex:none}
.select,.input{width:100%;height:40px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:0 10px;font-size:15px}
.factions{display:flex;align-items:center;gap:14px;margin-top:6px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border-radius:6px;border:1px solid var(--line);background:var(--surface);font-size:15px;font-weight:600;cursor:pointer;color:var(--ink);text-decoration:none}
.btn:hover{border-color:var(--ink-3)}
.btn-primary{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.btn-primary:hover{opacity:.9}
.btn-danger{color:var(--crit);border-color:var(--crit)}
.btn[aria-disabled="true"]{color:var(--ink-3);cursor:default}
.linkbtn{background:none;border:0;padding:0;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sevbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.sevchip{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font-size:14px;font-weight:550;text-decoration:none;white-space:nowrap}
.sevchip i{width:9px;height:9px;border-radius:2px;background:var(--sev)}
.sevchip b{color:var(--ink);font-weight:650;font-variant-numeric:tabular-nums}
.sevchip:hover{border-color:var(--ink-3);color:var(--ink)}
.sevchip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sevchip.is-on{border-color:var(--ink);background:var(--ink);color:var(--surface)}
.sevchip.is-on b{color:var(--surface)}
.sevchip.sev-crit.is-on,.sevchip.sev-high.is-on,.sevchip.sev-med.is-on,.sevchip.sev-low.is-on,.sevchip.sev-none.is-on{border-color:var(--sev);background:var(--sev-bg);color:var(--sev)}
.sevchip.sev-crit.is-on b,.sevchip.sev-high.is-on b,.sevchip.sev-med.is-on b,.sevchip.sev-low.is-on b,.sevchip.sev-none.is-on b{color:var(--sev)}
.feedhead{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}
.feed{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.feed li+li{border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:16px;align-items:start;padding:14px 20px 14px 14px;text-decoration:none;color:inherit;transition:background-color .12s}
.row:hover{background:var(--sunk)}
.row:focus-visible{outline-offset:-2px}
.row-score{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:62px;padding:8px 4px;border-radius:12px;background:var(--sev-bg);text-align:center}
.row-score .num{font-size:26px;line-height:1;font-weight:800;font-stretch:66%;color:var(--sev);font-variant-numeric:tabular-nums}
.row-score .word{font-size:10.5px;line-height:1.2;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sev);overflow-wrap:anywhere}
.row-main{display:grid;gap:3px;min-width:0}
.row-id{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;font-stretch:85%;color:var(--ink-2);font-variant-numeric:tabular-nums}
.row-title{font-size:16.5px;line-height:1.35;font-weight:620;color:var(--ink);overflow-wrap:anywhere}
.row-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:var(--ink-2);min-width:0}
.row-meta span{overflow-wrap:anywhere;min-width:0}
.row-time,.time-m{font-size:13px;color:var(--ink-3);white-space:nowrap}
.time-m{display:none}
@media (max-width:640px){
  .row{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:12px 14px 12px 12px}
  .row-score{min-height:54px;border-radius:10px}
  .row-score .num{font-size:22px}
  .row-score .word{font-size:9.5px;letter-spacing:.03em}
  .row-time{display:none}
  .time-m{display:inline}
  .row-title{font-size:15.5px}
}
.empty{background:var(--surface);border:1px dashed var(--line);border-radius:var(--r);padding:28px 24px;display:grid;gap:12px;justify-items:start}
.empty p{margin:0;font-weight:600}
.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.pager-info{color:var(--ink-2);font-size:14px}

/* Detay */
.detail{padding-top:22px}
.dhero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;background:var(--sev-bg);border-radius:var(--r);padding:22px 24px}
.dhero .big{font-size:96px;line-height:.86;font-weight:800;font-stretch:62%;color:var(--sev);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.dhero .lvl{font-size:15px;font-weight:650;color:var(--sev);margin-top:8px}
.dhero .ver{font-size:13px;color:var(--ink-2)}
.dhero-id{margin:0 0 6px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:650;font-stretch:85%;color:var(--ink-2);font-variant-numeric:tabular-nums}
.dhero h1{margin:0;font-size:clamp(21px,2.6vw,28px);line-height:1.22;font-weight:700;font-stretch:88%;overflow-wrap:anywhere}
.dhero .meta{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;color:var(--ink-2)}
.dhero .meta a{color:var(--ink)}
@media (max-width:560px){
  .dhero{grid-template-columns:1fr;gap:12px;padding:18px}
  .dhero .big{font-size:72px}
  .scorebox{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
  .dhero .lvl{margin-top:0}
}
.callout{margin:16px 0 0;border-radius:6px;padding:12px 16px;font-size:15px;border:1px solid var(--line);background:var(--surface)}
.callout strong{display:block}
.callout-kev{border-color:var(--crit);background:var(--crit-bg)}
.callout-kev strong{color:var(--crit)}
.callout-warn{border-color:var(--high);background:var(--high-bg)}
.callout-info{background:var(--info-bg);border-color:transparent}
.callout-data{border-color:var(--med);background:var(--med-bg)}
.callout-ok{background:var(--ok-bg);border-color:transparent;color:var(--ink)}
.dgrid{display:grid;gap:28px;margin-top:8px}
@media (min-width:1000px){.dgrid{grid-template-columns:minmax(0,1fr) 340px;gap:40px}.dside{position:sticky;top:120px;align-self:start}}
.dmain{min-width:0}
.exec{margin-top:24px;padding:16px 18px;border-left:4px solid var(--ink);background:var(--surface);border-radius:0 var(--r) var(--r) 0}
.exec h2{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--ink-2)}
.exec p{margin:0;font-size:17px;line-height:1.5}
.dsec{margin-top:30px}
.dsec h2{margin:0 0 8px;font-size:19px;font-weight:700;font-stretch:90%}
.dsec h3{margin:16px 0 6px;font-size:15px}
.dsec p{margin:0}
.dsec ol,.dsec ul{margin:0;padding-left:1.35em}
.dsec li{margin:7px 0;padding-left:4px}
.steps li::marker{font-weight:700;color:var(--ink-2)}
.src{display:inline-block;font-size:11.5px;font-weight:600;color:var(--ink-3);border:1px solid var(--line);border-radius:3px;padding:0 5px;margin-left:4px;vertical-align:1px;white-space:nowrap}
.src-vendor{color:var(--ok);border-color:currentColor}
.src-cisa{color:var(--crit);border-color:currentColor}
.orig summary{cursor:pointer;font-weight:650;font-size:15px}
.orig p{margin-top:8px;color:var(--ink-2)}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
th{text-align:left;font-size:13px;font-weight:500;color:var(--ink-2);padding:6px 12px 6px 0;border-bottom:1px solid var(--line)}
td{padding:9px 12px 9px 0;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top}
.aff td:first-child{min-width:120px}
.aff tr.st-unaffected td{color:var(--ink-2)}
.st{font-size:12px;color:var(--ink-3)}
.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:0}
@media (min-width:600px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
.metrics div{background:var(--surface);padding:10px 12px}
.metrics dt{font-size:12.5px;color:var(--ink-2);line-height:1.3}
.metrics dd{margin:3px 0 0;font-size:15px;font-weight:650}
.metrics dd.hi{color:var(--crit)}
.vector{margin-top:8px!important;font-size:12.5px;color:var(--ink-3);font-family:var(--mono);overflow-wrap:anywhere}
.timeline{list-style:none;padding:0!important;border-left:2px solid var(--line);margin-left:6px!important}
.timeline li{position:relative;padding-left:16px!important;display:flex;flex-wrap:wrap;gap:2px 14px}
.timeline li::before{content:"";position:absolute;left:-6px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--ink-3)}
.timeline li.ev-kev_added::before{border-color:var(--crit);background:var(--crit)}
.timeline li.ev-fix_available::before{border-color:var(--low);background:var(--low)}
.timeline time{font-size:13.5px;color:var(--ink-3);min-width:150px;font-variant-numeric:tabular-nums}
.refs{list-style:none;padding:0!important}
.refs li{padding-left:0!important;overflow-wrap:anywhere}
.ainote{margin:34px 0 0;padding:14px 16px;border-radius:6px;background:var(--sunk);color:var(--ink-2);font-size:14px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-top:24px}
.dside .panel:first-child{margin-top:24px}
.panel h2{margin:0 0 6px;font-size:16px;font-weight:700}
.prio-big{margin:0;font-size:14px;color:var(--ink-2)}
.prio-big span{font-size:44px;font-weight:800;font-stretch:62%;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums}
.bar{height:6px;background:var(--sunk);border-radius:3px;overflow:hidden;margin:8px 0 12px}
.bar i{display:block;height:100%;background:var(--sev);border-radius:3px}
.breakdown{list-style:none;margin:0 0 10px;padding:0;font-size:14px}
.breakdown li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dashed var(--line)}
.breakdown b{font-variant-numeric:tabular-nums}
.panel .muted{font-size:14px;margin:8px 0}
.inline{display:flex;gap:8px}
.inline .input{flex:1;min-width:0}
.check-result{margin:12px 0 4px;font-weight:600;min-height:1.4em}
.check-result.is-yes{color:var(--crit)}
.check-result.is-no{color:var(--ok)}
.check-result.is-unknown{color:var(--ink-2)}
.follow-panel p{margin:0 0 12px;color:var(--ink-2);font-size:14.5px}
.follow-panel .btn{width:100%;text-align:center}
.bar .w-0{width:0}.bar .w-5{width:5%}.bar .w-10{width:10%}.bar .w-15{width:15%}.bar .w-20{width:20%}.bar .w-25{width:25%}.bar .w-30{width:30%}.bar .w-35{width:35%}.bar .w-40{width:40%}.bar .w-45{width:45%}.bar .w-50{width:50%}.bar .w-55{width:55%}.bar .w-60{width:60%}.bar .w-65{width:65%}.bar .w-70{width:70%}.bar .w-75{width:75%}.bar .w-80{width:80%}.bar .w-85{width:85%}.bar .w-90{width:90%}.bar .w-95{width:95%}.bar .w-100{width:100%}

/* Metin sayfaları */
.prose{padding-top:30px}
.prose h1{font-size:clamp(26px,3.6vw,38px);font-weight:750;font-stretch:76%;margin:0 0 10px}
.prose h2{font-size:20px;margin:30px 0 8px;font-stretch:90%}
.prose ul{padding-left:1.3em}
.prose li{margin:6px 0}
.plain{margin:10px 0}
.plain td:last-child{text-align:right;white-space:nowrap;font-weight:600}
pre.code{background:var(--sunk);border-radius:6px;padding:12px 14px;overflow-x:auto;font-size:13.5px;line-height:1.5}
pre.code code{background:none;padding:0}

/* Bağımlılık kontrolü */

/* Formlar */
.form{display:grid;gap:14px;margin-bottom:28px}
.form.danger{display:flex;gap:10px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line)}
.fset{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px 14px;background:var(--surface)}
.fset legend{padding:0 4px;margin:0}
.frow{display:grid;gap:14px}
@media (min-width:600px){.frow{grid-template-columns:1fr 1fr}}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.picked{list-style:none;margin:6px 0;padding:0}
.picker{position:relative;margin-top:6px}
.suggest{list-style:none;margin:4px 0 0;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);max-height:260px;overflow:auto}
.suggest:empty{display:none}
.suggest li button{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;background:none;border:0;padding:9px 12px;cursor:pointer}
.suggest li button:hover,.suggest li button:focus{background:var(--sunk)}
.suggest li span{color:var(--ink-3);font-size:13px}
.consent{align-items:flex-start}
.consent input{margin-top:3px}
.msg{padding-top:48px;padding-bottom:24px}
.msg h1{font-size:30px;font-stretch:80%;margin:0 0 10px}

/* Alt bilgi */
.foot{border-top:1px solid var(--line);background:var(--surface);font-size:13.5px;color:var(--ink-2)}
.foot-in{padding-top:22px;padding-bottom:28px}
.foot-nav{display:flex;flex-wrap:wrap;gap:6px 20px;margin-bottom:10px}
.foot-nav a{color:var(--ink)}
.foot-note,.foot-meta{margin:6px 0;max-width:none}
.foot-brand{margin:0 0 10px;color:var(--ink)}

/* Açık sayfası: kartlı düzen */
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-top:16px}
@media (max-width:560px){.card{padding:16px;border-radius:12px}}
.ic{flex:none;color:var(--accent)}
.ch{display:flex;align-items:center;gap:9px;margin:0 0 12px;font-size:18px;font-weight:700;font-stretch:92%}
.ch-tag,.ch-count{margin-left:auto;font-size:12.5px;font-weight:600;font-stretch:100%;color:var(--ink-3)}
.ch-tag{color:var(--ok);background:var(--ok-bg);padding:2px 8px;border-radius:999px}
.ch3{display:flex;align-items:center;gap:8px;margin:18px 0 6px;font-size:15.5px;font-weight:700}
.card p{margin:0}
.card .callout{margin-top:0;margin-bottom:12px}
.dhead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:start;margin-top:12px}
.dhead-main{min-width:0}
.badges{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.chip-new{background:var(--info-bg);color:var(--accent)}
.chip-mono{font-family:var(--mono);font-weight:500}
.dhead-id{margin:0;display:flex;align-items:center;gap:6px;font-size:clamp(24px,3.2vw,32px);font-weight:800;font-stretch:80%;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--ink-3);cursor:pointer}
.iconbtn:hover{background:var(--sunk);color:var(--ink)}
.iconbtn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.iconbtn .ic{color:currentColor}
.iconbtn.done{color:var(--ok)}
.dhead h1{margin:6px 0 0;font-size:clamp(18px,2.2vw,23px);line-height:1.3;font-weight:650;color:var(--ink);overflow-wrap:anywhere}
.dhead-prod{margin:8px 0 0!important;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px}
.dhead-prod a{color:var(--ink-2)}
.scorepill{display:grid;justify-items:center;gap:4px;min-width:104px}
.sp-lvl{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sev)}
.sp-num{display:block;min-width:96px;text-align:center;padding:10px 14px;border-radius:12px;background:var(--sev);color:var(--surface);font-size:34px;line-height:1;font-weight:800;font-stretch:72%;font-variant-numeric:tabular-nums}
.sev-none .sp-num{background:var(--sunk);color:var(--ink-2)}
.sp-ver{font-size:12px;color:var(--ink-3)}
.factgrid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 18px;margin:4px 0 0;padding-top:16px;border-top:1px solid var(--line)}
@media (max-width:700px){.factgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.factgrid dt{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.factgrid dd{margin:3px 0 0;font-size:15px;font-weight:600;overflow-wrap:anywhere}
@media (max-width:480px){.dhead{grid-template-columns:1fr}.scorepill{grid-row:1;justify-items:start;grid-template-columns:auto 1fr;align-items:center;gap:0 12px}.sp-num{grid-row:1 / span 2;min-width:0;font-size:30px;padding:9px 14px}.sp-lvl{align-self:end}.sp-ver{align-self:start}}
.exec{border-left:4px solid var(--ink)}
.exec p{font-size:17px;line-height:1.55}
.orig{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.orig summary{display:flex;align-items:center;gap:8px;color:var(--ink-2)}
.orig summary .ic{color:var(--ink-3)}
.dside .card:first-child{margin-top:16px}
.gauge-row{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.gauge{--p:0;flex:none;width:92px;height:92px;border-radius:50%;display:grid;place-content:center;justify-items:center;background:radial-gradient(closest-side,var(--surface) 78%,transparent 79%),conic-gradient(var(--sev) calc(var(--p) * 1%),var(--sunk) 0)}
.gauge-num{font-size:26px;line-height:1;font-weight:800;font-stretch:72%;color:var(--ink)}
.gauge-of{font-size:11.5px;color:var(--ink-3)}
.gauge-lvl{font-size:16px;font-weight:700;color:var(--sev)}
.cvss-card .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.related{list-style:none;margin:0;padding:0;display:grid;gap:8px}
@media (min-width:700px){.related{grid-template-columns:repeat(2,minmax(0,1fr))}}
.related a{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:inherit;min-height:44px}
.related a:hover{border-color:var(--ink-3)}
.rel-score{flex:none;min-width:40px;font-size:20px;font-weight:800;font-stretch:66%;color:var(--sev);font-variant-numeric:tabular-nums}
.rel-main{display:grid;gap:2px;min-width:0}
.rel-title{font-size:14px;font-weight:600;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.g-0{--p:0}.g-5{--p:5}.g-10{--p:10}.g-15{--p:15}.g-20{--p:20}.g-25{--p:25}.g-30{--p:30}.g-35{--p:35}.g-40{--p:40}.g-45{--p:45}.g-50{--p:50}.g-55{--p:55}.g-60{--p:60}.g-65{--p:65}.g-70{--p:70}.g-75{--p:75}.g-80{--p:80}.g-85{--p:85}.g-90{--p:90}.g-95{--p:95}.g-100{--p:100}
.card.follow-panel p{margin:0 0 12px}