/* v8 H · Haftanın bulgusu: kart (açık/koyu), hafta sayfası, arşiv ve ana sayfa bandı.
   Siyah-beyaz balabs çizgisi: mürekkep, gri, ince çizgi; grafik ölçekli, bıyıklar %95 aralığı. */
.wk{padding-block:clamp(18px,3vw,36px) clamp(40px,6vw,72px)}
.wk-crumb{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--muted);margin-bottom:16px;flex-wrap:wrap}
.wk-crumb a{color:var(--body);font-weight:600}
.wk-crumb a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* kart */
.wk-card{--c-bg:#fff;--c-ink:#100e0b;--c-body:#56524b;--c-muted:#8c887f;--c-track:#f1f0ec;--c-bar:#c9c6bf;--c-hair:rgba(16,14,11,.1);
  position:relative;background:var(--c-bg);color:var(--c-ink);border-radius:26px;padding:clamp(22px,4vw,44px);box-shadow:inset 0 0 0 1px var(--c-hair),0 30px 60px -40px rgba(16,14,11,.35);overflow:hidden;isolation:isolate;min-width:0}
.wk-card[data-theme="dark"]{--c-bg:#0b0b0c;--c-ink:#f5f5f7;--c-body:#c7c7cc;--c-muted:#8e8e93;--c-track:#1f1f22;--c-bar:#4a4a4f;--c-hair:rgba(255,255,255,.1)}
.wk-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
.wk-mark{font-size:clamp(22px,2.6vw,28px);font-weight:800;letter-spacing:-.045em;line-height:1}
.wk-mark span{font-weight:500;color:var(--c-muted)}
.wk-kick{font-size:13px;color:var(--c-muted);font-weight:500}
.wk-exp{margin-top:clamp(20px,3vw,30px);font-size:14px;color:var(--c-muted);font-weight:500}
.wk-q{margin-top:6px;font-size:clamp(15px,1.6vw,17px);color:var(--c-body);max-width:58ch}
.wk-h{margin-top:12px;font-size:clamp(28px,4.2vw,44px);line-height:1.04;font-weight:800;letter-spacing:-.04em;color:var(--c-ink);text-wrap:balance}
.wk-chart{position:relative;margin-top:clamp(22px,3vw,32px);display:grid;gap:14px}
.wk-chart.has-ref{padding-top:18px}
.wk-reflab{position:absolute;top:0;transform:translateX(-50%);font-size:12px;color:var(--c-muted);white-space:nowrap}
.wk-reflab.lo{transform:translateX(-6px)}.wk-reflab.hi{transform:translateX(calc(-100% + 6px))}
.wk-row{display:grid;gap:7px;min-width:0}
.wk-rl{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14.5px;color:var(--c-body);min-width:0}
.wk-rl span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wk-rl small{margin-left:8px;font-size:12.5px;color:var(--c-muted)}
.wk-rl b{font-size:clamp(17px,2vw,21px);font-weight:800;color:var(--c-ink);letter-spacing:-.02em;white-space:nowrap}
.wk-row.hl .wk-rl span{color:var(--c-ink);font-weight:600}
.wk-track{position:relative;height:18px;background:var(--c-track);border-radius:3px;isolation:isolate}
.wk-bar{position:absolute;top:0;bottom:0;background:var(--c-bar);border-radius:2px}
.wk-row.hl .wk-bar{background:var(--c-ink)}
/* bıyık: "fark" karışımıyla çubuğun üstünde açık, zeminde koyu görünür (iki temada da) */
.wk-ci{position:absolute;top:50%;height:2px;margin-top:-1px;background:#fff;mix-blend-mode:difference}
.wk-ci::before,.wk-ci::after{content:"";position:absolute;top:-5px;width:2px;height:12px;background:#fff}
.wk-ci::before{left:-1px}.wk-ci::after{right:-1px}
.wk-ref{position:absolute;top:-5px;bottom:-5px;width:0;border-left:2px dashed var(--c-muted);margin-left:-1px;z-index:1}
.wk-zero{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--c-muted)}
.wk-legend{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--c-muted)}
.wk-legend i{width:20px;height:10px;border-inline:2px solid var(--c-ink);position:relative}
.wk-legend i::after{content:"";position:absolute;left:0;right:0;top:4px;height:2px;background:var(--c-ink)}
.wk-sub{margin-top:clamp(18px,2.4vw,24px);font-size:15px;color:var(--c-body);max-width:62ch}
.wk-foot{margin-top:10px;font-size:13px;color:var(--c-muted);max-width:70ch}
.wk-bottom{margin-top:clamp(18px,2.6vw,26px);padding-top:16px;border-top:1px solid var(--c-hair);display:flex;justify-content:space-between;align-items:baseline;gap:10px 18px;flex-wrap:wrap}
.wk-try{font-size:13.5px;color:var(--c-muted);min-width:0;overflow-wrap:anywhere}
.wk-try a{color:var(--c-ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--c-hair);text-underline-offset:3px}
.wk-try a:hover{text-decoration-color:currentColor}
.wk-sig{display:inline-flex;align-items:baseline;gap:7px;font-size:15px;white-space:nowrap;line-height:1}
.wk-sig b{font-weight:800;letter-spacing:-.045em;color:var(--c-ink)}
.wk-sig b span{font-weight:500;color:var(--c-muted)}
.wk-sig i{font-style:normal;color:var(--c-muted);font-size:13px}
.wk-card[data-wm]::after{content:attr(data-wm);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-24deg);font-size:clamp(28px,5vw,54px);font-weight:800;letter-spacing:-.02em;color:#f04e23;opacity:.32;white-space:nowrap;pointer-events:none;z-index:2;text-transform:uppercase}

/* hafta sayfası */
.wk-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(18px,3vw,32px);align-items:start}
.wk-side{display:grid;gap:14px;position:sticky;top:76px}
.wk-cta{display:grid;gap:10px;padding:22px;border-radius:20px;background:var(--tile,#f5f5f7)}
.wk-cta .seclabel{color:var(--ink)}
.wk-cta .seclabel::before{background:var(--ink)}
.wk-cta-t{font-size:20px;font-weight:800;letter-spacing:-.03em;line-height:1.15}
.wk-cta-s{font-size:14px;color:var(--body)}
.wk-code{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.wk-code:hover{color:var(--ink)}
.wk-facts{display:grid;gap:0;padding:6px 18px;border-radius:20px;box-shadow:inset 0 0 0 1px var(--hair)}
.wk-facts div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--hair-soft);font-size:14px}
.wk-facts div:first-child{border-top:0}
.wk-facts dt{color:var(--muted)}
.wk-facts dd{font-weight:700;text-align:right}
.wk-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,40px);margin-top:clamp(28px,4vw,48px)}
.wk-sec h2{font-size:20px;font-weight:800;letter-spacing:-.03em;margin-bottom:10px}
.wk-sec p{font-size:15px;color:var(--body);margin-top:8px}
.wk-sec .wk-cite{color:var(--ink)}
.wk-where{color:var(--muted)}
.wk-fine{font-size:13px!important;color:var(--muted)!important}
.wk-tablewrap{overflow-x:auto;border-radius:14px;box-shadow:inset 0 0 0 1px var(--hair)}
.wk-table{width:100%;border-collapse:collapse;font-size:14px}
.wk-table th,.wk-table td{padding:10px 14px;text-align:left;border-top:1px solid var(--hair-soft)}
.wk-table .n{white-space:nowrap}
.wk-table thead th{border-top:0;font-size:12px;color:var(--muted);font-weight:700}
.wk-table .n{text-align:right;font-variant-numeric:tabular-nums}
.wk-pn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(32px,5vw,56px)}
.wk-pn a{display:grid;gap:2px;padding:14px 18px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--hair);transition:box-shadow .2s}
.wk-pn a:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.wk-pn small{font-size:12px;color:var(--muted)}
.wk-pn span{font-weight:700;font-size:14.5px}
.wk-pn .mid{text-align:center}.wk-pn .nx{text-align:right}

