/* Tarih Wiki madde sayfası: ileri okuma düzeni (30.10.2026). Yalnız .wm kapsamında. */
.wm{--wm-ac:var(--sxf-ac,#7c3aed);--wm-c:var(--wk-c,var(--wm-ac));--wm-grad:linear-gradient(90deg,#7c3aed,#c026d3 60%,#db2777)}
.wm-prog{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--wm-grad);z-index:9999;pointer-events:none;box-shadow:0 0 8px rgba(124,58,237,.45)}
/* hero */
.wm .wk-hero2 h1{letter-spacing:-.02em;line-height:1.1;text-wrap:balance}
.wm .wk-lead{font-size:17px;line-height:1.6;text-wrap:pretty}
.wm .wk-ph2 img{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.wm .wk-ph2 img:hover{transform:scale(1.02) rotate(-.4deg);box-shadow:0 18px 38px rgba(76,29,149,.32)}
.wm .wk-ph2 img.wm-sm{object-fit:contain;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--wm-c) 22%,var(--sxf-card,#fff)),var(--sxf-bg2,#f3f0ff));padding:14px}
.wm .wm-cr details{display:inline-block;max-width:100%}
.wm .wm-cr summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--sxf-tx2);padding:3px 9px;border-radius:999px;border:1px solid var(--sxf-line);background:var(--sxf-card);margin-bottom:4px}
.wm .wm-cr summary::-webkit-details-marker{display:none}
.wm .wm-cr summary .bi{margin:0}
.wm .wm-cr details[open] summary{color:var(--wm-ac);border-color:color-mix(in srgb,var(--wm-ac) 45%,var(--sxf-line))}
/* gövde tipografisi */
.wm .wk-body{padding:clamp(16px,3vw,30px)}
.wm .wk-body>h2,.wm .wk-body .hy-h,.wm .wk-body h2[id]{position:relative;font-size:21px;line-height:1.25;letter-spacing:-.01em;margin:6px 0 14px;padding-bottom:10px;display:flex;align-items:center;gap:9px}
.wm .wk-body>h2::after,.wm .wk-body h2[id]::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;border-radius:3px;background:var(--wm-grad);transition:width .4s}
.wm .wk-body>h2:hover::after,.wm .wk-body h2[id]:hover::after{width:96px}
.wm .wk-body>h2 .bi,.wm .wk-body h2[id] .bi{margin:0;width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;font-size:16px;color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777);box-shadow:0 6px 14px rgba(124,58,237,.28)}
.wm .wk-text{max-width:72ch;font-size:16.5px;line-height:1.78;color:var(--sxf-tx);hyphens:manual;text-wrap:pretty}
.wm .wk-text p{margin:0 0 1.05em;line-height:inherit}
.wm .wk-text p:first-child{font-size:1.06em}
.wm .wk-text p:first-child::first-letter{float:left;font-size:3.1em;line-height:.9;font-weight:800;margin:.06em .1em 0 0;padding:.02em .06em;background:var(--wm-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.wm .wk-text p.wm-nodc::first-letter,.wm .wk-text p:only-child::first-letter{float:none;font-size:inherit;background:none;color:inherit;margin:0;padding:0;font-weight:inherit}
.wm .wk-text a.sxf-wl{text-underline-offset:3px}
/* zaman çizelgesi vurgusu */
.wm .wk-tl2{position:relative;padding-left:4px}
.wm .wk-tl2::before{background:linear-gradient(180deg,#7c3aed,#db2777)!important;width:3px!important;border-radius:3px;opacity:.75}
.wm .wk-tl2>li{transition:transform .25s,background .25s;border-radius:12px}
.wm .wk-tl2>li:hover{transform:translateX(4px);background:color-mix(in srgb,var(--wm-ac) 7%,transparent)}
.wm .wk-tl2>li time{font-weight:700;font-variant-numeric:tabular-nums;background:color-mix(in srgb,var(--wm-ac) 13%,var(--sxf-card))!important;color:var(--wm-ac)!important;border:1px solid color-mix(in srgb,var(--wm-ac) 28%,transparent)}
.wm .wk-tl2>li.ms time{background:var(--wm-grad)!important;color:#fff!important;border-color:transparent}
.wm .wk-tl2>li a{font-weight:600}
/* kaynak düğmesi */
.wm .wm-src{margin:22px 0 2px;border:1px solid var(--sxf-line);border-radius:14px;background:color-mix(in srgb,var(--wm-ac) 4%,var(--sxf-card));overflow:hidden}
.wm .wm-src>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:11px 14px;font-weight:700;font-size:14.5px;color:var(--sxf-tx)}
.wm .wm-src>summary::-webkit-details-marker{display:none}
.wm .wm-src>summary .bi{margin:0;color:var(--wm-ac)}
.wm .wm-src>summary b{font-size:12px;min-width:22px;text-align:center;padding:2px 7px;border-radius:999px;color:#fff;background:var(--wm-grad)}
.wm .wm-src>summary .wm-cv{margin-left:auto;transition:transform .3s}
.wm .wm-src[open]>summary .wm-cv{transform:rotate(180deg)}
.wm .wm-src>summary:hover{background:color-mix(in srgb,var(--wm-ac) 8%,transparent)}
.wm .wm-src .wk-src{padding:4px 16px 10px 32px;font-size:14px}
.wm .wm-src .wk-lic{padding:0 16px 12px;margin:0}
.wm .wm-src[open] .wk-src{animation:wm-in .35s ease both}
/* künye */
.wm .wk-info{border-top:4px solid transparent;background:linear-gradient(var(--sxf-card),var(--sxf-card)) padding-box,var(--wm-grad) border-box}
.wm .wk-info h2{font-size:17px}
.wm .wk-info dl>div{transition:background .2s;border-radius:10px;padding-left:4px;padding-right:4px}
.wm .wk-info dl>div:hover{background:color-mix(in srgb,var(--wm-ac) 6%,transparent)}
.wm .wk-info dd{font-weight:600}
/* bağlı madde kartları */
.wm .wk-rs>li>a{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
.wm .wk-rs>li>a:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(76,29,149,.18);border-color:color-mix(in srgb,var(--wm-ac) 45%,var(--sxf-line))}
.wm .wk-rs .ri img{transition:transform .45s}
.wm .wk-rs>li>a:hover .ri img{transform:scale(1.06)}
.wm .wk-relx>h2 b,.wm .wk-tps h2 b{background:var(--wm-grad);color:#fff;border-radius:999px;padding:1px 9px;font-size:12px}
/* içindekiler */
.wm .wk-toc a{transition:background .2s,color .2s,border-color .2s,transform .2s}
.wm .wk-toc a:hover{transform:translateY(-1px)}
.wm .wk-toc a.on{color:#fff;background:var(--wm-grad);border-color:transparent;box-shadow:0 6px 14px rgba(124,58,237,.3)}
.wm .wk-toc a.on .bi{color:#fff}
/* belirme */
@keyframes wm-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.wm.wm-js .wm-rv{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.wm.wm-js .wm-rv.wm-on{opacity:1;transform:none}
.wm .wk-hero2{animation:wm-in .5s ease both}
@media (prefers-reduced-motion:reduce){.wm *,.wm *::before,.wm *::after{animation:none!important;transition:none!important}.wm.wm-js .wm-rv{opacity:1;transform:none}}
/* mobil */
@media (max-width:600px){
 .wm .wk-lead{font-size:16px}
 .wm .wk-text{font-size:16px;line-height:1.72}
 .wm .wk-text p:first-child::first-letter{font-size:2.6em}
 .wm .wk-body>h2,.wm .wk-body h2[id]{font-size:19px}
 .wm .wk-body>h2 .bi,.wm .wk-body h2[id] .bi{width:30px;height:30px;flex-basis:30px;font-size:14px}
 .wm .wk-tl2>li:hover{transform:none}
 .wm .wm-src .wk-src{padding-left:28px}
}