/* archived — e-dergi: kapaklar, A4 sayfalar ve tam ekran okuyucu */
.mag-cover{position:relative;width:100%;height:100%;container-type:inline-size;overflow:hidden;background:var(--p-bg);color:var(--p-ink);font-family:var(--sans)}
.mag-art{position:absolute;inset:0;width:100%;height:100%;display:block}
.mc-shade{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--p-d) 70%,transparent) 0,transparent 42%,transparent 58%,color-mix(in srgb,var(--p-dark) 55%,transparent) 100%)}
.mc-head{position:absolute;left:5.5cqw;right:5.5cqw;top:4.5cqw}
.mc-top{display:flex;justify-content:space-between;font:700 2.5cqw var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--p-dark);padding-bottom:1.6cqw;border-bottom:.35cqw solid var(--p-dark)}
.mc-mast{font-family:var(--serif);font-weight:600;line-height:.9;letter-spacing:-.035em;color:var(--p-dark);margin-top:2.6cqw;overflow-wrap:anywhere;font-variation-settings:"opsz" 144}
.mc-sub{font:600 2.6cqw var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--p-a);margin-top:2cqw}
.mc-lines{position:absolute;left:5.5cqw;bottom:17cqw;max-width:62cqw;list-style:none;margin:0;padding:0;display:grid;gap:1.4cqw;justify-items:start}
.mc-lines li{background:var(--p-d);color:var(--p-dark);padding:.9cqw 2.2cqw;border-radius:.8cqw;font:600 3.1cqw/1.25 var(--serif)}
.mc-foot{position:absolute;left:5.5cqw;right:5.5cqw;bottom:4.2cqw;display:flex;justify-content:space-between;align-items:flex-end;font:700 2.4cqw var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#fff;text-shadow:0 .2cqw 1cqw rgba(0,0,0,.35)}
.mc-bar,.pg-cover .mc-bar{display:block;width:16cqw;height:8.5cqw;background:repeating-linear-gradient(90deg,#1a1415 0 .5cqw,#fff 0 .9cqw,#1a1415 0 1.2cqw,#fff 0 1.9cqw,#1a1415 0 2.2cqw,#fff 0 2.5cqw);border:1.1cqw solid #fff;border-radius:.4cqw;box-sizing:border-box}
.cover .mag-cover{border-radius:inherit}
.cover.mag{aspect-ratio:1/1.414;border:0;border-left:0}

/* --- sayfalar --- */
.mpage{background:#fdfbf6;overflow:hidden;container-type:inline-size;color:#2b2326}
.mpage canvas{width:100%;height:100%;display:block}
.mpage>.pg,.mpage>.pg-cover{width:100%;height:100%}
.pdf-wait{display:block;width:100%;height:100%;background:linear-gradient(100deg,#ece7df 30%,#f8f5ef 50%,#ece7df 70%);background-size:220% 100%;animation:pdfsh 1.3s linear infinite}
@keyframes pdfsh{to{background-position:-220% 0}}
.pg{position:relative;box-sizing:border-box;padding:10cqw 7.5cqw 9cqw;font:400 2.7cqw/1.55 var(--sans);color:var(--p-ink);background:linear-gradient(135deg,#fffdf8,#faf6ee);overflow:hidden;hyphens:auto}
.pg *{box-sizing:border-box}
.pg-run{position:absolute;top:3.6cqw;left:7.5cqw;right:7.5cqw;display:flex;justify-content:space-between;font:600 1.9cqw var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--p-a);padding-bottom:1.1cqw;border-bottom:.2cqw solid color-mix(in srgb,var(--p-ink) 18%,transparent)}
.pg-folio{position:absolute;bottom:3.6cqw;left:7.5cqw;right:7.5cqw;display:flex;justify-content:space-between;align-items:baseline;font:500 1.9cqw var(--sans);color:color-mix(in srgb,var(--p-ink) 55%,transparent)}
.pg-folio b{font:500 3.2cqw var(--serif);color:var(--p-a)}
.rt .pg-run,.rt .pg-folio{flex-direction:row-reverse}
.pg h2,.pg h3{font-family:var(--serif);font-weight:500;line-height:1.02;letter-spacing:-.025em;margin:0;color:var(--p-dark)}
.pg p{margin:0 0 1.7cqw;text-align:justify}
.pg .kick{display:block;font:700 2.1cqw var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--p-a);margin-bottom:2.2cqw}
.pg .lead{font:italic 400 3.5cqw/1.45 var(--serif);color:var(--p-dark);border-left:.6cqw solid var(--p-a);padding-left:3cqw;margin:3cqw 0;text-align:left}
.pg .lead.sm{font-size:3cqw;margin:2.4cqw 0}
.pg .cols{column-count:2;column-gap:4.2cqw;column-rule:.15cqw solid color-mix(in srgb,var(--p-ink) 14%,transparent)}
.pg .cols.c3{column-count:3;column-gap:3cqw;font-size:2.35cqw}
.pg .cols p:first-child::first-letter{font:600 9.6cqw/.78 var(--serif);float:left;padding:.8cqw 1.3cqw 0 0;color:var(--p-a)}
.pg blockquote{margin:3cqw 0;padding:3.2cqw 3.6cqw;background:var(--p-bg);border-radius:1.2cqw;font:italic 500 4.6cqw/1.2 var(--serif);color:var(--p-a);text-align:left}
.pg blockquote.sm{font-size:3.8cqw}
.pg-cover{position:relative;overflow:hidden;background:var(--p-bg)}
.pg-cover.back .bk-text{position:absolute;left:0;right:0;top:12cqw;text-align:center;color:var(--p-dark)}
.pg-cover.back .bk-text b{display:block;font:600 14cqw var(--serif);letter-spacing:-.04em}
.pg-cover.back .bk-text span{font:600 2.6cqw var(--sans);letter-spacing:.24em;text-transform:uppercase}
.pg-cover.back .mc-bar{position:absolute;right:6cqw;bottom:6cqw;width:20cqw;height:11cqw;border-width:1.4cqw}
.t-colophon .co-art{height:46cqw;border-radius:1.2cqw;overflow:hidden;margin:2cqw 0 5cqw;position:relative}
.t-colophon h2{font-size:8cqw;margin-bottom:4cqw}
.t-colophon dl{display:grid;grid-template-columns:22cqw 1fr;gap:2.4cqw 3cqw;margin:0}
.t-colophon dt{font:700 2cqw var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--p-a);padding-top:.6cqw}
.t-colophon dd{margin:0;font:500 3.2cqw var(--serif)}
.t-colophon .co-note{margin-top:6cqw;color:color-mix(in srgb,var(--p-ink) 60%,transparent);font-style:italic}
.t-toc h2{font-size:10cqw;margin:2cqw 0 5cqw}
.t-toc ol{list-style:none;margin:0;padding:0}
.t-toc li{display:flex;align-items:baseline;gap:2.2cqw;margin:2.7cqw 0}
.t-toc .toc-n{font:500 2.6cqw var(--serif);color:var(--p-a);width:5cqw}
.t-toc .toc-t{font:500 3.5cqw var(--serif)}
.t-toc li i{flex:1;border-bottom:.35cqw dotted color-mix(in srgb,var(--p-ink) 35%,transparent);transform:translateY(-.6cqw)}
.t-toc li b{font:500 3.5cqw var(--serif);color:var(--p-a)}
.t-toc .toc-box{background:var(--p-bg);border-radius:1.2cqw;padding:3.4cqw;margin-top:5cqw}.t-toc .toc-box span{font:700 2cqw var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--p-a)}.t-toc .toc-box p{margin:1.4cqw 0 0;text-align:left}
.t-toc .toc-art{height:24cqw;border-radius:1.2cqw;overflow:hidden;margin-top:4cqw;position:relative}
.t-editor h2{font-size:8.2cqw;max-width:62%;margin-bottom:3cqw}
.t-editor .portrait{position:absolute;top:11cqw;right:7.5cqw;width:21cqw;height:21cqw;border-radius:50%;overflow:hidden;border:.9cqw solid var(--p-bg)}
.t-editor .lead{margin-top:7cqw}
.t-editor .sign{margin-top:3cqw}.t-editor .sig{font:500 8cqw var(--hand);color:var(--p-a);line-height:1}.t-editor .sign small{display:block;font-size:2.2cqw;color:color-mix(in srgb,var(--p-ink) 60%,transparent)}
.t-opener{padding:0;background:var(--p-dark)}
.t-opener .op-art{position:absolute;inset:0}.t-opener .op-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,color-mix(in srgb,var(--p-dark) 88%,transparent))}
.t-opener .op-title{position:absolute;left:7.5cqw;right:7.5cqw;bottom:10cqw;color:#fff}
.t-opener .op-title span{font:700 2.2cqw var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--p-b)}
.t-opener .op-title h2{font-size:15cqw;color:#fff;margin:2cqw 0 2cqw;line-height:.92;font-weight:600}
.t-opener .op-title p{margin:0;font:500 6cqw var(--hand);color:var(--p-d);text-align:left}
.t-feature h3{font-size:7.4cqw;margin-bottom:2cqw}
.t-feature .by{font:600 2.1cqw var(--sans);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--p-ink) 55%,transparent);margin-bottom:3cqw}
.t-photo h3,.t-interview h3,.t-guide h3,.t-comic h3,.t-three h3,.t-next h3{font-size:7.2cqw;margin-bottom:1.6cqw}
.t-photo .grid{display:grid;grid-template-columns:1fr 1fr;gap:3cqw;margin-top:3cqw}
.t-photo figure{margin:0;position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:1.2cqw}
.t-photo figure.wide{grid-column:span 2;aspect-ratio:16/8}
.t-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.4cqw 2.2cqw;background:rgba(253,251,246,.88);font:500 2cqw var(--sans)}
.t-interview .iv{display:flex;gap:4cqw;align-items:center;margin:2.5cqw 0 3cqw}
.t-interview .portrait{flex:none;width:26cqw;height:26cqw;border-radius:50%;overflow:hidden;position:relative}
.t-interview .qa .q{font:600 3cqw/1.3 var(--serif);color:var(--p-a);margin:3.2cqw 0 1cqw;text-align:left}
.t-interview .qa p:not(.q){text-align:left}
.t-poem{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,var(--p-bg),transparent 70%),#fdfbf6}
.t-poem .po{text-align:center}
.t-poem h3{font-size:9cqw;margin:2cqw 0 4cqw}
.t-poem p{font:italic 400 3.9cqw/1.85 var(--serif);text-align:center;color:var(--p-dark)}
.t-poem .orn{display:block;font-size:6cqw;color:var(--p-a)}.t-poem small{display:block;margin-top:3cqw;font:600 2.2cqw var(--sans);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--p-ink) 55%,transparent)}
.t-full{padding:0}.t-full .fb-art{position:absolute;inset:0}
.t-full .fb-cap{position:absolute;left:5cqw;bottom:5cqw;background:rgba(253,251,246,.92);padding:1.5cqw 2.6cqw;border-radius:1cqw;font:500 2.1cqw var(--sans);margin:0;text-align:left}
.t-guide .steps{list-style:none;margin:3cqw 0 0;padding:0;display:grid;gap:2.6cqw}
.t-guide .steps li{display:flex;gap:3.2cqw;align-items:flex-start}
.t-guide .steps b{flex:none;width:7.6cqw;height:7.6cqw;border-radius:50%;background:var(--p-a);color:#fff;display:grid;place-items:center;font:500 3.8cqw var(--serif)}
.t-guide h4{margin:0;font:500 3.4cqw var(--serif);color:var(--p-dark)}.t-guide .steps p{margin:.4cqw 0 0;text-align:left;font-size:2.5cqw}
.t-guide .tip{margin-top:3.4cqw;background:var(--p-bg);border-radius:1.2cqw;padding:3.2cqw}.t-guide .tip span{font:700 2cqw var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--p-a)}.t-guide .tip p{margin:1cqw 0 0;text-align:left}
.t-comic .cm{display:grid;grid-template-columns:1fr 1fr;gap:2.6cqw;margin-top:3cqw}
.t-comic .pn{position:relative;aspect-ratio:1;overflow:hidden;border:.6cqw solid var(--p-ink);border-radius:1.2cqw}
.t-comic .pn.wide{grid-column:span 2;aspect-ratio:2/.95}
.t-comic .bb{position:absolute;top:2.6cqw;left:2.6cqw;max-width:62%;background:#fff;border:.35cqw solid var(--p-ink);border-radius:2.6cqw;padding:1cqw 2.2cqw;font:500 3.6cqw/1.1 var(--hand);color:var(--p-ink)}
.t-comic .bb.r{left:auto;right:2.6cqw}
.t-three .cols.c3 p{text-align:left}
.t-ad{padding:0;background:var(--p-a);color:#fff}
.t-ad .ad{position:relative;z-index:1;padding:12cqw 8cqw}
.t-ad .ad span{font:600 3.4cqw var(--serif);color:var(--p-b)}
.t-ad .ad h3{font-size:12cqw;color:#fff;margin:4cqw 0;line-height:.95}
.t-ad .ad p{font-size:3.4cqw;text-align:left;max-width:80%}.t-ad .ad b{font:500 4.2cqw var(--serif);color:var(--p-b)}
.t-ad .ad-art{position:absolute;left:0;right:0;bottom:0;height:46%}
.t-next .nx-art{height:40cqw;border-radius:1.2cqw;overflow:hidden;margin:3cqw 0;position:relative}
.t-next .nx{list-style:none;padding:0;margin:0}.t-next .nx li{font:500 3.4cqw var(--serif);padding:1.4cqw 0;border-bottom:.35cqw dotted color-mix(in srgb,var(--p-ink) 35%,transparent)}

/* --- tam ekran okuyucu --- */
.reader-fixed{position:fixed;inset:0;z-index:9000}
body.reading{overflow:hidden}
body.reading .topbar,body.reading .site-footer,body.reading .fab-host,body.reading [class*="fx-dm"],body.reading [class*="fx-drop"]{display:none!important}
.rd{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:#f4ede6;font-family:var(--sans);overflow:hidden}
.rd-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#3b2d33 0,#231a1e 55%,#150f12 100%)}
.rd-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 15% 0,color-mix(in srgb,var(--wine) 22%,transparent),transparent),radial-gradient(50% 40% at 90% 100%,color-mix(in srgb,var(--lavender) 16%,transparent),transparent)}
.rd-bar,.rd-foot{position:relative;z-index:5;display:flex;align-items:center;gap:12px;padding:12px 18px;transition:opacity .35s,transform .35s}
.rd-bar{background:linear-gradient(rgba(10,6,8,.7),transparent)}
.rd-foot{justify-content:center;background:linear-gradient(transparent,rgba(10,6,8,.7));padding-bottom:16px}
.rd[data-ui="off"] .rd-bar{opacity:0;transform:translateY(-10px);pointer-events:none}
.rd[data-ui="off"] .rd-foot{opacity:0;transform:translateY(10px);pointer-events:none}
.rd[data-ui="off"]{cursor:none}
.rd-btn{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.09);color:#f4ede6;font-size:17px;display:inline-grid;place-items:center;cursor:pointer;transition:background .15s,transform .15s;flex:none}
.rd-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}
.rd-btn.on{color:#f6c177}
.rd-title{display:grid;min-width:0}.rd-title b{font:500 19px var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rd-title small{opacity:.6;font-size:13px}
.rd-tools{display:flex;align-items:center;gap:6px;margin-left:auto}
.rd-sep{width:1px;height:22px;background:rgba(255,255,255,.18);margin:0 6px}
.rd-zoom{font-size:13px;min-width:44px;text-align:center;opacity:.8}
.rd-stage{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding:0 60px}
.rd-stage.zoomed{overflow:auto;align-items:flex-start;justify-content:flex-start}
.rd-stage.zoomed .rd-wrap{margin:auto}
.rd.with-thumbs .rd-stage{margin-left:230px}
.rd-wrap{flex:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5));position:relative}
.rd-book{position:relative}
.rd-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:20px;cursor:pointer;z-index:6;transition:background .15s,opacity .3s}
.rd-arrow:hover{background:rgba(255,255,255,.24)}.rd-arrow.prev{left:14px}.rd-arrow.next{right:14px}.rd-arrow:disabled{opacity:.2;cursor:default}
.rd[data-ui="off"] .rd-arrow{opacity:0;pointer-events:none}
.rd-pg{font-size:14px;min-width:96px;text-align:right;opacity:.9;font-variant-numeric:tabular-nums}
.rd-range{flex:1;max-width:560px;display:grid}
.rd-range input{width:100%;accent-color:#f6c177;margin:0;background:transparent}
.rd-fill{display:none}
.rd-hint{font-size:12.5px;opacity:.5;min-width:96px}
.rd-thumbs{position:absolute;left:0;top:0;bottom:0;width:230px;z-index:7;background:rgba(18,12,15,.94);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.08);overflow:auto;padding:12px 14px 20px}
.rd-thumbs-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.rd-thumbs-head b{font:500 17px var(--serif)}
.rd-thumbs-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}
.rd-th{background:none;border:0;padding:0;color:#f4ede6;cursor:pointer;text-align:center;position:relative}
.rd-th .th-page{display:block;position:relative;aspect-ratio:1/1.414;background:#fdfbf6;border-radius:4px;overflow:hidden;container-type:inline-size;outline:2px solid transparent;transition:outline-color .15s,transform .15s}
.rd-th:hover .th-page{transform:translateY(-2px)}.rd-th.cur .th-page{outline-color:#f6c177}
.rd-th .th-page canvas{width:100%;height:100%;display:block}
.rd-th .th-page .pg,.rd-th .th-page .pg-cover{position:absolute;inset:0;width:100%;height:100%}
.rd-th em{display:block;font-style:normal;font-size:12px;opacity:.65;margin-top:5px}
.rd-th.mark::after{content:"";position:absolute;top:-3px;right:6px;width:12px;height:20px;background:#f6c177;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);z-index:2}
.rd-loading{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(18,12,15,.55);font-size:14px}
.rd-spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#f6c177;animation:rdspin .8s linear infinite}
@keyframes rdspin{to{transform:rotate(360deg)}}
@media (max-width:760px){.rd-stage{padding:0 8px}.rd-arrow{display:none}.rd-hint{display:none}.rd-title small{display:none}.rd-zoom,.rd-tools .rd-sep{display:none}.rd.with-thumbs .rd-stage{margin-left:0}.rd-thumbs{width:min(260px,80vw)}}
@media (prefers-reduced-motion:reduce){.rd-bar,.rd-foot{transition:none}}

.rd-wrap{transition:transform .6s cubic-bezier(.3,.7,.2,1)}
.pg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:13cqw;background:linear-gradient(transparent,#fbf8f1 70%);pointer-events:none}
.t-opener::after,.t-full::after,.t-ad::after{display:none}
.pg-run,.pg-folio{z-index:2}
.t-photo figure{aspect-ratio:1/1}.t-photo figure.wide{aspect-ratio:16/6.4}
.t-feature .cols{max-height:62cqw}

.t-comic .pn{aspect-ratio:1/.78}.t-comic .pn.wide{aspect-ratio:2/.62}
.t-ad .ad span{color:#fff}
.t-feature .cols{max-height:none}
.rd-loading .sp{--c1:#f6c177;--c2:#fff;--s:44px}
