@font-face{font-family:"Martian";src:url(fonts/martian-mono-latin-standard-normal.woff2) format("woff2");font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Martian";src:url(fonts/martian-mono-latin-ext-standard-normal.woff2) format("woff2");font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken";src:url(fonts/hanken-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"Hanken";src:url(fonts/hanken-grotesk-latin-ext-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  color-scheme:light;
  --mineral:#DCE1DB; --paper:#EEF1EC; --well:#E5E9E3; --rule:#B8C1BA; --white:#F8FAF7;
  --ink:#18211C; --ink2:#3F4C44; --ink3:#55635B;
  --amber:#C4601A; --amber-ink:#8E430F; --amber-tint:rgba(196,96,26,.13);
  --moss:#2C6A4A; --moss-ink:#1F5038; --moss-tint:rgba(44,106,74,.14); --leaf:#66B48A;
  /* grafik işaretleri: renk körlüğü denetiminden geçti (yüzey #EEF1EC) */
  --c-waste:#C4601A; --c-fixed:#2F8F5F;
  --mono:"Martian", ui-monospace, "SF Mono", Consolas, monospace;
  --sans:"Hanken", system-ui, -apple-system, "Segoe UI", sans-serif;
  --r:8px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--mineral);color:var(--ink);font:17px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
body:not(.en) [lang=en], body.en [lang=tr]{display:none!important}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}
.wrap{max-width:980px;margin:0 auto;padding:0 16px}
.word{font-family:var(--mono);font-weight:700;font-stretch:112.5%;letter-spacing:-.03em}
.word span{color:var(--moss)}
.dark .word span{color:var(--leaf)}
code{font-family:var(--mono);font-size:.82em;background:var(--well);padding:1px 6px;border-radius:4px}
kbd{font-family:var(--mono);font-size:11px;border:1px solid currentColor;border-bottom-width:2px;border-radius:4px;padding:0 5px;opacity:.7}

/* ---------- üst çubuk ---------- */
.top{position:sticky;top:0;z-index:20;background:rgba(220,225,219,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.top .bar{max-width:1400px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:20px;height:56px}
.top .word{font-size:20px;text-decoration:none;flex-shrink:0}
.nav{display:flex;gap:4px;background:var(--well);border:1px solid var(--rule);border-radius:999px;padding:3px}
.nav a{text-decoration:none;font-size:14px;font-weight:600;color:var(--ink2);padding:6px 14px;border-radius:999px;white-space:nowrap;display:flex;align-items:center;gap:6px}
.nav a:hover{color:var(--ink)}
.nav a[aria-current=page]{background:var(--ink);color:var(--paper)}
.nav .count{font-family:var(--mono);font-size:11px;background:var(--amber);color:#fff;border-radius:999px;padding:0 6px;line-height:17px}
.lang{display:flex;border:1px solid var(--rule);border-radius:999px;padding:2px;background:var(--paper);margin-left:auto;flex-shrink:0}
.lang button{font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;color:var(--ink3)}
.lang button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
@media (max-width:760px){
  .top .bar{flex-wrap:wrap;height:auto;padding-top:8px;padding-bottom:8px;row-gap:8px}
  .nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{flex:1;justify-content:center;padding:6px 10px}
}

/* ---------- tanıtım ---------- */
.dark{background:var(--ink);color:var(--paper)}
.hero{padding-top:56px;padding-bottom:64px}
.kicker{font-family:var(--mono);font-size:13px;letter-spacing:.02em;color:#A9B8AE;text-transform:uppercase}
.hero h1{font-family:var(--mono);font-weight:700;font-size:clamp(30px,6.4vw,56px);line-height:1.08;letter-spacing:-.035em;margin:18px 0;max-width:17ch}
.hero h1 em{font-style:normal;color:var(--leaf)}
.hero p.lead{font-size:clamp(17px,2.4vw,20px);color:#C9D3CC;max-width:56ch}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:16px;padding:13px 22px;border-radius:999px;text-decoration:none;background:var(--leaf);color:var(--ink)}
.btn.line{background:none;border:1px solid #55635B;color:var(--paper)}
.btn.inkb{background:var(--ink);color:var(--paper)}
.btn:hover{filter:brightness(1.06)}
.line-story{margin-top:44px;border:1px solid #3A4740;border-radius:var(--r);overflow:hidden}
.line-story .cap{font-size:14px;color:#A9B8AE;padding:12px 16px;border-bottom:1px solid #3A4740}
.line-story pre{font:14px/1.9 var(--mono);font-stretch:75%;padding:12px 0;overflow-x:auto}
.line-story pre div{padding:0 16px;white-space:pre;min-width:max-content}
.line-story .del{background:rgba(196,96,26,.20);color:#F2C3A0}
.line-story .del span{text-decoration:line-through;text-decoration-color:rgba(242,195,160,.6)}
.line-story .add{background:rgba(102,180,138,.18);color:#BFE5CD}
.line-story .res{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:baseline;padding:16px;border-top:1px solid #3A4740}
.line-story .big{font-family:var(--mono);font-weight:700;font-stretch:112.5%;font-size:clamp(44px,10vw,72px);line-height:1;color:var(--leaf);letter-spacing:-.04em}
.line-story .res p{color:#C9D3CC;max-width:40ch}
@media (max-width:520px){.hero{padding-top:36px}.line-story pre{font-size:10.5px}.line-story pre div{padding:0 12px}}
main section{padding:64px 0}
main section + section{border-top:1px solid var(--rule)}
h2{font-family:var(--mono);font-weight:600;font-size:clamp(24px,4.4vw,34px);letter-spacing:-.03em;line-height:1.15;margin-bottom:10px}
.sub{color:var(--ink2);max-width:60ch;margin-bottom:28px}
video{width:100%;display:block;border-radius:var(--r);background:var(--ink);aspect-ratio:16/9}
.band{background:var(--ink);color:var(--paper);border-radius:var(--r);padding:28px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.band h3{font-family:var(--mono);font-size:clamp(20px,3.4vw,26px);letter-spacing:-.02em;line-height:1.2}
.band p{color:#C9D3CC;margin-top:6px;max-width:56ch}
@media (max-width:640px){.band{grid-template-columns:1fr}}
.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.res-card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r);padding:18px}
.res-card .x{font-family:var(--mono);font-weight:700;font-stretch:112.5%;font-size:40px;line-height:1.05;color:var(--moss);letter-spacing:-.04em}
.res-card h3{font-size:18px;margin-top:8px}
.res-card p{font-size:15px;color:var(--ink2)}
.fine{font-size:13px;color:var(--ink3);margin-top:14px;max-width:70ch}
@media (max-width:620px){.results{grid-template-columns:1fr}}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:28px}
.step{border-top:2px solid var(--ink);padding-top:12px}
.step .n{font-family:var(--mono);font-weight:700;font-size:28px;color:var(--moss);line-height:1}
.step h3{font-size:19px;margin:8px 0 4px}
.step p{font-size:15px;color:var(--ink2)}
@media (max-width:820px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.steps{grid-template-columns:1fr}}
.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:720px){.cols{grid-template-columns:1fr}}
.box{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r);padding:20px}
.box h3{font-size:18px;margin-bottom:8px}
.eq{font-family:var(--mono);font-weight:600;font-size:22px;margin:4px 0 12px}
.box ul{padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--ink2);font-size:15px}
.term{background:var(--ink);color:#C9D3CC;border-radius:var(--r);font:13px/1.9 var(--mono);font-stretch:87.5%;padding:16px;overflow-x:auto;white-space:pre}
.term b{color:var(--leaf);font-weight:500}
footer{background:var(--ink);color:#A9B8AE;padding:40px 0 48px;font-size:14px}
footer .word{font-size:24px;color:var(--paper)}
footer .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:16px}
footer h4{color:var(--paper);font-size:14px;margin-bottom:6px}
footer ul{list-style:none;display:flex;flex-direction:column;gap:4px}
@media (max-width:720px){footer .grid{grid-template-columns:1fr}}

/* ---------- uygulama görünümleri ---------- */
.view{min-height:calc(100vh - 56px)}
.app{max-width:1400px;margin:0 auto;padding:24px 16px 48px}
.ahead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.ahead h1{font-family:var(--mono);font-weight:600;font-size:clamp(24px,3.6vw,32px);letter-spacing:-.03em;line-height:1.1}
.ahead p{color:var(--ink2);margin-top:4px;font-size:15px;max-width:62ch}
.engine{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2);background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:6px 12px;white-space:nowrap}
.engine i{width:8px;height:8px;border-radius:50%;background:var(--rule)}
.engine.loading i{background:var(--amber);animation:pulse 1s ease-in-out infinite}
.engine.ready i{background:var(--c-fixed)}
.engine.error i{background:#B3261E}
@keyframes pulse{50%{opacity:.3}}
.card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r)}
.tbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.tbar .sp{flex:1}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--rule);background:var(--paper);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;color:var(--ink2)}
.chip:hover{border-color:var(--ink3)}
.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.tbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule);background:var(--paper);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;color:var(--ink2);cursor:pointer;text-decoration:none;white-space:nowrap}
.tbtn:hover{border-color:var(--ink3);color:var(--ink)}
.tbtn.danger:hover{border-color:#B3261E;color:#B3261E}
.go{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper);font-weight:700;font-size:15px;padding:9px 18px;border-radius:999px;white-space:nowrap}
.go:disabled{opacity:.6;cursor:progress}
.go.leaf{background:var(--leaf);color:var(--ink)}
.go kbd{border-color:rgba(238,241,236,.5);font-family:system-ui,-apple-system,sans-serif}
@media (hover:none){.go kbd{display:none}}

.dash{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:980px){.dash{grid-template-columns:1fr}.ed{height:42vh;min-height:240px}}
@media (max-width:600px){.hb{grid-template-columns:1fr auto;gap:2px 10px}.hb .nm{grid-column:1/-1;margin-top:6px}}

/* editör: satır numaraları + bulgu satırlarının vurgusu, yazı textarea'da */
.editor{overflow:hidden;display:flex;flex-direction:column}
.ed{display:grid;grid-template-columns:auto 1fr;height:min(64vh,620px);min-height:320px;font:13px/22px var(--mono);font-stretch:87.5%;position:relative;background:var(--white)}
.gut{overflow:hidden;background:var(--paper);border-right:1px solid var(--rule);color:var(--ink3);text-align:right;user-select:none;padding:12px 0}
.gut div{padding:0 10px 0 12px;height:22px}
.gut div.f{color:var(--ink);font-weight:700}
.area{position:relative;overflow:hidden}
.hl{position:absolute;left:0;right:0;top:0;height:0;pointer-events:none}
.hl div{position:absolute;left:0;right:0;height:22px}
.hl .yüksek{background:var(--amber-tint);box-shadow:inset 3px 0 var(--c-waste)}
.hl .orta{background:rgba(196,160,26,.14);box-shadow:inset 3px 0 #B08A14}
.hl .bilgi{background:rgba(85,99,91,.09);box-shadow:inset 3px 0 var(--ink3)}
.hl .sel{background:rgba(24,33,28,.10)}
.area textarea{position:absolute;inset:0;width:100%;height:100%;resize:none;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;padding:12px 14px;tab-size:4;white-space:pre;overflow:auto;caret-color:var(--ink)}
.sbar{display:flex;gap:16px;align-items:center;padding:8px 14px;border-top:1px solid var(--rule);font-size:12px;color:var(--ink3);flex-wrap:wrap}
.sbar .ok{color:var(--moss-ink)}
.sbar .sp{flex:1}

.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;scroll-margin-top:120px}
.kpi{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r);padding:12px 14px;min-width:0}
.kpi b{display:block;font:700 26px/1.1 var(--mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi span{display:block;font-size:12.5px;color:var(--ink3);margin-top:2px}
.kpi.score{display:flex;align-items:center;gap:12px}
.ring{--p:0;width:46px;height:46px;border-radius:50%;flex-shrink:0;background:conic-gradient(var(--c-fixed) calc(var(--p)*1%),var(--well) 0);display:grid;place-items:center}
.ring::after{content:"";width:34px;height:34px;border-radius:50%;background:var(--paper)}
.ring.mid{background:conic-gradient(#B08A14 calc(var(--p)*1%),var(--well) 0)}
.ring.low{background:conic-gradient(var(--c-waste) calc(var(--p)*1%),var(--well) 0)}
@media (max-width:520px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

.rt{overflow:hidden}
.rtabs{display:flex;border-bottom:1px solid var(--rule);padding:0 8px;overflow-x:auto}
.rtabs button{padding:12px 12px 10px;font-size:14px;font-weight:600;color:var(--ink3);border-bottom:2px solid transparent;white-space:nowrap;display:flex;gap:6px;align-items:center}
.rtabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}
.rtabs .n{font-family:var(--mono);font-size:11px;background:var(--well);border-radius:999px;padding:0 6px;line-height:18px}
.tp{padding:14px;max-height:min(64vh,620px);overflow:auto}
.empty{border:1px dashed var(--ink3);border-radius:var(--r);padding:18px;color:var(--ink2);font-size:15px}
.empty b{color:var(--ink)}
.find{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;align-items:baseline;width:100%;text-align:left;padding:10px 12px;border:1px solid var(--rule);background:var(--white);border-radius:var(--r);margin-bottom:8px}
.find:hover{border-color:var(--ink3)}
.find h4{font-size:15px;font-weight:600;line-height:1.3}
.find .where{font:12px var(--mono);color:var(--ink3);white-space:nowrap}
.find p{grid-column:1/-1;font-size:14px;color:var(--ink2)}
.find .meta{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.sev{font:600 11px var(--mono);padding:2px 7px;border-radius:4px;white-space:nowrap}
.sev.yüksek{background:var(--amber-tint);color:var(--amber-ink)} .sev.orta{background:#E9E2C9;color:#6B5714} .sev.bilgi{background:var(--well);color:var(--ink2)}
.tag{font:600 11px var(--mono);padding:2px 7px;border-radius:4px;background:var(--well);color:var(--ink2);white-space:nowrap}
.tag.auto{background:var(--moss-tint);color:var(--moss-ink)}
.diff{border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;background:var(--white)}
.code{font:12.5px/1.8 var(--mono);font-stretch:75%;overflow-x:auto;padding:8px 0}
.ln{display:grid;grid-template-columns:24px 1fr;white-space:pre;padding-right:14px;min-width:max-content}
.ln i{font-style:normal;text-align:center;color:var(--ink3)}
.ln.sil{background:var(--amber-tint)} .ln.sil i{color:var(--amber-ink)} .ln.sil span{text-decoration:line-through;text-decoration-color:rgba(142,67,15,.5)}
.ln.ekle{background:var(--moss-tint)} .ln.ekle i{color:var(--moss-ink)}
.ln.gap{color:var(--ink3);font-style:italic;padding-left:24px}
.fixlist{margin-top:10px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink2)}
.fixlist b{font:600 11px var(--mono);color:var(--ink);margin-right:8px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.kept{font-size:13px;color:var(--moss-ink);background:var(--moss-tint);border-radius:6px;padding:7px 10px}

/* ölçüm */
.mhero{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.mhero .x{font:700 clamp(40px,6vw,56px)/1 var(--mono);font-stretch:112.5%;letter-spacing:-.04em;color:var(--c-fixed)}
.mhero span{color:var(--ink2)}
.bars{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:10px 12px;align-items:center;margin-top:16px}
.bars .lab{font-size:13.5px;color:var(--ink2);line-height:1.25}
.bars .lab b{display:block;color:var(--ink);font-size:14px}
.track{position:relative;height:28px;background:var(--well);border-radius:4px}
.track i{position:absolute;left:0;top:0;bottom:0;border-radius:0 4px 4px 0;min-width:3px}
.track em{position:absolute;top:50%;transform:translateY(-50%);font:600 12.5px var(--mono);font-style:normal;color:var(--ink);white-space:nowrap}
.checks{margin-top:14px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink2)}
.checks .ok{color:var(--moss-ink);font-weight:600}
.spin{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp .8s linear infinite;vertical-align:-2px;margin-right:8px}
@keyframes sp{to{transform:rotate(360deg)}}

/* analizler */
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
@media (max-width:860px){.grid2{grid-template-columns:1fr}}
.ch{padding:16px}
.ch h3{font-size:16px}
.ch .cap{font-size:12.5px;color:var(--ink3);margin-top:2px}
.hb{display:grid;grid-template-columns:minmax(0,250px) 1fr auto;gap:8px 10px;align-items:center;margin-top:14px;font-size:13px}
.hb .nm{color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb .nm b{font-family:var(--mono);color:var(--ink);margin-right:6px;font-size:12px}
.hb .tr{height:16px;position:relative}
.hb .tr i{position:absolute;left:0;top:0;bottom:0;border-radius:0 4px 4px 0;min-width:3px}
.hb .v{font:600 12.5px var(--mono);color:var(--ink);text-align:right;min-width:3ch}
.hb .hit{cursor:default}
.ticks{position:relative;height:16px;font:11px var(--mono);color:var(--ink3)}
.ticks span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.ticks span:first-child{transform:none}
.ticks span:last-child{transform:translateX(-100%)}
.tip{position:fixed;z-index:50;pointer-events:none;background:var(--ink);color:var(--paper);font-size:12.5px;line-height:1.4;padding:7px 10px;border-radius:6px;max-width:260px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.tip b{display:block}
.hist{overflow:hidden}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 14px;border-bottom:1px solid var(--rule)}
.filters input,.filters select{border:1px solid var(--rule);background:var(--white);border-radius:999px;padding:7px 12px;font-size:14px}
.filters input{flex:1;min-width:160px}
table.ht{width:100%;border-collapse:collapse;font-size:14px}
.ht th{text-align:left;font:600 11px var(--mono);letter-spacing:.04em;color:var(--ink3);padding:10px 14px;border-bottom:1px solid var(--rule);white-space:nowrap}
.ht td{padding:10px 14px;border-bottom:1px solid var(--rule);vertical-align:middle}
.ht tr:last-child td{border-bottom:0}
.ht tbody tr:hover{background:var(--white)}
.ht .t{font:12px var(--mono);color:var(--ink3);white-space:nowrap}
.ht .nm{font-weight:600}
.ht .nm small{display:block;font-weight:400;color:var(--ink3);font-size:12px}
.ht .tags{display:flex;gap:4px;flex-wrap:wrap}
.ht .num{font-family:var(--mono);text-align:right;white-space:nowrap}
.ht .acts div{display:flex;gap:6px;justify-content:flex-end}
.ht .acts button{font-size:13px;font-weight:600;padding:5px 10px;border:1px solid var(--rule);border-radius:999px;background:var(--paper);white-space:nowrap}
.ht .acts button:hover{border-color:var(--ink3)}
@media (max-width:760px){
  .ht thead{display:none}
  .ht tr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:12px 14px;border-bottom:1px solid var(--rule)}
  .ht td{padding:0;border:0}
  .ht td.t{grid-column:1/-1}
  .ht td.tagc{grid-column:1/-1}
  .ht td.num{text-align:left}
  .ht td.num::before{content:attr(data-l);font:600 10.5px var(--mono);letter-spacing:.04em;color:var(--ink3);margin-right:8px}
  .ht td.acts{grid-column:1/-1}
  .ht td.acts div{justify-content:flex-start}
}

/* kurallar */
.rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.rule{display:flex;flex-direction:column;padding:16px;gap:8px}
.rule .rh{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.rule .rh b{font-family:var(--mono);font-size:13px}
.rule .src{font-size:12px;color:var(--ink3);line-height:1.4}
.rule .cat{font:600 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink3)}
.rule h3{font-size:17px;line-height:1.3}
.rule p{font-size:14px;color:var(--ink2)}
.rule pre{font:11.5px/1.7 var(--mono);font-stretch:75%;background:var(--white);border:1px solid var(--rule);border-radius:6px;padding:10px 12px;overflow-x:auto;margin-top:auto}
.rule .tbtn{align-self:flex-start}
@media (max-width:400px){.rules{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.rule h3 a{text-decoration:none}
.rule h3 a:hover{text-decoration:underline}
.rmeta{font-size:13.5px;color:var(--ink3);margin-top:8px;max-width:760px}
.gain{font:600 11px var(--mono);padding:2px 7px;border-radius:4px;white-space:nowrap;margin-left:auto}
.gain.win,.gain.cpu,.gain.mem{background:var(--moss-tint);color:var(--moss-ink)}
.gain.flat,.gain.na{background:var(--well);color:var(--ink3)}
.gain.loss{background:var(--amber-tint);color:var(--amber-ink)}

/* kural ayrıntısı */
.rd{display:flex;flex-direction:column;gap:16px}
.rd h2{font-size:15px;font-weight:700;margin-bottom:6px}
.rd section.card{padding:16px}
.rd section.card p{font-size:15px;color:var(--ink2)}
.rd-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rd-nav .sp{flex:1}
.rd-head .rh{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.rd-head .rh b{font-family:var(--mono);font-size:13px}
.rd-head .cat{font:600 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);margin-right:4px}
.rd-head h1{font-size:clamp(26px,4vw,36px);line-height:1.15;letter-spacing:-.01em;margin-top:8px}
.rd-head .lead{font-size:17px;color:var(--ink2);margin-top:8px;max-width:760px}
.rd-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;align-items:start}
.rd-side{display:flex;flex-direction:column;gap:16px}
@media (max-width:860px){.rd-grid{grid-template-columns:1fr}}
.rd-m .mhero .x.flat{color:var(--ink2)}
.rd-m .mhero .x.loss{color:var(--c-waste)}
.mt{width:100%;border-collapse:collapse;margin-top:16px;font-size:13px}
.mt th,.mt td{padding:6px 8px;border-bottom:1px solid var(--rule);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.mt td{font-family:var(--mono);font-size:12.5px}
.mt thead th{font:600 11px var(--mono);letter-spacing:.04em;color:var(--ink3)}
.mt tbody th{text-align:left;font-weight:600;color:var(--ink2);white-space:normal}
.mt tr.on th,.mt tr.on td{color:var(--ink);background:var(--white)}
.rd .note{font-size:14px;color:var(--ink2);background:var(--well);border-radius:6px;padding:9px 11px;margin-top:12px}
.rd .fine{font-size:12.5px;color:var(--ink3);margin-top:10px}
.dev{margin-top:14px;border-top:1px solid var(--rule);padding-top:14px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.dev .pk{font-size:12.5px;color:var(--ink3)}
.dev #devRes{flex-basis:100%}
.devr{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--ink2)}
.devr b{font-size:16px;color:var(--moss-ink)}
.cx{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--rule)}
.cx span{font:600 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}
.cx b{font:600 14px var(--mono);color:var(--ink)}
.rd .url{font:12px var(--mono);color:var(--ink3);word-break:break-all;margin-top:4px}
.codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.codes.one{grid-template-columns:1fr;margin-top:12px}
@media (max-width:760px){.codes{grid-template-columns:1fr}}
.cbox{border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;background:var(--white);min-width:0}
.chd{font:600 11px var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:8px 12px;border-bottom:1px solid var(--rule);background:var(--paper)}
.cbox.bad .chd{color:var(--amber-ink);box-shadow:inset 3px 0 var(--c-waste)}
.cbox.good .chd,.cbox.eng .chd{color:var(--moss-ink);box-shadow:inset 3px 0 var(--c-fixed)}
.cbox pre{font:12.5px/1.75 var(--mono);font-stretch:75%;padding:8px 0;overflow-x:auto}
.cbox pre span{display:block;padding:0 12px;white-space:pre;min-width:max-content}
.cbox.bad pre span.chg{background:var(--amber-tint);box-shadow:inset 3px 0 var(--c-waste)}
.cbox.good pre span.chg,.cbox.eng pre span.chg{background:var(--moss-tint);box-shadow:inset 3px 0 var(--c-fixed)}
.rd .kept{margin-top:10px}
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.rel a{display:flex;gap:8px;align-items:baseline;text-decoration:none;background:var(--paper);border:1px solid var(--rule);border-radius:var(--r);padding:9px 11px;font-size:14px;line-height:1.3}
.rel a:hover{border-color:var(--ink3)}
.rel a b{font:600 11.5px var(--mono);flex-shrink:0}
.rel a span{flex:1;min-width:0}
.rel .gain{align-self:center}