
:root{
 --bg:#faf8f3;--fg:#1f1e1b;--mu:#6a675e;--ln:#e0dbcf;--ac:#a4482a;--soft:#f1ede3;--fs:18px;--gut:20px;--lh:1.8;--cw:760px;--ps:1.3em;--ff:Georgia,"Times New Roman",serif;--hf:Georgia,"Times New Roman",serif;--al:left}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1a1917;--fg:#d3cec1;--mu:#a09b8e;--ln:#34322d;--ac:#dd9a76;--soft:#222120}}
:root[data-theme="dark"]{--bg:#1a1917;--fg:#d3cec1;--mu:#a09b8e;--ln:#34322d;--ac:#dd9a76;--soft:#222120}
:root[data-theme="white"]{--bg:#fff;--fg:#1a1a1a;--mu:#666;--ln:#e5e5e5;--soft:#f4f4f4}
:root[data-theme="sepia"]{--bg:#f4ecd8;--fg:#3b3226;--mu:#7a6c58;--ln:#dccfb2;--soft:#ebe0c6;--ac:#9a4a22}
:root[data-theme="gray"]{--bg:#e9e8e5;--fg:#222;--mu:#605e58;--ln:#d2d0ca;--soft:#dddbd6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--bg);color:var(--fg);font:var(--fs)/var(--lh) var(--ff);overflow-x:hidden;-webkit-text-size-adjust:100%}
.artbar,.meta,figcaption,.toc,.rel,.ex,button,.tg,.refs,.ph,.gal .more{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.artbar{position:sticky;top:var(--nh,48px);z-index:10;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px var(--gut);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--ln);font-size:14px}
.artbar a{color:var(--mu);text-decoration:none}.artbar a:hover{color:var(--fg)}.artbar .r{display:flex;gap:6px}
button{background:none;border:1px solid var(--ln);color:var(--mu);border-radius:6px;cursor:pointer;font-size:13px}
.artbar button{width:34px;height:30px}button:hover{color:var(--fg);border-color:var(--mu)}
#pg{position:fixed;top:0;left:0;height:2px;background:var(--ac);width:0;z-index:50}
.page{--cwe:min(var(--cw),calc(100vw - 2*var(--gut) - 290px));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--cwe)) minmax(250px,1fr);padding:0 var(--gut)}
article{grid-column:2;min-width:0;padding:56px 0 40px}
.toc{grid-column:3;position:sticky;top:130px;align-self:start;margin:62px 0 0 36px;max-width:230px;font-size:13.5px;line-height:1.4;max-height:calc(100vh - 160px);overflow:auto}
.toc b{display:block;font-weight:600;color:var(--mu);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.toc a{display:block;color:var(--mu);text-decoration:none;padding:5px 0 5px 12px;border-left:2px solid var(--ln)}.toc a.h3{padding-left:24px;font-size:12.5px}.toc a.on{color:var(--fg);border-left-color:var(--ac)}.toc a:hover{color:var(--fg)}
.ex{background:var(--soft);border-left:3px solid var(--ac);padding:10px 14px;font-size:13.5px;line-height:1.5;color:var(--mu);margin:0 0 34px}
.meta{font-size:13.5px;color:var(--mu);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.meta .ty{color:var(--ac);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
h1{font:400 clamp(30px,4.6vw,42px)/1.18 var(--hf);margin:14px 0 22px;letter-spacing:-.005em;text-wrap:balance}
.ctx{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);margin-bottom:38px}
.tg{display:inline-block;font-size:13px;padding:4px 11px;border:1px solid var(--ln);border-radius:99px;color:var(--fg);text-decoration:none}.tg span{color:var(--mu);margin-right:5px}.tg:hover{border-color:var(--ac)}
article p{margin:0 0 var(--ps);text-align:var(--al);hyphens:auto}article p,article li{overflow-wrap:break-word}article p.lead{font-size:1.1em;line-height:1.65}
h2{font:400 clamp(25px,3.4vw,30px)/1.25 var(--hf);margin:1.6em 0 .6em;text-wrap:balance}
h3{font:600 clamp(19px,2.4vw,21px)/1.35 var(--hf);margin:1.9em 0 .5em;text-wrap:balance}
sup a{color:var(--ac);text-decoration:none;font:600 .68em system-ui;padding:0 1px}sup a:hover{text-decoration:underline}
ul.pl{padding-left:1.3em;margin:0 0 1.3em}ul.pl li{margin-bottom:.5em}
a.in{color:var(--ac);text-decoration-thickness:1px;text-underline-offset:3px}
figure{margin:2em 0}figcaption{font-size:14px;line-height:1.5;color:var(--mu);margin-top:10px}figcaption small{display:block;font-size:12.5px;margin-top:2px}
.ph{background:var(--soft);border:1px solid var(--ln);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--mu);font-size:12.5px;text-align:center;padding:8px;aspect-ratio:16/10}
.gal .gr{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gal.c2 .gr{grid-template-columns:repeat(2,1fr)}
.gal .ph{aspect-ratio:3/2}.gal .tl{position:relative}.gal .tl .ov{position:absolute;inset:0;background:#000a;color:#fff;display:flex;align-items:center;justify-content:center;font:600 22px system-ui;cursor:pointer;border-radius:2px}
.gal .more{margin-top:8px;font-size:13px;padding:5px 12px}
.gal .tc{font-size:12.5px;color:var(--mu);margin-top:5px;line-height:1.4;font-family:system-ui,sans-serif}
.refs{border-top:1px solid var(--ln);margin-top:52px;padding-top:6px;font-size:15px;line-height:1.55}
.refs h3{font:600 12px system-ui;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);margin:26px 0 10px}
.refs ol,.refs ul{padding-left:1.5em;margin:0}.refs li{margin-bottom:6px;color:var(--fg)}.refs li:target{background:var(--soft)}
.rel{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px}
.rel a{display:block;border:1px solid var(--ln);border-radius:8px;padding:14px 16px;color:var(--fg);text-decoration:none;font-size:15px;line-height:1.4}.rel a:hover{border-color:var(--ac)}.rel small{display:block;color:var(--mu);font-size:12px;margin-bottom:4px}
details.mt{display:none;border:1px solid var(--ln);border-radius:8px;padding:10px 14px;margin:0 0 30px;font-family:system-ui,sans-serif;font-size:14px}details.mt summary{cursor:pointer;color:var(--mu)}details.mt a{display:block;padding:6px 0;color:var(--fg);text-decoration:none}details.mt a.h3{padding-left:14px;color:var(--mu)}
footer{font:13px system-ui,sans-serif;color:var(--mu);text-align:center;padding:36px 0 50px;border-top:1px solid var(--ln);margin:0 var(--gut)}
@media(max-width:1060px){.page{grid-template-columns:minmax(0,1fr)}article{grid-column:1;max-width:var(--cw);margin:0 auto;width:100%}.toc{display:none}details.mt{display:block}}
@media(max-width:560px){:root{--fs:18px;--gut:18px}article{padding-top:34px}.rel{grid-template-columns:1fr}.gal .gr{grid-template-columns:repeat(2,1fr)}}
@media print{.artbar,.tvnav,.toc,#pg,.pn{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.pn{position:fixed;top:0;right:0;bottom:0;width:min(340px,100vw);background:var(--bg);color:var(--fg);border-left:1px solid var(--ln);z-index:40;padding:18px 18px 28px;overflow:auto;transform:translateX(102%);transition:transform .25s;font-family:system-ui,sans-serif;font-size:14px;box-shadow:-10px 0 30px #0002}
.pn.on{transform:none}.pn h4{margin:0 0 4px;font-size:15px;display:flex;justify-content:space-between;align-items:center}.pn .nt{color:var(--mu);font-size:12.5px;line-height:1.45;margin:0 0 14px}
.pn label{display:block;margin:14px 0 6px;color:var(--mu);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.pn label output{float:right;text-transform:none;letter-spacing:0;color:var(--fg)}
.pn select,.pn input[type=range]{width:100%}.pn select{padding:7px;border:1px solid var(--ln);border-radius:6px;background:var(--soft);color:var(--fg);font-size:14px}
.pn .sg{display:flex;gap:6px;flex-wrap:wrap}.pn .sg button{padding:6px 11px;color:var(--fg)}.pn .sg button.on{border-color:var(--ac);color:var(--ac);background:var(--soft)}
.pn .sw{width:30px;height:30px;border-radius:50%;padding:0;border:2px solid var(--ln)}.pn .sw.on{border-color:var(--fg)}
.pn .ft{display:flex;gap:8px;margin-top:20px}.pn .ft button{flex:1;padding:8px;color:var(--fg)}
#pv{border:1px solid var(--ln);border-radius:6px;padding:10px 12px;margin-top:14px;font:var(--fs)/var(--lh) var(--ff);background:var(--soft)}
@media(prefers-reduced-motion:reduce){.pn{transition:none}}
@media print{.pn{display:none}}

/* ==== WordPress içeriği ==== */
:root{--mut:var(--mu);--line:var(--ln);--acc:var(--ac)}
body.single-post{background:var(--bg);color:var(--fg);overflow-x:hidden}
.tvnav{background:var(--bg);color:var(--fg)}
.entry img{max-width:100%;height:auto;display:block;-webkit-user-drag:none}
.entry figure{margin:1.5em 0}.entry figure:not(.is-resized) img{width:100%}
.entry .wp-block-image.alignwide,.entry .alignwide{width:min(1000px,calc(100vw - 2*var(--gut)));margin-left:50%;transform:translateX(-50%)}
.entry ul,.entry ol{padding-left:1.3em;margin:0 0 var(--ps)}.entry li{margin-bottom:.5em}
.entry a{color:var(--ac);text-decoration-thickness:1px;text-underline-offset:3px}
.entry blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.1em;border-left:3px solid var(--ln);color:var(--mu)}
.entry figcaption small.cr{display:block;font-size:12.5px;margin-top:2px}.entry figcaption small.cr a{color:inherit}
.entry p{margin:0 0 var(--ps);text-align:var(--al);hyphens:auto}.entry p.has-drop-cap:first-letter{font-size:3.2em;line-height:.9;padding-right:.08em;float:left}
.entry .wp-block-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:2em 0;padding:0;list-style:none}
.entry .wp-block-gallery.columns-2{grid-template-columns:repeat(2,1fr)}
.entry .wp-block-gallery figure{margin:0;position:relative}.entry .wp-block-gallery figure img{aspect-ratio:3/2;object-fit:cover}
.entry .wp-block-gallery figcaption{font-size:12.5px;line-height:1.4}
.entry .wp-block-gallery .tv-ov{position:absolute;inset:0;background:#000a;color:#fff;display:flex;align-items:center;justify-content:center;font:600 22px system-ui;cursor:pointer}
.entry .wp-block-gallery figure.tv-h{display:none}
.entry .tv-more{margin:-1em 0 2em;font-size:13px;padding:5px 12px;font-family:system-ui,sans-serif}
.tv-hide,figure:has(>.tv-hide){display:none}
.tv-pending{display:block;border:1px dashed var(--ac);padding:12px;font:13px system-ui;color:var(--ac)}
.wp-block-footnotes{border-top:1px solid var(--ln);margin-top:52px;padding-top:6px;font:15px/1.55 system-ui,sans-serif}
.entry sup a{color:var(--ac);text-decoration:none;font:600 .68em system-ui}
.refs h3{font:600 12px system-ui;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);margin:26px 0 10px}
.refs ul{padding-left:1.5em;margin:0}
.tv-sec-fig{margin-top:52px;border-top:1px solid var(--ln);padding-top:6px;font:15px/1.55 system-ui,sans-serif}.tv-sec-fig ul{padding-left:1.5em;margin:0}.tv-sec-fig li{margin-bottom:6px}
@media(max-width:560px){.entry .wp-block-gallery{grid-template-columns:repeat(2,1fr)}}

/* Altyazı ve kaynak satırı: çekirdek galeri/blok CSS'inin üst-üste bindirmesini kapat, düzenli akış */
.entry figure{display:block}
.entry figcaption,.entry .wp-element-caption,.entry .wp-block-image figcaption,.entry .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{position:static!important;display:block;width:auto;max-height:none;overflow:visible;background:none!important;color:var(--mu)!important;padding:0!important;margin:10px 0 0!important;font-size:14px;line-height:1.5;text-shadow:none;hyphens:manual}
.entry figcaption small.cr{display:block;margin-top:3px;font-size:12.5px;opacity:.9}
.entry .wp-block-gallery.has-nested-images{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}
.entry .wp-block-gallery.has-nested-images.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.entry .wp-block-gallery.has-nested-images figure.wp-block-image{display:block!important;width:auto!important;margin:0!important;flex:none}
.entry .wp-block-gallery figcaption{font-size:12.5px;line-height:1.4}
.entry .wp-block-gallery figcaption small.cr{font-size:11.5px}
@media(max-width:560px){.entry .wp-block-gallery.has-nested-images{grid-template-columns:repeat(2,minmax(0,1fr))}}
#art h1{max-width:none}
/* Sayfa yolu: main.css eski önbellekten gelse bile düzgün görünsün */
.tv-crumbs{font:11.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mu);margin:0 0 14px}
.tv-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}.tv-crumbs li{margin:0}.tv-crumbs li+li:before{content:"/";margin-right:8px;opacity:.5}
.tv-crumbs a{color:inherit;text-decoration:none}.tv-crumbs a:hover{color:var(--ac)}
.page>.tv-crumbs{grid-column:1/-1;max-width:none;margin:18px 0 0;padding:0}

.refs .rh{font:600 22px/1.2 Georgia,serif;margin:22px 0 4px}.refs li{overflow-wrap:anywhere}.refs a{color:var(--ac)}
sup.fn{line-height:0}sup.fn a{text-decoration:none;padding:0 1px}.refs li:target{outline:1px solid var(--ac);outline-offset:3px}

.entry sup.fn a{color:var(--ac);text-decoration:none;font:inherit;font-weight:600;padding:0 1px}.entry sup.fn a:hover{text-decoration:underline}
.entry sup.fn a:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.refs li,.entry [id^=kaynak-ref-],.entry li[id^=kaynak-]{scroll-margin-top:90px}.entry li[id^=kaynak-]:target{outline:1px solid var(--ac);outline-offset:3px}.refs a.geri{text-decoration:none;opacity:.7;margin-left:4px}.refs a.geri:hover{opacity:1}
html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.cover{margin:0 0 30px;width:min(1100px,calc(100vw - 2*var(--gut)));margin-left:50%;transform:translateX(-50%)}
.cover img{width:100%;height:clamp(240px,46vw,520px);object-fit:cover;display:block;border-radius:8px;-webkit-user-drag:none}
.cover figcaption{font-size:12.5px;color:var(--mu);margin-top:8px;text-align:right}.cover figcaption a{color:inherit}
.entry strong,.entry b{font-weight:700;color:var(--fg)}
.cover-why{font:13px system-ui;background:var(--soft);border-left:3px solid var(--ac);padding:8px 12px;color:var(--mu);margin:0 0 20px}
.page>.cover{grid-column:1/-1;justify-self:center;width:min(1100px,100%);margin:18px 0 0;transform:none}.page>.cover-why{grid-column:1/-1}
/* Düzen: 1 yol, 2 kapak, 3 metin + içindekiler (içindekiler başlıkla aynı hizadan başlar) */
@media(min-width:1061px){
.page>.tv-crumbs{grid-row:1}
.page>.cover,.page>.cover-why{grid-row:2}
.page>article{grid-row:3;grid-column:2}
.page>.toc{grid-row:3;grid-column:3;margin-top:98px;align-self:start}
}
/* Görsel alt yazıları: sakin, okunur, görsele hizalı */
.entry figure{margin:1.5em 0}
.entry figcaption,.entry .wp-element-caption,.entry .wp-block-image figcaption,.entry .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
 font-size:13.5px;line-height:1.55;margin:12px 0 0!important;padding:8px 0 0!important;border-top:1px solid var(--ln);color:var(--mu)!important;font-style:normal;text-wrap:pretty;overflow-wrap:anywhere}
.entry figcaption .fl{font-weight:600;color:var(--fg);letter-spacing:.01em;margin-right:.15em}
.entry .wp-block-gallery{gap:14px;align-items:start}
.entry .wp-block-gallery figcaption{font-size:12.5px;line-height:1.45}
.entry figcaption small.cr{margin-top:4px;font-size:12px;opacity:.85}
/* Alt yazı asla kırpılmasın: kapsayıcılar yüksekliği içeriğe göre alsın */
.entry figure,.entry .wp-block-image,.entry .wp-block-gallery,.entry .wp-block-gallery figure,.entry .wp-block-gallery.has-nested-images figure.wp-block-image{overflow:visible!important;height:auto!important;max-height:none!important;clip-path:none!important;contain:none!important}
.entry figcaption,.entry .wp-element-caption,.entry .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;line-height:1.6!important;padding-bottom:.3em!important;white-space:normal!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;display:block!important}
.entry .wp-block-gallery{align-items:start!important}

/* Editörde verilen hizalama ve görsel genişliği yayında aynen korunur */
.entry .has-text-align-center,.entry p.has-text-align-center,.entry h2.has-text-align-center,.entry h3.has-text-align-center{text-align:center!important;text-indent:0!important}
.entry .has-text-align-right{text-align:right!important;text-indent:0!important}
.entry .has-text-align-left{text-align:left!important}
.entry .has-text-align-justify{text-align:justify!important}
.entry [style*="text-align:center"],.entry [style*="text-align: center"]{text-align:center!important;text-indent:0!important}
.entry [style*="text-align:right"],.entry [style*="text-align: right"]{text-align:right!important}
.entry figure.aligncenter,.entry .wp-block-image.aligncenter{margin-left:auto;margin-right:auto;text-align:center}
.entry figure.aligncenter figcaption,.entry figcaption.has-text-align-center{text-align:center!important}
.entry figure.alignright figcaption,.entry figcaption.has-text-align-right{text-align:right!important}
.entry figure.is-resized img{max-width:100%;height:auto}