/* arşiv */
.wk-latest{margin-top:8px}
.wk-h2{margin-top:clamp(36px,5vw,56px);font-size:22px;font-weight:800;letter-spacing:-.03em}
.wk-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:14px}
.wk-list a{display:grid;gap:6px;height:100%;padding:20px;border-radius:20px;box-shadow:inset 0 0 0 1px var(--hair);transition:box-shadow .2s,transform .35s var(--spring)}
.wk-list a:hover{box-shadow:inset 0 0 0 1px var(--ink);transform:translateY(-2px)}
.wk-list small{font-size:12.5px;color:var(--muted)}
.wk-list b{font-size:18px;font-weight:800;letter-spacing:-.03em;line-height:1.15}
.wk-list span{font-size:14px;color:var(--body)}
.wk-list em{font-style:normal;font-size:12.5px;color:var(--muted);margin-top:auto}
.wk-empty{display:grid;gap:16px;justify-items:start;padding:28px;border-radius:22px;background:var(--tile,#f5f5f7);max-width:640px}
.wk-empty p{color:var(--body)}
.wk-empty b{color:var(--ink)}
.wk-note{margin-top:28px}

/* ana sayfa bandı */
.wk-teaser{display:grid;gap:4px;margin:14px 0 6px;padding:clamp(18px,2.4vw,26px) clamp(20px,3vw,32px);border-radius:26px;box-shadow:inset 0 0 0 1px var(--hair);background:#fff;transition:transform .5s var(--spring),box-shadow .2s}
.wk-teaser:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--ink)}
.wk-teaser .k{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}
.wk-teaser b{font-size:clamp(20px,2.4vw,26px);font-weight:800;letter-spacing:-.04em;line-height:1.15}
.wk-teaser .s{font-size:14px;color:var(--body)}

@media (max-width:860px){
  .wk-grid,.wk-body{grid-template-columns:minmax(0,1fr)}
  .wk-side{position:static}
  .wk-pn{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wk-pn .mid{display:none}
}
@media (max-width:520px){
  .wk-table th,.wk-table td{padding:9px 10px;font-size:13px}
  .wk-card{border-radius:20px}
  .wk-top{gap:6px}
  .wk-kick{font-size:12px}
  .wk-track{height:14px}
}
@media (prefers-reduced-motion:reduce){.wk-teaser,.wk-list a{transition:none}.wk-teaser:hover,.wk-list a:hover{transform:none}}
