/* Yazı tipleri: sitenin kendi dosyaları (SIL Open Font License 1.1) */
@font-face{font-family:Raleway;src:url(../../assets/fonts/raleway.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"DM Mono";font-style:normal;font-display:swap;font-weight:400;src:url(../../assets/fonts/dm-mono-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Mono";font-style:normal;font-display:swap;font-weight:400;src:url(../../assets/fonts/dm-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Mono";font-style:normal;font-display:swap;font-weight:500;src:url(../../assets/fonts/dm-mono-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Mono";font-style:normal;font-display:swap;font-weight:500;src:url(../../assets/fonts/dm-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
[hidden]{display:none!important}
/* grafiksel. dergi · Sayı 01 · Mizanpaj
   Okuyucu kabuğu sitenin editoryal dilini kullanır (editorial.css): Raleway, DM Mono, kâğıt/mürekkep/yeşil/kiremit,
   gündüz ve gece. Dergi sayfaları basılı nesne gibi her temada kâğıt renginde kalır.
   Sayfa: 210 × 280 mm, ekranda 840 × 1120 px (1 mm = 4 px). */
:root{
  --paper:#f6f5f0;--sheet:#fffefa;--ink:#263c36;--muted:#63716b;--rule:#d8dfd7;--accent:#236357;--soft:#e9ede5;
  --kir:#c78362;--kir2:#a85c42;
  --masa:#e7e9e1;            /* derginin durduğu masa */
  --masa-izgara:#52685114;
  --golge:0 18px 40px #243a3224,0 2px 6px #243a3218;
  --ui:Raleway,"Segoe UI",system-ui,sans-serif;
  --mono:"DM Mono",ui-monospace,monospace;
  --serif:Georgia,"Times New Roman",serif;
  /* InDesign kılavuz renkleri: kenar pembe, sütun mor, taban çizgisi mavi */
  --k-kenar:#d23fa0;--k-sutun:#7a62e6;--k-taban:#2c9fd0;--k-tasma:#e0402f;
  color-scheme:light;
}
html[data-atl-mod=gece]{--paper:#191f1d;--sheet:#232c28;--ink:#f0f2e9;--muted:#b6c3ba;--rule:#3e4a43;--accent:#a1d3be;--soft:#2e3a32;--kir2:#e0a184;--masa:#141917;--masa-izgara:#a1d3be0d;--golge:0 22px 50px #0009,0 2px 8px #0006;color-scheme:dark}
@media (prefers-color-scheme:dark){html:not([data-atl-mod]):not([data-theme=light]){--paper:#191f1d;--sheet:#232c28;--ink:#f0f2e9;--muted:#b6c3ba;--rule:#3e4a43;--accent:#a1d3be;--soft:#2e3a32;--kir2:#e0a184;--masa:#141917;--masa-izgara:#a1d3be0d;--golge:0 22px 50px #0009,0 2px 8px #0006;color-scheme:dark}}
html[data-theme=dark]:not([data-atl-mod]){--paper:#191f1d;--sheet:#232c28;--ink:#f0f2e9;--muted:#b6c3ba;--rule:#3e4a43;--accent:#a1d3be;--soft:#2e3a32;--kir2:#e0a184;--masa:#141917;--masa-izgara:#a1d3be0d;--golge:0 22px 50px #0009,0 2px 8px #0006;color-scheme:dark}

html,body{height:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--ui)}
.dg{position:fixed;inset:0;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
:where(.dg) button{font:inherit;color:inherit}
.dg :focus-visible{outline:3px solid var(--accent);outline-offset:3px}

/* ---------- üst çubuk (site appbar diliyle) ---------- */
.dg-ust{display:flex;align-items:center;gap:10px;min-height:57px;padding:7px max(16px,env(safe-area-inset-right,0px)) 7px max(16px,env(safe-area-inset-left,0px));background:var(--sheet);border-bottom:1px solid var(--rule);flex:none}
.dg-ad{display:flex;align-items:baseline;gap:10px;min-width:0;margin-right:auto;white-space:nowrap}
.dg-ad b{font:800 21px/1 var(--ui);letter-spacing:-.035em}
.dg-ad b i{display:inline-block;width:.205em;height:.205em;margin-left:.075em;border-radius:50%;background:var(--kir)}
.dg-ad span{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.dg-grup{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--rule);border-radius:7px}
.dg-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid transparent;border-radius:5px;background:transparent;font:650 12.5px var(--ui)!important;cursor:pointer;white-space:nowrap}
.dg-btn:hover{background:var(--soft)}
.dg-btn[aria-pressed=true]{background:var(--ink);color:var(--sheet)}
.dg-btn svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dg-btn.cerceve{border-color:var(--rule)}
a.dg-btn{color:inherit;text-decoration:none}
.dg-geri{flex:none}
.dg-btn .nokta{width:9px;height:9px;border-radius:2px;flex:none}
.dg-btn .etiket{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.1}
.dg-btn .etiket b{font-weight:650}
.dg-btn .etiket small{font:500 9.5px/1.1 var(--mono);letter-spacing:.02em;opacity:.72}
/* terim: İngilizce (Türkçe) */
.dg .tr{opacity:.7}
.dg :is(h1,h2,h3,h4,b,strong,button) .tr{font-weight:500}
.dg .tr.alt{display:block}
.baslik-s .tr.alt{font-size:15px;line-height:24px;letter-spacing:0}

/* ---------- masa ve kitap ---------- */
.dg-govde{flex:1;min-height:0;display:flex;position:relative}
.dg-masa{position:relative;flex:1;min-width:0;overflow:hidden;background:var(--masa);background-image:linear-gradient(var(--masa-izgara) 1px,transparent 1px),linear-gradient(90deg,var(--masa-izgara) 1px,transparent 1px);background-size:32px 32px;touch-action:pan-y}
.dg-sahne{position:absolute;inset:0;display:grid;place-items:center;perspective:2600px}
.kitap{position:relative;transition:transform .8s cubic-bezier(.3,.1,.2,1);transform-style:preserve-3d}
.yaprak{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:0 50%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.35,.05,.2,1)}
.yaprak.cevrik{transform:rotateY(-180deg)}
.yuz{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#fffefa;box-shadow:var(--golge)}
.yuz.arka{transform:rotateY(180deg)}
.yuz:not(.etkin){pointer-events:none}
.yaprak.gizli{visibility:hidden}
/* cilt gölgesi */
.yuz::after{content:"";position:absolute;top:0;bottom:0;width:7%;pointer-events:none;z-index:40}
.yuz.on::after{left:0;background:linear-gradient(90deg,#1c2a2433,#1c2a2400)}
.yuz.arka::after{right:0;background:linear-gradient(270deg,#1c2a2433,#1c2a2400)}
.yaprak[data-i="0"] .yuz.on::after,.yaprak.son .yuz.arka::after{display:none}
.yuz::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:41;opacity:0;background:linear-gradient(90deg,#0000 30%,#1c2a2438)}
.yaprak.donuyor .yuz::before{animation:dg-sayfa-golge .9s ease}
@keyframes dg-sayfa-golge{40%{opacity:1}100%{opacity:0}}
.olcek{position:absolute;left:0;top:0;transform-origin:0 0}
.dg:not(.mod-tek) .mz{-webkit-user-select:none;user-select:none}

/* köşe: sayfa çevirme ipucu */
.kose{position:absolute;bottom:0;width:72px;height:72px;z-index:50;border:0;padding:0;background:transparent;cursor:pointer}
.kose.sag{right:0;background:linear-gradient(135deg,#0000 58%,#e9ede5 59%,#d8dfd7 70%,#0000 71%);opacity:.0;transition:opacity .2s}
.kose.sol{left:0;background:linear-gradient(225deg,#0000 58%,#e9ede5 59%,#d8dfd7 70%,#0000 71%);opacity:0;transition:opacity .2s}
.yuz:hover .kose,.kose:focus-visible{opacity:1}

.dg-ok{position:absolute;top:50%;z-index:5;width:48px;height:48px;margin-top:-24px;border:1px solid var(--rule);border-radius:50%;background:var(--sheet);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px #243a3214}
.dg-ok svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dg-ok:disabled{opacity:.3;cursor:default}
.dg-ok.onceki{left:max(14px,env(safe-area-inset-left,0px))}.dg-ok.sonraki{right:max(14px,env(safe-area-inset-right,0px))}

/* tek sayfa şeridi */
.serit{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}
.serit::-webkit-scrollbar{display:none}
.serit-oge{flex:none;width:100%;height:100%;scroll-snap-align:center;display:grid;place-items:center;overflow:auto}
.serit-kutu{position:relative;box-shadow:var(--golge);background:#fffefa;overflow:hidden}
.serit.yakin .serit-oge{place-items:start center}

/* ---------- alt çubuk ---------- */
.dg-alt{display:flex;align-items:center;gap:14px;min-height:52px;padding:6px max(16px,env(safe-area-inset-right,0px)) 6px max(16px,env(safe-area-inset-left,0px));background:var(--sheet);border-top:1px solid var(--rule);flex:none}
.dg-konum{font:500 12px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.dg-konum b{font:700 13px var(--ui);margin-left:10px;letter-spacing:-.01em}
.dg-alt input[type=range]{flex:1;min-width:80px;accent-color:var(--accent)}

/* ---------- yan panel: etiketler ve kılavuz açıklaması ---------- */
.dg-panel{width:330px;flex:none;overflow:auto;background:var(--sheet);border-left:1px solid var(--rule);padding:18px 18px 28px;display:flex;flex-direction:column;gap:18px}
.dg-panel h2{margin:0;font:750 10px/1.5 var(--ui);letter-spacing:1.7px;text-transform:uppercase;color:var(--muted)}
.dg-panel h3{margin:4px 0 0;font:650 20px/1.25 var(--ui);letter-spacing:-.4px}
.dg-panel p{margin:0;font-size:13px;line-height:1.7;color:var(--muted)}
.not-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.not-liste li{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:9px 8px;border-radius:6px;cursor:pointer}
.not-liste li:hover,.not-liste li.secili{background:var(--soft)}
.not-liste .no{width:24px;height:24px;border-radius:50%;background:var(--kir);color:#fffefa;display:grid;place-items:center;font:600 11px var(--mono)}
.not-liste b{display:block;font:700 13.5px/1.35 var(--ui)}
.not-liste span{display:block;font-size:12.5px;line-height:1.6;color:var(--muted);margin-top:2px}
.lejant{display:grid;gap:7px;font:500 12px var(--ui)}
.lejant span{display:flex;align-items:center;gap:9px}
.lejant i{width:22px;height:0;border-top:2px solid}
.dg-panel .bos{font-size:13px;color:var(--muted)}

/* ---------- sayfa planı ---------- */
.plan{position:absolute;inset:0;z-index:30;background:var(--paper);overflow:auto;padding:22px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px))}
.plan-ic{max-width:1180px;margin:0 auto}
.plan-bas{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
.plan-bas h2{margin:4px 0 0;font:600 27px var(--ui);letter-spacing:-.8px}
.plan-bas p{margin:6px 0 0;max-width:640px;font-size:13px;line-height:1.75;color:var(--muted)}
.plan-izgara{display:flex;flex-wrap:wrap;gap:18px 14px}
.plan-cift{display:flex;gap:2px}
.plan-sayfa{width:78px;aspect-ratio:3/4;border:1px solid var(--rule);background:var(--sheet);border-radius:3px;padding:6px 6px 5px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;text-align:left;color:var(--ink);position:relative}
.plan-sayfa:hover,.plan-sayfa.ortak{border-color:var(--kir);box-shadow:0 0 0 2px var(--kir)}
.plan-sayfa.simdi{outline:2px solid var(--ink);outline-offset:2px}
.plan-sayfa b{font:500 11px var(--mono)}
.plan-sayfa span{font:650 9.5px/1.25 var(--ui)}
.plan-sayfa i{position:absolute;left:0;right:0;top:0;height:5px;border-radius:2px 2px 0 0}
.plan-lejant{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 0;font:500 12px var(--ui);color:var(--muted)}
.plan-lejant span{display:flex;align-items:center;gap:7px}
.plan-lejant i{width:14px;height:6px;border-radius:2px}
.plan-ipucu{margin-top:14px;font:500 12px var(--mono);color:var(--muted);min-height:18px}

/* ---------- açılış: 3B dergi ---------- */
.giris{position:absolute;inset:0;z-index:40;background:var(--masa);background-image:linear-gradient(var(--masa-izgara) 1px,transparent 1px),linear-gradient(90deg,var(--masa-izgara) 1px,transparent 1px);background-size:32px 32px;transition:opacity .6s}
.giris canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}
.giris canvas:active{cursor:grabbing}
.giris-alt{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 16px 24px;text-align:center;pointer-events:none}
.giris-alt>*{pointer-events:auto}
.giris-ust{margin:0;font:750 10px/1.5 var(--ui);letter-spacing:1.7px;text-transform:uppercase;color:var(--muted)}
.giris-alt p{margin:0;max-width:520px;font-size:14px;line-height:1.7;color:var(--muted)}
.giris-dugmeler{display:flex;gap:10px;align-items:center;margin-top:4px}
.giris-ac{display:inline-flex;align-items:center;gap:40px;padding:15px 22px;border:0;border-radius:5px;background:var(--ink);color:var(--paper)!important;font:650 13px var(--ui)!important;cursor:pointer}
.giris-ac:hover{background:var(--accent)}
.giris-gec{min-height:44px;padding:0 14px;border:1px solid var(--rule);border-radius:5px;background:var(--sheet);font:650 13px var(--ui)!important;cursor:pointer}
.giris.kapandi{opacity:0;pointer-events:none}

@media (max-width:1180px){.dg-panel{width:290px;padding:16px 14px 24px}.dg-ad span{display:none}}
@media (min-width:761px) and (max-width:1000px){.dg-ad{display:none}}
@media (max-width:900px){.dg-panel{position:absolute;right:0;top:0;bottom:0;z-index:20;box-shadow:-10px 0 30px #243a3220}}
@media (max-width:760px){
  .dg-ust{gap:6px;min-height:52px;padding-top:6px;padding-bottom:6px}
  .dg-ad span{display:none}
  .dg-ad b{font-size:18px}
  .dg-btn{padding:0 9px;min-height:40px}
  .dg-btn .etiket{display:none}
  .dg-grup{padding:2px;gap:2px}
  .dg-gizle-tel{display:none!important}
  .dg-panel{left:0;width:auto;top:auto;max-height:58%;border-left:0;border-top:1px solid var(--rule);border-radius:12px 12px 0 0}
  .dg-ok{display:none}
  .dg-konum b{display:none}
}
@media (prefers-reduced-motion:reduce){.kitap,.yaprak{transition-duration:.01s!important}.yaprak.donuyor .yuz::before{animation:none}}

/* =====================================================================
   DERGİ SAYFALARI (basılı nesne: temadan bağımsız sabit renkler)
   ===================================================================== */
.mz,.forma-buyuk{--m-kagit:#fffefa;--m-kagit2:#f6f5f0;--m-murekkep:#263c36;--m-gri:#63716b;--m-cizgi:#d8dfd7;--m-yesil:#236357;--m-koyu:#20392d;--m-orman:#355348;--m-kir:#c78362;--m-kir2:#a85c42;--m-acik:#e9ede5;--m-cayir:#e5e8dc;--m-kum:#e9dece;--m-kum2:#bda788;--m-lila:#dedfeb;--m-mor:#77748e;--m-sis:#d8e0dc;}
.mz{position:relative;width:840px;height:1120px;overflow:hidden;background:var(--m-kagit);color:var(--m-murekkep);font:16px/24px var(--serif);font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.mz *{box-sizing:border-box}
.mz p{margin:0}
.mz-ic{position:absolute;top:64px;height:960px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;grid-template-rows:repeat(40,24px)}
.mz.sol .mz-ic{left:56px;right:72px}
.mz.sag .mz-ic{left:72px;right:56px}
.mz-ic>*{min-width:0}

/* yazı stilleri: tümü 24 px taban çizgisine oturur */
.ust-baslik{font:500 11px/24px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--m-kir2)}
.ust-baslik::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--m-kir);margin-right:9px;vertical-align:1px}
.baslik-xl{font:750 76px/72px var(--ui);letter-spacing:-.045em;margin:0}
.baslik-l{font:700 52px/48px var(--ui);letter-spacing:-.04em;margin:0}
.baslik-m{font:700 34px/36px var(--ui);letter-spacing:-.03em;margin:0}
.baslik-s{font:700 22px/24px var(--ui);letter-spacing:-.02em;margin:0}
.spot{font:italic 20px/30px var(--serif);color:var(--m-murekkep)}
.spot-k{font:italic 18px/24px var(--serif)}
.govde{font:16px/24px var(--serif);hyphens:auto;-webkit-hyphens:auto;text-align:left;text-wrap:pretty}
.govde p+p{text-indent:1.5em}
.govde.sola{text-align:left;hyphens:manual}
.govde.iki{column-count:2;column-gap:16px}
.govde.uc{column-count:3;column-gap:16px}
.govde h4{font:700 15px/24px var(--ui);letter-spacing:-.005em;margin:24px 0 0;break-after:avoid}
.govde h4:first-child{margin-top:0}
.govde h4+p{text-indent:0}
.ilk-harf::first-letter{float:left;font:800 82px/72px var(--ui);margin:2px 10px 0 -2px;color:var(--m-kir2)}
.kucuk{font:13px/18px var(--serif)}
.etiket-m{font:500 10.5px/12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--m-gri)}
.altyazi{font:500 10.5px/12px var(--mono);letter-spacing:.02em;color:var(--m-gri);padding-top:6px;border-top:1px solid var(--m-cizgi)}
.altyazi b{color:var(--m-murekkep);font-weight:500}
.alinti{font:600 26px/36px var(--ui);letter-spacing:-.02em;color:var(--m-yesil);border-top:3px solid var(--m-kir);padding-top:9px}
.alinti small{display:block;font:500 10.5px/24px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--m-gri)}
.imza{font:500 10.5px/24px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--m-gri)}
.kutu{background:var(--m-acik);padding:12px 16px}
.cizgi-ust{border-top:1px solid var(--m-murekkep)}
.ok-no{font:500 10.5px var(--mono);color:var(--m-kir2)}

/* folyo ve üst bilgi (alt boşlukta) */
.mz-folyo{position:absolute;bottom:38px;display:flex;align-items:baseline;gap:14px;font:500 10.5px/12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--m-gri)}
.mz-folyo b{font:700 15px/12px var(--ui);letter-spacing:-.01em;color:var(--m-murekkep)}
.mz.sol .mz-folyo{left:56px}
.mz.sag .mz-folyo{right:56px;flex-direction:row-reverse}

/* taşan görseller (sayfa kenarına kadar) */
.tasan{position:absolute;overflow:hidden}
.tasan>svg{display:block;width:100%;height:100%}
.gorsel{position:relative;overflow:hidden;background:var(--m-cayir)}
.gorsel>svg{display:block;width:100%;height:100%}

/* ---------- kılavuz katmanı ---------- */
.kilavuz{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:30;display:none}
.goster-izgara .kilavuz,.goster-taban .kilavuz{display:block}
.kilavuz .k-izgara,.kilavuz .k-taban{display:none}
.goster-izgara .kilavuz .k-izgara{display:inline}
.goster-taban .kilavuz .k-taban{display:inline}
.kilavuz text{font:500 11px var(--mono);letter-spacing:.04em}

/* ---------- etiket işaretleri ---------- */
.imler{position:absolute;inset:0;z-index:35;pointer-events:none;display:none}
.goster-etiket .imler{display:block}
.im{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:var(--m-kir);color:#fffefa;border:3px solid #fffefa;box-shadow:0 2px 8px #20392d55;display:grid;place-items:center;font:600 14px var(--mono);pointer-events:auto;cursor:pointer;padding:0}
.im.secili{background:var(--m-murekkep);transform:scale(1.12)}
.vurgu{position:absolute;border:3px dashed var(--m-kir);background:#c7836214;border-radius:3px;display:none;pointer-events:none}
.vurgu.acik{display:block}

/* ---------- etkileşimli parçalar (sayfa içinde) ---------- */
.w-dugmeler{display:flex;flex-wrap:wrap;gap:6px}
.w-dugme{min-height:36px;padding:0 13px;border:1px solid var(--m-cizgi);border-radius:5px;background:var(--m-kagit);font:650 13px var(--ui);color:var(--m-murekkep);cursor:pointer}
.w-dugme:hover{border-color:var(--m-gri)}
.w-dugme[aria-pressed=true]{background:var(--m-murekkep);border-color:var(--m-murekkep);color:var(--m-kagit)}
.w-dugme.ana{background:var(--m-kir);border-color:var(--m-kir);color:#fffefa}
.w-dugme:focus-visible{outline:3px solid var(--m-yesil);outline-offset:2px}
.w-surgu{display:grid;grid-template-columns:118px 1fr 52px;align-items:center;gap:10px;font:650 13px var(--ui)}
.w-surgu input{width:100%;accent-color:var(--m-yesil)}
.w-surgu output{font:500 12px var(--mono);text-align:right}

/* Dergi sayfalarına özel parçalar (sayfa koordinatı: 840 × 1120 px) */

/* 1 · kapak */
.kapak-logo{position:absolute;left:66px;top:44px;font:800 158px/150px var(--ui);letter-spacing:-.05em;color:var(--m-murekkep);white-space:nowrap;z-index:2}
.kapak-logo i{display:inline-block;width:.205em;height:.205em;margin-left:.06em;border-radius:50%;background:var(--m-kir)}
.kapak-serit{position:absolute;left:72px;right:56px;top:226px;display:flex;justify-content:space-between;gap:16px;padding-top:7px;border-top:2.5px solid var(--m-murekkep);font:500 11px/14px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--m-murekkep);z-index:2}
.kapak-basliklar{position:absolute;left:72px;top:330px;width:240px;display:flex;flex-direction:column;gap:22px;z-index:2}
.kapak-basliklar span{white-space:nowrap}
.kapak-basliklar div{display:grid;grid-template-columns:32px 1fr;column-gap:8px}
.kapak-basliklar b{grid-row:span 2;font:500 13px/24px var(--mono);color:var(--m-kir2)}
.kapak-basliklar span{font:700 21px/24px var(--ui);letter-spacing:-.02em}
.kapak-basliklar em{font:italic 14px/20px var(--serif);color:var(--m-gri);margin-top:3px}
.kapak-manset{position:absolute;left:72px;top:812px;right:56px;display:flex;flex-direction:column;z-index:2}
.kapak-manset strong{font:700 40px/44px var(--ui);letter-spacing:-.03em;margin-top:2px}
.kapak-manset em{font:800 150px/128px var(--ui);font-style:normal;letter-spacing:-.055em;margin-top:2px;color:var(--m-murekkep)}
.kapak-flas{position:absolute;left:640px;top:286px;width:132px;height:132px;border-radius:50%;background:var(--m-murekkep);color:var(--m-kagit);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);z-index:3;box-shadow:0 6px 18px #20392d40}
.kapak-flas b{font:800 50px/44px var(--ui);letter-spacing:-.04em}
.kapak-flas span{font:500 10.5px/13px var(--mono);letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-top:4px}
.kapak-barkod{position:absolute;right:56px;top:742px;width:136px;padding:8px 10px 6px;background:var(--m-kagit);display:flex;flex-direction:column;align-items:center;z-index:3}
.kapak-barkod svg{width:116px;height:96px;display:block}
.kapak-barkod small{font:500 9px/12px var(--mono);color:var(--m-gri);letter-spacing:.06em}
.adim-gizli{opacity:0!important;transition:opacity .35s}
.adim-yeni{outline:4px dashed var(--m-kir);outline-offset:6px;transition:opacity .35s}
[data-kapak]{transition:opacity .35s}

/* 2 · reklam */
.reklam-slogan{font:750 58px/48px var(--ui);letter-spacing:-.045em;color:var(--m-murekkep)}
.reklam-marka{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.reklam-marka svg{width:34px;height:42px}
.reklam-marka b{font:800 34px/1 var(--ui);letter-spacing:-.04em}

/* 3 · içindekiler */
.ic-grup{align-self:end;border-bottom:1px solid var(--m-cizgi)}
.ic-satir{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:24px 24px;column-gap:16px;align-items:center;text-align:left;padding:0;border:0;background:none;color:inherit;cursor:pointer;border-bottom:1px solid var(--m-cizgi)}
.ic-satir b{grid-row:span 2;font:700 34px/48px var(--ui);letter-spacing:-.03em;color:var(--m-kir2);font-variant-numeric:tabular-nums}
.ic-satir span{font:700 19px/24px var(--ui);letter-spacing:-.015em;align-self:end}
.ic-satir em{font:italic 15px/24px var(--serif);color:var(--m-gri);align-self:start}
.ic-satir:hover span{color:var(--m-yesil)}
.ic-satir:focus-visible{outline:3px solid var(--m-yesil);outline-offset:2px}

/* 4 · künye */
.kunye{border-left:1px solid var(--m-cizgi);padding-left:16px;display:flex;flex-direction:column;gap:12px;font:500 10.5px/14px var(--mono);color:var(--m-gri)}
.kunye b{display:block;color:var(--m-murekkep);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:9.5px}
.kunye .kunye-ad{font:800 30px/28px var(--ui);letter-spacing:-.04em;color:var(--m-murekkep);margin-bottom:6px}

/* 5 · kısa kısa */
.kisa-gorsel{display:grid;place-items:center;font:800 56px/1 var(--ui);letter-spacing:-.04em}
.kisa-metin{font-size:14.5px!important}

/* 6 · görsel üstü yazı */
.altyazi.acik{color:#e9dece;border-top-color:#e9dece55;align-self:end}
.altyazi.acik b{color:#fffefa}

/* 8–9 · ızgara */
.izgara-ikon svg{width:100%;height:100%;display:block}
.izgara-ikon{display:flex;align-items:flex-start}
.izgara-mini-kap{display:flex;justify-content:center;align-items:center}
[data-w=izgara-sec]{gap:5px}
[data-w=izgara-sec] .w-dugme{font-size:12px;padding:0 9px}
.izgara-mini{position:relative;width:540px;height:720px;background:var(--m-kagit);box-shadow:0 0 0 1px var(--m-cizgi),0 14px 30px #20392d1f}
.izgara-mini .ic{position:absolute;left:46px;right:46px;top:46px;bottom:58px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,1fr);gap:12px}
.izgara-mini .blok{position:relative;overflow:hidden;min-width:0;min-height:0}
.izgara-mini .b-baslik{display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.izgara-mini .b-baslik i{font:500 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--m-kir2);font-style:normal}
.izgara-mini .b-baslik b{font:750 26px/27px var(--ui);letter-spacing:-.035em}
.izgara-mini .b-gorsel{background:var(--m-orman)}
.izgara-mini .b-gorsel2{background:var(--m-kum)}
.izgara-mini .b-gorsel svg,.izgara-mini .b-gorsel2 svg{width:100%;height:100%;display:block}
.izgara-mini .b-metin{background:repeating-linear-gradient(#0000 0 6px,#b3bbb5 6px 9.5px,#0000 9.5px 13px)}
.izgara-mini .b-alinti{font:600 17px/22px var(--ui);color:var(--m-yesil);border-top:3px solid var(--m-kir);padding-top:6px}
.izgara-mini .kilavuz-mini{position:absolute;inset:0;pointer-events:none}
.izgara-mini .yok{display:none}
.izgara-aciklama b{font-family:Raleway,sans-serif}

/* 10 · anatomi */
.anatomi svg{width:100%;height:100%;display:block}
.anatomi svg [class^=k-]{transition:opacity .2s}
.anatomi[data-vurgu] svg [class^=k-]{opacity:.12}
.anatomi[data-vurgu=kesim] .k-kesim,.anatomi[data-vurgu=guvenli] .k-guvenli,.anatomi[data-vurgu=folyo] .k-folyo,.anatomi[data-vurgu=folyo] .k-altbilgi,.anatomi[data-vurgu=cilt] .k-cilt{opacity:1!important;stroke-width:3}
.anatomi[data-vurgu=ust] .k-ust,.anatomi[data-vurgu=alt] .k-alt,.anatomi[data-vurgu=dis] .k-dis,.anatomi[data-vurgu=ic] .k-ic{opacity:.55!important}
.anatomi[data-vurgu=sutun] .k-sutun{opacity:1!important;fill-opacity:.25}
.anatomi[data-vurgu=sutun] .k-oluk{opacity:.8!important}
.anatomi[data-vurgu=tasma] .k-tasma{opacity:1!important;fill-opacity:.35;stroke-width:3}
.terimler{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,48px);grid-auto-flow:column;column-gap:16px}
.terimler button{display:grid;grid-template-columns:32px 1fr;grid-template-rows:24px 24px;align-items:center;text-align:left;border:0;border-top:1px solid var(--m-cizgi);background:none;padding:0 6px;color:inherit;cursor:pointer}
.terimler button i{grid-row:span 2;font:500 11px var(--mono);font-style:normal;color:var(--m-kir2)}
.terimler button b{font:700 15px/24px var(--ui);align-self:end}
.terimler button>span{font:500 11px/24px var(--mono);color:var(--m-gri);align-self:start}
.terimler button:hover,.terimler button[aria-pressed=true]{background:var(--m-acik)}
.oran svg{width:100%;height:100%;display:block}

/* 12–13 · hiyerarşi */
.basamak{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:16px;border-top:1px solid var(--m-cizgi);padding-top:0}
.basamak .etiket-m{line-height:24px;color:var(--m-kir2)}
.basamak .etiket-m i{font-style:normal;color:var(--m-gri);text-transform:none;letter-spacing:.02em}
.basamak>div{display:flex;align-items:flex-start;padding-top:0}
.bes-arac{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:16px}
.bes-arac .arac{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;border:0;border-top:3px solid var(--m-murekkep);background:none;color:inherit;cursor:pointer}
.bes-arac .arac[aria-pressed=true]{border-top-color:var(--m-kir)}
.bes-arac .arac:focus-visible{outline:3px solid var(--m-yesil);outline-offset:3px}
.bes-arac b{font:500 11px/24px var(--mono);color:var(--m-kir2)}
.bes-arac strong{display:block;font:700 18px/24px var(--ui);letter-spacing:-.015em}
.bes-arac strong .tr.alt{font-size:14px;line-height:20px;letter-spacing:0;margin-bottom:4px}
.bes-arac .arac-not{font:15px/24px var(--serif);color:var(--m-gri)}
.arac-ipucu{font:500 10.5px/24px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--m-kir2);text-align:right}
.arac-demo{position:relative;display:block;height:50px;margin:6px 0 8px;background:var(--m-acik);border-radius:4px;overflow:hidden;transition:background .3s}
.arac:hover .arac-demo{background:#dfe5dc}
.arac-demo i{position:absolute;top:50%;left:50%;font:500 15px/1 var(--ui);font-style:normal;color:var(--m-gri);transform:translate(-50%,-50%);white-space:nowrap;transition:left .5s cubic-bezier(.3,.1,.2,1),top .5s cubic-bezier(.3,.1,.2,1),font-size .45s,font-weight .45s,color .45s}
.arac-demo i:nth-child(1){left:22%}
.arac-demo i:nth-child(3){left:78%}
.arac[data-arac=bosluk] .arac-demo i:nth-child(1){left:34%}
.arac[data-arac=bosluk] .arac-demo i:nth-child(3){left:66%}
.arac[data-arac=boyut][aria-pressed=true] .arac-demo i:nth-child(2){font-size:30px;color:var(--m-murekkep)}
.arac[data-arac=kalinlik][aria-pressed=true] .arac-demo i:nth-child(2){font-weight:850;color:var(--m-murekkep)}
.arac[data-arac=renk][aria-pressed=true] .arac-demo i:nth-child(2){color:var(--m-kir)}
.arac[data-arac=bosluk][aria-pressed=true] .arac-demo i:nth-child(1){left:12%}
.arac[data-arac=bosluk][aria-pressed=true] .arac-demo i:nth-child(3){left:88%}
.arac[data-arac=bosluk][aria-pressed=true] .arac-demo i:nth-child(2){color:var(--m-murekkep)}
.arac[data-arac=konum][aria-pressed=true] .arac-demo i:nth-child(2){left:18%;top:30%;color:var(--m-murekkep)}
.arac[data-arac=konum][aria-pressed=true] .arac-demo i:nth-child(1){left:50%;top:68%}
.arac[data-arac=konum][aria-pressed=true] .arac-demo i:nth-child(3){top:68%}
.haber{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;align-content:start;padding:24px 28px;background:var(--m-kagit2);border:1px solid var(--m-cizgi);row-gap:0}
.haber>*{grid-column:1/13;margin:0;transition:font-size .35s,line-height .35s,color .35s,margin .35s}
.haber .h-ust{font:500 11px/24px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--m-kir2)}
.haber .h-baslik{font:750 48px/48px var(--ui);letter-spacing:-.04em;margin-top:6px}
.haber .h-spot{font:italic 19px/26px var(--serif);margin-top:12px;grid-column:1/11}
.haber .h-gorsel{margin-top:20px;height:200px;overflow:hidden}
.haber .h-gorsel svg{width:100%;height:100%;display:block}
.haber .h-alt{font:500 10.5px/12px var(--mono);color:var(--m-gri);margin-top:6px}
.haber .h-metin{grid-column:1/9;margin-top:18px;font:16px/24px var(--serif);column-count:2;column-gap:16px}
.haber .h-metin p+p{text-indent:1.5em}
.haber .h-alinti{grid-column:9/13;grid-row:6;margin-top:18px;font:600 20px/26px var(--ui);color:var(--m-yesil);border-top:3px solid var(--m-kir);padding-top:8px}
.hiy-dugmeler{gap:5px}
.hiy-dugmeler .w-dugme{min-height:30px;font-size:12.5px;padding:0 11px}
.hiy-dugmeler .hiy-kir{flex-basis:100%;height:0}
.hiy-dugmeler .hiy-arac::before{content:"";display:inline-block;width:9px;height:9px;margin-right:7px;border:1.5px solid currentColor;border-radius:2px;vertical-align:0}
.hiy-dugmeler .hiy-arac[aria-pressed=true]::before{background:currentColor;box-shadow:inset 0 0 0 1.5px var(--m-murekkep)}
/* 13 · araçlar tek tek kapanır */
.haber[data-boyut="0"]>*{font-size:15px!important;line-height:21px!important}
.haber[data-boyut="0"] .h-gorsel{height:120px}
.haber[data-kalinlik="0"]>*{font-weight:400!important;font-family:var(--serif)!important;font-style:normal!important;letter-spacing:0!important;text-transform:none!important}
.haber[data-renk="0"]>*{color:var(--m-murekkep)!important;border-color:var(--m-cizgi)!important}
.haber[data-bosluk="0"]{padding:10px 12px}
.haber[data-bosluk="0"]>*{margin-top:0!important;padding-top:0!important}
.haber[data-bosluk="0"] .h-metin{column-gap:6px}
.haber[data-bosluk="0"] .h-metin p+p{text-indent:0}
.haber[data-konum="0"]>*{grid-column:1/13!important;grid-row:auto!important}
.haber[data-konum="0"] .h-gorsel{order:1}
.haber[data-konum="0"] .h-alt{order:2}
.haber[data-konum="0"] .h-metin{order:3}
.haber[data-konum="0"] .h-spot{order:4}
.haber[data-konum="0"] .h-baslik{order:5}
.haber[data-konum="0"] .h-alinti{order:6}
.haber[data-konum="0"] .h-ust{order:7}

/* 14–15 · okuma yolu */
.agirlik{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:16px}
.agirlik figure{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--m-cizgi)}
.agirlik svg{width:100%;height:96px;display:block}
.agirlik figcaption{font:500 10.5px/24px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--m-gri)}
.goz-kap{display:flex;justify-content:center;align-items:center}
.goz{position:relative;width:540px;height:720px;background:var(--m-kagit);box-shadow:0 0 0 1px var(--m-cizgi),0 14px 30px #20392d1f}
.goz svg{width:100%;height:100%;display:block}
.goz-aciklama b{font-family:Raleway,sans-serif}

/* 16–17 · görsel */
.kirp-kutu{background:var(--m-kagit);padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 30px #20392d33;align-self:stretch}
.vapur-svg{transition:none}
.yon{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;grid-template-rows:repeat(8,24px);border-top:1px solid var(--m-murekkep)}
.yon .yon-bas{grid-column:1/13;grid-row:1/span 2;display:flex;align-items:center;justify-content:space-between;gap:12px}
.yon .yon-bas b{font:700 18px/24px var(--ui)}
.yon .yon-cift{grid-column:1/9;grid-row:3/span 6;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:var(--m-cizgi);padding:3px}
.yon .yon-cift>div{background:var(--m-kagit);position:relative;overflow:hidden}
.yon .yon-cift svg{width:100%;height:100%;display:block;transition:transform .5s}
.yon .yon-durum{grid-column:9/13;grid-row:3/span 6;font:15px/24px var(--serif);display:flex;flex-direction:column;gap:8px}
.yon .yon-durum strong{font:700 15px/24px var(--ui)}
.yon .dogru{color:var(--m-yesil)}.yon .yanlis{color:var(--m-kir2)}

/* 18–19 · boşluk */
.bosluk-kelime{font:750 128px/120px var(--ui);letter-spacing:-.05em;color:var(--m-murekkep)}
.bosluk-kelime i{display:inline-block;width:.2em;height:.2em;margin-left:.05em;border-radius:50%;background:var(--m-kir)}
.karsilastir{position:relative;overflow:hidden;background:var(--m-acik);user-select:none;-webkit-user-select:none;touch-action:none}
.karsilastir .kat{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}
.karsilastir .ornek{width:300px;height:400px;background:var(--m-kagit);box-shadow:0 8px 22px #20392d24;position:relative;overflow:hidden}
.karsilastir .kat.sag{clip-path:inset(0 0 0 var(--k,50%))}
.karsilastir .kat.sol .ornek{background:#fbf9f2}
.karsilastir .tutamak{position:absolute;top:0;bottom:0;left:var(--k,50%);width:3px;margin-left:-1.5px;background:var(--m-kir);pointer-events:none}
.karsilastir .tutamak::after{content:"⟷";position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--m-kir);color:#fffefa;display:grid;place-items:center;font:700 18px var(--ui)}
.karsilastir input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.karsilastir .yazi{position:absolute;top:12px;font:500 10.5px/12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--m-murekkep);background:var(--m-kagit);padding:6px 8px}
.karsilastir .yazi.s{left:12px}.karsilastir .yazi.f{right:12px}

/* 20–21 · kapak kurma */
.kapak-no{width:36px;height:36px;border-radius:50%;background:var(--m-kir);color:#fffefa;display:grid;place-items:center;font:600 15px var(--mono);margin-top:-6px}
.kapak-denetim{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kapak-denetim .adim-yazi{font:500 12px/24px var(--mono);color:var(--m-gri);margin:0 auto 0 8px}
.kapak-sahne{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}
.mini-kapak{position:absolute;transform-origin:0 0;box-shadow:0 12px 30px #20392d33}
.raf{position:absolute;inset:0;background:linear-gradient(#e9dece,#d9ccb3)}
.raf .raf-kat{position:absolute;left:0;right:0;height:16px;background:#8a6a4a;box-shadow:0 6px 10px #0003}
.raf .mini-kapak{box-shadow:0 6px 14px #20392d40}
.raf-not{position:absolute;left:14px;bottom:12px;font:500 11px/14px var(--mono);background:var(--m-kagit);padding:6px 9px;color:var(--m-murekkep);letter-spacing:.04em;z-index:20}

/* 22–23 · üretim */
.adim-no{font:700 30px/36px var(--ui);letter-spacing:-.03em;color:var(--m-kir2)}
.kontrol{background:var(--m-acik);padding:12px 18px;display:flex;flex-direction:column;gap:2px}
.kontrol-bas{display:flex;justify-content:space-between;font:700 16px/24px var(--ui)}
.kontrol-bas>span{font:500 12px/24px var(--mono);color:var(--m-kir2)}
.kontrol label{display:grid;grid-template-columns:26px 1fr;align-items:start;font:14px/22px var(--serif);cursor:pointer;padding:2px 0}
.kontrol label b{font-family:var(--ui);font-weight:700}
.kontrol input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--m-yesil)}
.kontrol label.tamam span{color:var(--m-gri);text-decoration:line-through;text-decoration-color:var(--m-kir)}
.forma{position:relative;background:var(--m-cayir);overflow:hidden;touch-action:none}
.forma canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block;cursor:grab}
.forma canvas.tutuyor{cursor:grabbing}
.forma canvas.tasi{cursor:move}
.forma .forma-yedek{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;font:15px/24px var(--serif)}
.forma-etiketler{position:absolute;inset:0;pointer-events:none;transition:opacity .15s}
.forma-etiketler span{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:6px;margin:-12px 0 0 8px;padding:4px 9px;border-radius:4px;background:#fffefaeb;box-shadow:0 2px 10px #20392d2e;font:500 13px/1.25 var(--mono);color:var(--m-murekkep);white-space:nowrap;transition:opacity .25s}
.forma-etiketler span i{width:9px;height:9px;border-radius:2px;flex:none}
.forma-etiketler span b{font-weight:500;color:var(--m-kir2)}
.forma-etiketler span.soluk{opacity:.3}
.forma-denetim{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:38px 40px auto;align-content:start;row-gap:2px}
.fd-kaydir{display:flex;align-items:center;gap:12px;min-width:0}
.fd-kaydir label{font:650 13px var(--ui);white-space:nowrap}
.fd-kaydir input{flex:1;min-width:120px;max-width:380px;accent-color:var(--m-yesil)}
.forma-evre{display:flex;gap:3px}
.forma-evre i{font:500 11px/1 var(--mono);font-style:normal;padding:6px 8px;border-radius:4px;color:var(--m-gri);transition:background .2s,color .2s}
.forma-evre i.on{background:var(--m-murekkep);color:var(--m-kagit)}
.fd-dugmeler{gap:6px;align-items:center;flex-wrap:nowrap}
.fd-dugmeler .w-dugme{min-height:32px;padding:0 11px;font-size:12.5px;white-space:nowrap}
.fd-dugmeler .fd-ara{flex:1}
.forma-denetim .forma-bilgi{margin:0;font:500 12px/18px var(--mono);color:var(--m-murekkep)}
.forma-denetim .forma-bilgi b{color:var(--m-kir2);font-weight:500}
/* forma · büyük görünüm */
.forma-buyuk{position:fixed;inset:0;z-index:300;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--m-cayir);color:var(--m-murekkep);font:15px/1.5 var(--ui)}
.fb-ust{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));background:var(--m-kagit);border-bottom:1px solid var(--m-cizgi)}
.fb-etiket{margin:0;font:500 11px/16px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--m-kir2)}
.fb-ipucu{margin:2px 0 0;font:13px/18px var(--serif);color:var(--m-gri)}
.fb-zum{display:flex;gap:6px;flex:none}
.fb-zum .w-dugme{min-height:36px}
.fb-sahne{position:relative;min-height:0}
.fb-sahne .forma{position:absolute;inset:0}
.fb-alt{padding:8px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:var(--m-kagit);border-top:1px solid var(--m-cizgi)}
.fb-alt .forma-denetim{max-width:980px;margin:0 auto}
.forma-buyuk .forma-etiketler span{font-size:12px}
@media (max-width:760px){.fb-ipucu{display:none}.fb-alt .fd-dugmeler{flex-wrap:wrap}.fb-alt .forma-denetim{grid-template-rows:auto auto auto}.forma-evre{display:none}}

/* 24–25 · atölye */
.atolye-ayar{display:grid;grid-template-rows:repeat(7,48px);border-top:1px solid var(--m-murekkep)}
.atolye-ayar .satir{display:grid;grid-template-columns:200px 1fr 60px;align-items:center;gap:14px;border-bottom:1px solid var(--m-cizgi)}
.atolye-ayar .ayar-ad{display:flex;flex-direction:column;justify-content:center}
.atolye-ayar .ayar-ad b{font:700 14px/18px var(--ui)}
.atolye-ayar .ayar-ad .tr{font:500 10.5px/14px var(--mono);letter-spacing:.02em;color:var(--m-gri);opacity:1}
.atolye-ayar .satir>.w-dugmeler{grid-column:2/4}
.atolye-ipucu{font:500 10.5px/24px var(--mono);letter-spacing:.02em;color:var(--m-gri);white-space:nowrap}
.atolye-ipucu b{color:var(--m-murekkep);font-weight:500}
.atolye-ayar input[type=range]{width:100%;accent-color:var(--m-yesil)}
.atolye-ayar output{font:500 12px var(--mono);text-align:right}
.atolye-ayar .w-dugmeler{gap:4px}
.atolye-ayar .w-dugme{min-height:32px;padding:0 10px;font-size:12px}
.gorevler{margin:0;padding:0 0 0 22px;font:16px/24px var(--serif);display:flex;flex-direction:column;gap:6px}
.gorevler li::marker{font:700 14px var(--ui);color:var(--m-kir2)}
.atolye-onizleme{display:flex;justify-content:center;align-items:center}
.onizleme-sayfa{position:relative;width:672px;height:896px;background:var(--m-kagit);box-shadow:0 0 0 1px var(--m-cizgi),0 16px 36px #20392d26;overflow:hidden}
.onizleme-sayfa .oz-alan{position:absolute;display:grid;align-content:start;overflow:hidden}
.onizleme-sayfa .oz-ust{font:500 9px/12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--m-kir2)}
.onizleme-sayfa .oz-baslik{font-family:var(--ui);font-weight:750;letter-spacing:-.035em;margin:4px 0 10px;color:var(--m-murekkep)}
.onizleme-sayfa .oz-gorsel{background:var(--m-orman);position:relative;overflow:hidden}
.onizleme-sayfa .oz-gorsel svg{width:100%;height:100%;display:block}
.onizleme-sayfa .oz-metin{font:11.5px/16px var(--serif);color:var(--m-murekkep);hyphens:auto;-webkit-hyphens:auto}
.onizleme-sayfa .oz-metin p{margin:0}
.onizleme-sayfa .oz-metin p+p{text-indent:1.4em}
.onizleme-sayfa .oz-kilavuz{position:absolute;inset:0;pointer-events:none}
.onizleme-sayfa .oz-tam{position:absolute;inset:0}
.onizleme-sayfa .oz-tam-yazi{position:absolute;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(#20392d00,#20392dcc);color:#fffefa}

/* 26–27 · başvuru */
.sozluk{column-count:3;column-gap:16px;font:14px/24px var(--serif)}
.sozluk p{break-inside:avoid;margin:0!important;display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:8px;align-items:start}
.sozluk .soz-ikon{grid-row:1/3;width:22px;height:22px;margin-top:1px;fill:none;stroke:var(--m-kir2);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sozluk b{display:block;font:700 14px/24px var(--ui);color:var(--m-murekkep)}
.sozluk p>span{color:var(--m-murekkep)}
.test{display:grid;grid-template-rows:repeat(10,60px)}
.soru{border-top:1px solid var(--m-cizgi);display:grid;grid-template-rows:26px 34px;align-content:start}
.soru p{font:700 14.5px/26px var(--ui);display:flex;gap:10px;align-items:center;white-space:nowrap}
.soru p i{font:500 12px var(--mono);color:var(--m-kir2);font-style:normal;min-width:16px}
.soru>div{display:flex;gap:6px;flex-wrap:wrap;padding-left:26px}
.soru .w-dugme{min-height:29px;font-size:12.5px;padding:0 11px}
.soru .w-dugme.dogru{background:var(--m-yesil);border-color:var(--m-yesil);color:#fffefa}
.soru .w-dugme.yanlis{background:#f3dcd3;border-color:var(--m-kir);color:var(--m-kir2);text-decoration:line-through}
.puan{font:16px/24px var(--serif);border-top:1px solid var(--m-murekkep);padding-top:12px}
.puan b{font:800 26px/24px var(--ui);letter-spacing:-.03em;margin-right:8px;color:var(--m-kir2)}
.ters-anahtar{font:500 10.5px/24px var(--mono);color:var(--m-gri);transform:rotate(180deg);text-align:center}
.gelecek{background:var(--m-murekkep);color:var(--m-kagit);padding:16px 22px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:22px;align-content:center}
.gelecek .ust-baslik{grid-column:1/3;color:#e0a184}
.gelecek .ust-baslik::before{background:#e0a184}
.gelecek b{font:750 34px/40px var(--ui);letter-spacing:-.035em}
.gelecek span:last-child{font:italic 16px/24px var(--serif);align-self:center;color:#e9ede5}

/* 28 · arka kapak */
.arka-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:24px;column-gap:16px;row-gap:12px;font:500 12px/24px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-top:2.5px solid var(--m-murekkep);padding-top:12px}
.arka-liste li::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--m-kir);margin-right:9px;vertical-align:1px}
.arka-adres{font:800 52px/72px var(--ui);letter-spacing:-.04em;text-align:right;align-self:end}
.arka-adres i{display:inline-block;width:.2em;height:.2em;margin-left:.04em;border-radius:50%;background:var(--m-kir)}

/* 11 · taşma karşılaştırması, 14 · düzen şemaları, 17 · fotoğraf altı yazısı */
.tasma-sekil svg,.duzen-sekil svg{width:100%;height:100%;display:block}
.duzen-sekil{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}
.duzen-sekil figure{margin:0;display:flex;flex-direction:column}
.duzen-sekil svg{display:block;width:100%;height:150px}
.duzen-sekil figcaption{font:500 10.5px/24px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--m-gri)}
.altyazi-ornek{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;grid-template-rows:repeat(9,24px)}
.altyazi-ornek .ao-gorsel{grid-column:1/7;grid-row:1/span 7;overflow:hidden;background:#355348}
.altyazi-ornek .ao-gorsel svg{width:100%;height:100%;display:block}
.altyazi-ornek .ao-yazi{grid-column:1/7;grid-row:8/span 2;font:500 10.5px/12px var(--mono);color:var(--m-gri);padding-top:6px}
.altyazi-ornek .ao-yazi u{text-decoration:none;border-bottom:2px solid;padding-bottom:1px}
.altyazi-ornek ol{grid-column:7/13;grid-row:1/span 9;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.altyazi-ornek li{display:grid;grid-template-columns:28px 1fr;font:15px/24px var(--serif)}
.altyazi-ornek li b{font:700 15px/24px var(--ui)}
.altyazi-ornek li i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 11px var(--mono);color:#fffefa;font-style:normal;margin-top:1px}

.govde.doldur{column-fill:auto}
.bitis{display:inline-block;width:9px;height:9px;background:var(--m-kir);margin-left:6px;vertical-align:0}

/* 6 · ızgarayı adım adım kur */
.insaat .k1,.insaat .k2,.insaat .k3,.insaat .k4,.insaat .k5,.insaat .k6,.insaat .k7{opacity:0;transition:opacity .5s}
.insaat.a1 .k1,.insaat.a2 .k2,.insaat.a3 .k3,.insaat.a4 .k4,.insaat.a5 .k5,.insaat.a6 .k6,.insaat.a7 .k7{opacity:1}
.insaat .olcu{font:500 12px var(--mono);fill:#e997cf}
.insaat .sutun{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(0);transition:transform .6s cubic-bezier(.3,.1,.2,1)}
.insaat.a3 .sutun{transform:none}
.insaat .oluk{opacity:0;transition:opacity .4s}
.insaat.a4:not(.a5) .oluk{opacity:.85}
.insaat.a5 .oluk{opacity:.12}
.insaat .balon{transition:opacity .4s}
.insaat.a5 .balon{opacity:0}
.insaat .taban{opacity:0;transition:opacity .3s}
.insaat.a5 .taban{opacity:1}
.insaat .modul{opacity:0;transition:opacity .35s}
.insaat.a6 .modul{opacity:1}
.insaat .oge{opacity:0;transform:translateY(-14px);transition:opacity .5s .5s,transform .6s .5s}
.insaat.a7 .oge{opacity:1;transform:none}
.insaat.son .k2,.insaat.son .k3,.insaat.son .k5,.insaat.son .k6{opacity:.32}
.insaat .blok{transition:transform 1s cubic-bezier(.45,.05,.25,1)}
.insaat.a7 .blok{transform:translateY(var(--inis))}
.insaat .halat{transform-box:fill-box;transform-origin:50% 0;transition:transform 1s cubic-bezier(.45,.05,.25,1)}
.insaat.a7 .halat{transform:scaleY(var(--inis))}
.insaat-panel{background:var(--m-kagit);box-shadow:0 12px 34px #0c1a1450;padding:14px 18px 12px;display:grid;grid-template-rows:auto auto 1fr auto;align-self:stretch}
.insaat-panel .ip-ust{display:flex;justify-content:space-between;align-items:center}
.insaat-panel .ip-etiket{font:500 10.5px/16px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--m-kir2)}
.insaat-panel .ip-sayac{font:500 11px/16px var(--mono);color:var(--m-gri)}
.insaat-panel .ip-baslik{font:700 20px/26px var(--ui);letter-spacing:-.02em;margin-top:4px!important}
.insaat-panel .ip-metin{font:14px/20px var(--serif);color:var(--m-murekkep);margin-top:2px!important}
.insaat-panel .ip-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
.insaat-panel .ip-yol{font:500 10.5px/14px var(--mono);color:var(--m-gri)}
.insaat-panel .ip-yol b{color:var(--m-kir2);font-weight:500}
.insaat-panel .ip-dugmeler{display:flex;gap:6px;flex:none}
.insaat-panel .w-dugme{min-height:34px}
.insaat-panel .w-dugme:disabled{opacity:.4;cursor:default}
.insaat-panel .ip-noktalar{position:absolute;right:18px;top:16px;display:none}
@media (prefers-reduced-motion:reduce){.insaat *{transition-duration:.01s!important;transition-delay:0s!important}}
.forma-buyuk *{box-sizing:border-box}

/* Site içinde: kabuğun kendi başlığı ve tam ekran düğmesi olduğu için logoyu ve tam ekranı gizle */
a.dg-ad{color:inherit;text-decoration:none}
html[data-atolye-embedded] .dg-ad b,html[data-atolye-embedded] #t-tam,html[data-atolye-embedded] .dg-geri{display:none}