@font-face{font-family:'Lato';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/f01.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:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/f02.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:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/f03.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:'Lato';font-style:normal;font-weight:900;font-display:swap;src:url(fonts/f04.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:'Playfair Display';font-style:italic;font-weight:400 600;font-display:swap;src:url(fonts/f05.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:'Playfair Display';font-style:italic;font-weight:400 600;font-display:swap;src:url(fonts/f06.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:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/f07.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:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/f08.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:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(fonts/f09.woff2) format("woff2")}
.fa{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;font-family:"Font Awesome 6 Free";font-weight:900}
.fa-arrow-up::before{content:"\f062"}
.fa-arrow-up-right-from-square::before{content:"\f08e"}
.fa-bars::before{content:"\f0c9"}
.fa-book-open::before{content:"\f518"}
.fa-briefcase::before{content:"\f0b1"}
.fa-building::before{content:"\f1ad"}
.fa-building-shield::before{content:"\e4d8"}
.fa-bullhorn::before{content:"\f0a1"}
.fa-chart-line::before{content:"\f201"}
.fa-check::before{content:"\f00c"}
.fa-chevron-down::before{content:"\f078"}
.fa-chevron-left::before{content:"\f053"}
.fa-chevron-right::before{content:"\f054"}
.fa-circle-check::before{content:"\f058"}
.fa-circle-info::before{content:"\f05a"}
.fa-circle-question::before{content:"\f059"}
.fa-clock::before{content:"\f017"}
.fa-diagram-project::before{content:"\f542"}
.fa-expand::before{content:"\f065"}
.fa-eye-slash::before{content:"\f070"}
.fa-file-signature::before{content:"\f573"}
.fa-flag::before{content:"\f024"}
.fa-gavel::before{content:"\f0e3"}
.fa-graduation-cap::before{content:"\f19d"}
.fa-hourglass-half::before{content:"\f252"}
.fa-id-card::before{content:"\f2c2"}
.fa-image::before{content:"\f03e"}
.fa-landmark::before{content:"\f66f"}
.fa-lightbulb::before{content:"\f0eb"}
.fa-magnifying-glass::before{content:"\f002"}
.fa-magnifying-glass-dollar::before{content:"\f688"}
.fa-magnifying-glass-plus::before{content:"\f00e"}
.fa-minus::before{content:"\f068"}
.fa-moon::before{content:"\f186"}
.fa-newspaper::before{content:"\f1ea"}
.fa-plus::before{content:"\f067"}
.fa-rotate-left::before{content:"\f2ea"}
.fa-scale-balanced::before{content:"\f24e"}
.fa-shield-halved::before{content:"\f3ed"}
.fa-sun::before{content:"\f185"}
.fa-table-columns::before{content:"\e361"}
.fa-thumbtack::before{content:"\f08d"}
.fa-triangle-exclamation::before{content:"\f071"}
.fa-user::before{content:"\f007"}
.fa-xmark::before{content:"\f00d"}
@font-face{font-family:'Literata';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/okuma/literata-latin-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:'Literata';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/okuma/literata-latin-ext-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:'Literata';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/okuma/literata-latin-italic.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:'Literata';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/okuma/literata-latin-ext-italic.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}
:root[data-font="literata"]{--sans:'Literata',Georgia,serif}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/okuma/source-serif-4-latin-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:'Source Serif 4';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/okuma/source-serif-4-latin-ext-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:'Source Serif 4';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/okuma/source-serif-4-latin-italic.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:'Source Serif 4';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/okuma/source-serif-4-latin-ext-italic.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}
:root[data-font="source-serif"]{--sans:'Source Serif 4',Georgia,serif}
@font-face{font-family:'Merriweather';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/okuma/merriweather-latin-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:'Merriweather';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/okuma/merriweather-latin-ext-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:'Merriweather';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/okuma/merriweather-latin-italic.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:'Merriweather';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/okuma/merriweather-latin-ext-italic.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}
:root[data-font="merriweather"]{--sans:'Merriweather',Georgia,serif}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/okuma/inter-latin-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:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/okuma/inter-latin-ext-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:'Inter';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/okuma/inter-latin-italic.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:'Inter';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/okuma/inter-latin-ext-italic.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}
:root[data-font="inter"]{--sans:'Inter',system-ui,sans-serif}
@font-face{font-family:'Atkinson Hyperlegible Next';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/okuma/atkinson-hyperlegible-next-latin-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:'Atkinson Hyperlegible Next';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/okuma/atkinson-hyperlegible-next-latin-ext-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:'Atkinson Hyperlegible Next';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/okuma/atkinson-hyperlegible-next-latin-italic.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:'Atkinson Hyperlegible Next';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/okuma/atkinson-hyperlegible-next-latin-ext-italic.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}
:root[data-font="atkinson"]{--sans:'Atkinson Hyperlegible Next',system-ui,sans-serif}
@font-face{font-family:'Lexend';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/okuma/lexend-latin-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:'Lexend';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/okuma/lexend-latin-ext-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}
:root[data-font="lexend"]{--sans:'Lexend',system-ui,sans-serif}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/okuma/ibm-plex-sans-latin-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:'IBM Plex Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/okuma/ibm-plex-sans-latin-ext-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:'IBM Plex Sans';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/okuma/ibm-plex-sans-latin-italic.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:'IBM Plex Sans';font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/okuma/ibm-plex-sans-latin-ext-italic.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}
:root[data-font="plex"]{--sans:'IBM Plex Sans',system-ui,sans-serif}
:root[data-font="sistem"]{--sans:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
/* ==========================================================================
   TERA Fon Krizi Raporu — Tonbil-Anpa editoryal teması (uzun-form, kaydırmalı)
   Bileşen dili: sunum.css (masthead, kicker, deck-line, stat/bigstat, ul.wsj,
   table.wsj, chart-card, note, flag, pill, lesson, pullquote, qcard, src).
   Tüm renkler :root token'larından; koyu çift aşağıda.
   ========================================================================== */
:root{
  --paper:#F8F9FA; --surface:#FFFFFF; --surface-2:#F1F3F5;
  --ink:#1E1E1E; --ink-soft:#4A4A4A; --ink-mute:#636363;
  --wsj:#00578B; --wsj-deep:#003D63; --on-wsj:#FFFFFF;
  --wsj-tint:rgba(0,87,139,.07); --neg-tint:rgba(198,40,40,.07); --amber-tint:rgba(178,106,0,.08); --pos-tint:rgba(46,125,50,.08);
  --rule:#E0E0E0; --rule-strong:#C9C9C9;
  /* 96-B2/W10: form ve kontrol sınırı >=3:1 (WCAG 1.4.11) */
  --border-control:#858585;
  /* 96-W3: amber #9A5B00 -> #8F5400 (tint + çift bölüm zemininde 4,44 -> 4,91:1). 96-I1: Anpa #B26A00/#7A7A7A beyazda AA altı -> koyulaştırıldı */
  --pos:#2E7D32; --neg:#C62828; --amber:#8F5400; --amber-soft:#7A6300;
  --hero-bg:#12161A; --hero-ink:#FFFFFF; --hero-soft:rgba(255,255,255,.86); --hero-mute:rgba(255,255,255,.72);
  --hero-rule:rgba(255,255,255,.24); --hero-accent:#9FC7E4;
  --hero-ov1:rgba(12,16,20,.94); --hero-ov2:rgba(12,16,20,.82); --hero-ov3:rgba(12,16,20,.55);
  --shadow:0 1px 2px rgba(0,0,0,.05); --shadow-lg:0 12px 40px rgba(0,0,0,.18);
  --scrim:rgba(10,12,14,.62); --glass:rgba(248,249,250,.93);
  /* sınıf rozetleri */
  --cls-a:#2E7D32; --cls-as:#1F6F5C; --cls-b:#00578B; --cls-c:#9A5B00; --cls-d:#6B4FA0;
  /* 96-W2: İDDİA rozeti YANLIŞ (--neg) ile aynı renk olamaz -> [D] sınıf rengiyle hizalı rol token'ı */
  --claim:var(--cls-d);
  /* ağ grup renkleri */
  --g-tera:#00578B; --g-pusula:#B23B7A; --g-katilimevim:#8E44AD; --g-hedef:#1F7A5A; --g-bulls:#9A5B00;
  --g-ozata:#0E7C86; --g-digerfon:#6B6F2A; --g-devlet:#4A4A4A; --g-siyaset:#C62828; --g-diger:#7A7A7A;
  /* grafik serileri */
  --c1:#00578B; --c2:#C62828; --c3:#2E7D32; --c4:#9A5B00; --c5:#6B4FA0; --c-grid:#E6E6E6;
  /* diyagram (tonbilakis SVG) eşlemesi */
  --d-bg:transparent; --d-text:#1E1E1E; --d-muted:#3F3F3F;
  --d-primary-fill:#E6F0F7; --d-primary-stroke:#00578B; --d-process-fill:#D5E6F2; --d-process-stroke:#00578B;
  --d-accent-fill:#FBEFE2; --d-accent-stroke:#B26A00; --d-neutral-fill:#EEF1F4; --d-neutral-stroke:#8A949E;
  --d-warn-fill:#FFF6DC; --d-warn-stroke:#B8901F; --d-error-fill:#FBE6E6; --d-error-stroke:#C62828;
  --d-line:#5F6B76; --d-line-key:#00578B;
  --serif:'Playfair Display','Times New Roman',Georgia,serif;
  --sans:'Lato',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  /* 61: formül satırı (sistem monospace; gömülü font yok) */
  --mono:ui-monospace,'Cascadia Mono','Consolas','SFMono-Regular',Menlo,monospace;
  /* ölçek */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:72px;
  --r1:2px; --r2:6px; --r-pill:999px;
  --gutter:16px; --maxw:1120px; --mast-h:52px; --touch:44px;
  --dur:.2s; --ease:cubic-bezier(.22,.61,.36,1); --dur-chart:.7s;
  /* 96-W7: tipografi ölçeği (6 basamak; min metin 11px) */
  --fs-2xs:11px; --fs-xs:12.5px; --fs-sm:14px; --fs-md:16px; --fs-lg:19px; --fs-xl:24px; --fs-2xl:30px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#121417; --surface:#1A1D21; --surface-2:#22262B;
    --ink:#EDEEF0; --ink-soft:#C9CDD2; --ink-mute:#A3AAB2;
    --wsj:#6CB4E6; --wsj-deep:#A9D2F0; --on-wsj:#0B1620;
    --wsj-tint:rgba(108,180,230,.10); --neg-tint:rgba(242,139,130,.10); --amber-tint:rgba(240,178,74,.10); --pos-tint:rgba(123,198,126,.10);
    --rule:#2E3339; --rule-strong:#454C54; --border-control:#7E8892;
    --pos:#7BC67E; --neg:#F28B82; --amber:#F0B24A; --amber-soft:#D9C27A;
    --shadow:0 1px 2px rgba(0,0,0,.4); --shadow-lg:0 12px 40px rgba(0,0,0,.6);
    --scrim:rgba(0,0,0,.72); --glass:rgba(18,20,23,.93);
    --cls-a:#7BC67E; --cls-as:#6FC7B0; --cls-b:#6CB4E6; --cls-c:#F0B24A; --cls-d:#B9A2E8;
    --g-tera:#6CB4E6; --g-pusula:#E68AB8; --g-katilimevim:#C39BE0; --g-hedef:#6FC7A0; --g-bulls:#F0B24A;
    --g-ozata:#5CC8D2; --g-digerfon:#C2C878; --g-devlet:#C9CDD2; --g-siyaset:#F28B82; --g-diger:#9AA1A9;
    --c1:#6CB4E6; --c2:#F28B82; --c3:#7BC67E; --c4:#F0B24A; --c5:#B9A2E8; --c-grid:#2C3137;
    --d-text:#EDEEF0; --d-muted:#C9CDD2;
    --d-primary-fill:#16324A; --d-primary-stroke:#6CB4E6; --d-process-fill:#1D3B55; --d-process-stroke:#6CB4E6;
    --d-accent-fill:#3F2E14; --d-accent-stroke:#F0B24A; --d-neutral-fill:#262B31; --d-neutral-stroke:#7E8892;
    --d-warn-fill:#3A3217; --d-warn-stroke:#D9C27A; --d-error-fill:#3D1E1E; --d-error-stroke:#F28B82;
    --d-line:#A3AAB2; --d-line-key:#6CB4E6;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#121417; --surface:#1A1D21; --surface-2:#22262B;
  --ink:#EDEEF0; --ink-soft:#C9CDD2; --ink-mute:#A3AAB2;
  --wsj:#6CB4E6; --wsj-deep:#A9D2F0; --on-wsj:#0B1620;
  --wsj-tint:rgba(108,180,230,.10); --neg-tint:rgba(242,139,130,.10); --amber-tint:rgba(240,178,74,.10); --pos-tint:rgba(123,198,126,.10);
  --rule:#2E3339; --rule-strong:#454C54; --border-control:#7E8892;
  --pos:#7BC67E; --neg:#F28B82; --amber:#F0B24A; --amber-soft:#D9C27A;
  --shadow:0 1px 2px rgba(0,0,0,.4); --shadow-lg:0 12px 40px rgba(0,0,0,.6);
  --scrim:rgba(0,0,0,.72); --glass:rgba(18,20,23,.93);
  --cls-a:#7BC67E; --cls-as:#6FC7B0; --cls-b:#6CB4E6; --cls-c:#F0B24A; --cls-d:#B9A2E8;
  --g-tera:#6CB4E6; --g-pusula:#E68AB8; --g-katilimevim:#C39BE0; --g-hedef:#6FC7A0; --g-bulls:#F0B24A;
  --g-ozata:#5CC8D2; --g-digerfon:#C2C878; --g-devlet:#C9CDD2; --g-siyaset:#F28B82; --g-diger:#9AA1A9;
  --c1:#6CB4E6; --c2:#F28B82; --c3:#7BC67E; --c4:#F0B24A; --c5:#B9A2E8; --c-grid:#2C3137;
  --d-text:#EDEEF0; --d-muted:#C9CDD2;
  --d-primary-fill:#16324A; --d-primary-stroke:#6CB4E6; --d-process-fill:#1D3B55; --d-process-stroke:#6CB4E6;
  --d-accent-fill:#3F2E14; --d-accent-stroke:#F0B24A; --d-neutral-fill:#262B31; --d-neutral-stroke:#7E8892;
  --d-warn-fill:#3A3217; --d-warn-stroke:#D9C27A; --d-error-fill:#3D1E1E; --d-error-stroke:#F28B82;
  --d-line:#A3AAB2; --d-line-key:#6CB4E6;
  color-scheme:dark;
}

/* ============ TEMEL ============ */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--mast-h) + var(--s3));-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--fs-md);line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,canvas{max-width:100%}
img{height:auto;display:block}
a{color:var(--wsj);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--wsj-deep)}
:focus-visible{outline:3px solid var(--wsj);outline-offset:2px}
/* 96-B1: koyu zeminli bileşenlerde odak halkası >=3:1 (hero-accent / hero-bg ~10:1) */
.hero :focus-visible,footer.foot :focus-visible,.pullquote :focus-visible{outline-color:var(--hero-accent)}
button{font:inherit;color:inherit}
strong{color:var(--ink);font-weight:700}
.sr-only{position:absolute!important;left:0;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:var(--s2);top:-60px;z-index:200;background:var(--wsj);color:var(--on-wsj);padding:var(--s2) var(--s3)}
.skip:focus{top:var(--s2)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.tnum{font-variant-numeric:tabular-nums}
.muted{color:var(--ink-mute)}

/* ============ MASTHEAD (yapışkan) ============ */
.mast{position:sticky;top:0;z-index:60;height:var(--mast-h);background:var(--glass);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}
.mast .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.mast .brand{font-weight:900;font-size:var(--fs-2xs);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);
  text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;display:flex;align-items:center;min-height:var(--touch)}
.mast .brand i{color:var(--wsj);margin-right:var(--s2)}
.mast .sect{font-style:italic;font-size:var(--fs-xs);color:var(--ink-mute);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;text-align:center;min-width:0}
.mast .acts{display:flex;gap:var(--s1);flex:0 0 auto}
.ibtn{min-width:var(--touch);height:var(--touch);display:inline-grid;place-items:center;gap:var(--s1);grid-auto-flow:column;
  padding:0 var(--s2);border:1px solid var(--border-control);background:var(--surface);color:var(--ink);cursor:pointer;
  font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background var(--dur),color var(--dur)}
.ibtn:hover{background:var(--wsj);color:var(--on-wsj);border-color:var(--wsj)}
.ibtn .lbl{display:none}
#progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--wsj);z-index:70}

/* ============ İÇİNDEKİLER ÇEKMECESİ ============ */
.drawer{position:fixed;inset:0;z-index:100;display:none}
.drawer.open{display:block}
.drawer .scrim{position:absolute;inset:0;background:var(--scrim)}
.drawer .panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--surface);
  box-shadow:var(--shadow-lg);display:flex;flex-direction:column;border-left:4px solid var(--wsj)}
.drawer .phead{display:flex;align-items:center;justify-content:space-between;padding:var(--s2) var(--s4);border-bottom:1px solid var(--rule)}
.drawer .phead h2{font-size:var(--fs-xl);margin:0}
.drawer nav{overflow-y:auto;padding:var(--s2) 0 var(--s6)}
.drawer nav a{display:flex;gap:var(--s3);align-items:baseline;min-height:var(--touch);padding:var(--s2) var(--s4);
  color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule);font-size:var(--fs-sm)}
.drawer nav a b{font-family:var(--serif);color:var(--wsj);min-width:2ch;font-variant-numeric:tabular-nums}
.drawer nav a:hover,.drawer nav a.on{background:var(--wsj-tint)}
body.noscroll{overflow:hidden}

/* ============ KAPAK ============ */
.hero{position:relative;background:var(--hero-bg);color:var(--hero-ink);overflow:hidden;min-height:min(92vh,860px);display:flex;align-items:flex-end}
.hero .hero-img{position:absolute;inset:0}
.hero .hero-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3) contrast(1.05) brightness(.6)}
.hero .hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,var(--hero-ov1) 0%,var(--hero-ov2) 45%,var(--hero-ov3) 100%)}
.hero .wrap{position:relative;z-index:2;padding-top:var(--s8);padding-bottom:var(--s7);width:100%}
.hero-rule{width:78px;height:4px;background:var(--hero-accent);margin-bottom:var(--s5)}
.hero-eyebrow{font-weight:900;font-size:var(--fs-xs);letter-spacing:.26em;text-transform:uppercase;color:var(--hero-mute);margin-bottom:var(--s4)}
.hero-title{font-family:var(--serif);font-weight:900;font-size:clamp(36px,6vw,88px);line-height:.98;letter-spacing:-.025em;color:var(--hero-ink);max-width:18ch}
.hero-title em{font-style:italic;font-weight:600;color:var(--hero-accent)}
.hero-sub{font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.8vw,25px);color:var(--hero-soft);margin-top:var(--s4);max-width:62ch;line-height:1.4}
.hero-meta{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s6);margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--hero-rule)}
.hero-meta div{color:var(--hero-mute);font-size:var(--fs-2xs);letter-spacing:.15em;text-transform:uppercase;font-weight:700}
.hero-meta div b{display:block;color:var(--hero-ink);font-family:var(--serif);font-size:clamp(18px,1.7vw,26px);letter-spacing:0;text-transform:none;margin-top:var(--s1)}
.hero-warn{margin-top:var(--s5);border:1px solid var(--hero-rule);border-left:4px solid var(--hero-accent);padding:var(--s3) var(--s4);max-width:100ch}
.hero-warn h2{font-family:var(--sans);font-size:var(--fs-xs);font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--hero-ink);margin-bottom:var(--s2)}
.hero-warn li{font-size:var(--fs-sm);line-height:1.55;color:var(--hero-soft);margin:0 0 var(--s1) var(--s4)}
.hero-warn strong{color:var(--hero-ink)}
.hero-credit{font-size:var(--fs-2xs);color:var(--hero-mute);margin-top:var(--s3)}
.hero .kesit{display:inline-block;margin-top:var(--s3);font-size:var(--fs-xs);color:var(--hero-soft)}

/* ============ BÖLÜM ============ */
.sec{padding:var(--s7) 0;border-bottom:1px solid var(--rule)}
.sec:nth-of-type(even){background:var(--surface-2)}
.sec-head{margin-bottom:var(--s5)}
.kicker{font-weight:900;font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--wsj);margin-bottom:var(--s2);display:flex;align-items:center;gap:var(--s2)}
.kicker::after{content:"";flex:1;height:1px;background:var(--rule);max-width:180px}
h1,h2,h3,h4{font-family:var(--serif);color:var(--ink)}
h2{font-weight:700;font-size:clamp(26px,3vw,42px);line-height:1.1;letter-spacing:-.012em;margin-bottom:var(--s2)}
h3{font-weight:700;font-size:clamp(19px,1.6vw,24px);line-height:1.25;margin:var(--s5) 0 var(--s3)}
h4{font-weight:700;font-size:var(--fs-md);line-height:1.3;margin-bottom:var(--s2)}
.deck-line{font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.4vw,20px);color:var(--ink-soft);line-height:1.5;max-width:74ch}
p{color:var(--ink-soft);max-width:78ch}
p+p{margin-top:var(--s3)}
.prose p{font-size:var(--fs-md)}
.hl{color:var(--wsj);font-weight:700}

/* ============ STAT / BIGSTAT ============ */
.kpis{display:grid;gap:var(--s5) var(--s4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:var(--s5) 0}
.bigstat{border-top:4px solid var(--ink);padding-top:var(--s2);min-width:0}
.bigstat.blue{border-top-color:var(--wsj)} .bigstat.red{border-top-color:var(--neg)} .bigstat.green{border-top-color:var(--pos)} .bigstat.amber{border-top-color:var(--amber)}
.bigstat .n{font-family:var(--serif);font-weight:900;font-size:clamp(30px,3.2vw,48px);line-height:1;letter-spacing:-.025em;overflow-wrap:anywhere}
.bigstat .n small{font-size:.44em;font-weight:700;letter-spacing:0;margin-left:.2em}
.bigstat .k{font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-weight:900;margin-top:var(--s2);line-height:1.35}
.bigstat .s{font-size:var(--fs-sm);color:var(--ink-soft);margin-top:var(--s1);line-height:1.5;font-style:italic}

/* ============ LİSTE ============ */
ul.wsj{list-style:none;max-width:82ch}
ul.wsj>li{position:relative;padding-left:var(--s5);margin-bottom:var(--s3);color:var(--ink-soft);line-height:1.6}
ul.wsj>li::before{content:"";position:absolute;left:2px;top:.6em;width:8px;height:8px;background:var(--wsj);transform:rotate(45deg)}
ol.num{margin-left:var(--s5);color:var(--ink-soft)} ol.num li{margin-bottom:var(--s2)}

/* ============ TABLO ============ */
.tblwrap{position:relative;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--s3) 0 var(--s4);border:1px solid var(--rule);background:var(--surface)}
table.wsj{width:100%;border-collapse:collapse;font-size:var(--fs-sm);min-width:560px}
table.wsj caption{text-align:left;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:var(--fs-2xs);color:var(--ink);padding:var(--s3) var(--s3) var(--s2)}
table.wsj th{text-align:left;font-weight:900;font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);padding:var(--s2) var(--s3);border-bottom:2px solid var(--ink);vertical-align:bottom}
table.wsj td{overflow-wrap:anywhere;padding:var(--s2) var(--s3);border-bottom:1px solid var(--rule);vertical-align:top;color:var(--ink-soft);line-height:1.5}
table.wsj td.r,table.wsj th.r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.wsj td:first-child{color:var(--ink)}
table.wsj tr:hover td{background:var(--wsj-tint)}
.swipe-hint{display:none;font-size:var(--fs-xs);font-style:italic;color:var(--ink-mute);margin-top:calc(-1 * var(--s2))}

/* ============ KART / IZGARA ============ */
.grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.grid.g2{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}
.card{background:var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow);padding:var(--s4);min-width:0;display:flex;flex-direction:column;gap:var(--s2)}
.card h4{margin:0}
.card .meta{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:var(--ink-mute)}
.card p,.card li{font-size:var(--fs-sm)}
.lesson{border:1px solid var(--rule);border-left:4px solid var(--wsj);background:var(--surface);padding:var(--s4)}
.lesson h4{color:var(--wsj-deep);font-size:var(--fs-lg)}
.lesson h4 i{margin-right:var(--s2);color:var(--wsj)}
.lesson p{font-size:var(--fs-sm)}
.qcard{border-top:4px solid var(--ink);padding-top:var(--s2);min-width:0}
.qcard.blue{border-top-color:var(--wsj)} .qcard.amber{border-top-color:var(--amber)} .qcard.red{border-top-color:var(--neg)} .qcard.green{border-top-color:var(--pos)}
.qcard .qq{font-size:var(--fs-2xs);font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}
.qcard .qa{font-family:var(--serif);font-weight:800;font-size:var(--fs-xl);line-height:1.2;margin:var(--s2) 0}
.qcard .qs{font-size:var(--fs-sm);color:var(--ink-soft)}

/* ============ NOT KUTULARI ============ */
.note{border-left:3px solid var(--wsj);background:var(--wsj-tint);padding:var(--s3) var(--s4);color:var(--ink-soft);line-height:1.55;margin:var(--s3) 0;max-width:90ch}
.note.warn{border-left-color:var(--neg);background:var(--neg-tint)}
.note.amber{border-left-color:var(--amber);background:var(--amber-tint)}
.note.pos{border-left-color:var(--pos);background:var(--pos-tint)}
.note i.fa{margin-right:var(--s2)}
.note .nt{display:block;font-weight:900;font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:var(--s1)}
/* 61 · D2: yorum kutusu — olgudan ayrı: serif italik + sol çizgi + hafif zemin; etiket sans büyük harf */
.yorum{border-left:3px solid var(--rule-strong);background:var(--surface-2);padding:var(--s2) var(--s3);font-style:italic;color:var(--ink-soft);
  font-family:var(--serif);margin-top:var(--s2);font-size:var(--fs-sm);line-height:1.55;max-width:80ch}
.yorum p{margin:0}
.yorum .nt{font-family:var(--sans);font-style:normal;font-weight:900;font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);display:flex;align-items:center;gap:var(--s1);margin-bottom:var(--s1)}
.yorum .nt .fa{color:var(--ink-mute)}
details.neden{margin-top:var(--s1)}
details.neden>summary{list-style:none;cursor:pointer;min-height:var(--touch);display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);font-weight:700;color:var(--wsj)}
details.neden>summary::-webkit-details-marker{display:none}
details.neden>summary::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.75em;transition:transform var(--dur) var(--ease)}
details.neden[open]>summary::after{transform:rotate(180deg)}
details.neden .yorum{margin-top:0}
.flag{display:flex;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--rule)}
.flag:last-child{border-bottom:none}
.flag .ico{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border:1.5px solid var(--neg);color:var(--neg);border-radius:50%;font-size:var(--fs-sm)}
.flag.moat .ico{border-color:var(--pos);color:var(--pos)}
.flag h4{font-size:var(--fs-md);margin-bottom:var(--s1)}
.flag p{font-size:var(--fs-sm)}

/* ============ PILL / ROZET ============ */
.pill{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--fs-2xs);font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:2px var(--s2);border:1px solid currentColor;line-height:1.5;white-space:nowrap}
.pill.b{color:var(--wsj)} .pill.g{color:var(--pos)} .pill.r{color:var(--neg)} .pill.a{color:var(--amber)} .pill.a2{color:var(--amber-soft)} .pill.m{color:var(--ink-mute)}
.cls{display:inline-grid;place-items:center;min-width:22px;height:18px;padding:0 3px;font-size:var(--fs-2xs);font-weight:900;color:var(--surface);border-radius:var(--r1);letter-spacing:0;vertical-align:1px}
.cls-A{background:var(--cls-a)} .cls-As{background:var(--cls-as)} .cls-B{background:var(--cls-b)} .cls-C{background:var(--cls-c)} .cls-D{background:var(--cls-d)} .cls-X{background:var(--ink-mute)}
/* durum rozeti (40-D1): renk + ikon + metin */
details.durum{display:inline-block;vertical-align:middle;max-width:100%}
details.durum>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:var(--touch)}
details.durum .dz{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-2xs);font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  padding:3px var(--s2);border:1px solid currentColor;line-height:1.2}
details.durum>summary::-webkit-details-marker{display:none}
details.durum[open] .dz{background:var(--surface-2)}
details.durum .dn{display:block;margin-bottom:var(--s1);font-size:var(--fs-xs);font-style:italic;color:var(--ink-soft);max-width:60ch;text-transform:none;letter-spacing:0;font-weight:400}
.du-ONAYLANDI{color:var(--pos)} .du-DOGRU{color:var(--wsj)} .du-TEYIT_BEKLIYOR{color:var(--amber)} .du-IDDIA{color:var(--claim)} .du-BELIRSIZ{color:var(--ink-mute)} .du-YANLIS{color:var(--neg)}
.du-YANLIS .dz{background:var(--neg-tint)}
.st{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-2xs);font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:2px var(--s2);border:1px solid currentColor;white-space:nowrap}
.st-tutuklu{color:var(--neg);background:var(--neg-tint)} .st-gozaltinda,.st-aranan{color:var(--amber);background:var(--amber-tint)} .st-adli_kontrol{color:var(--amber-soft)}
.st-serbest,.st-islem_yok,.st-yok,.st-bilinmiyor,.st-yurtdisi_yasagi{color:var(--ink-mute)}
.masum{font-size:var(--fs-xs);font-weight:700;color:var(--ink);border-top:1px dashed var(--rule-strong);padding-top:var(--s2);margin-top:auto}
.masum i{color:var(--wsj);margin-right:6px}

/* ============ KAYNAK SATIRI ============ */
.srcline{font-size:var(--fs-xs);color:var(--ink-mute);line-height:1.6;margin-top:var(--s1)}
.srcline .lab{font-weight:900;letter-spacing:.1em;text-transform:uppercase;font-size:var(--fs-2xs);margin-right:var(--s1)}
.kay{position:relative;display:inline;margin-right:var(--s2);color:var(--ink-mute);overflow-wrap:anywhere}
a.kay{color:var(--wsj);text-decoration:none}
a.kay:hover .kn,a.kay[target]:hover{text-decoration:underline}
.kay sup{font-weight:900;margin-right:2px}
.kay .fa{font-size:.8em;margin-left:2px}
.src{font-size:var(--fs-xs);color:var(--ink-mute);font-style:italic;line-height:1.5;margin-top:var(--s2)}

/* ============ PERDELER (dikey hikâye) ============ */
.perde{position:relative;padding-left:var(--s6);margin-bottom:var(--s7)}
.perde::before{content:"";position:absolute;left:10px;top:6px;bottom:-40px;width:2px;background:var(--rule-strong)}
.perde:last-child::before{bottom:0}
.perde .pnum{position:absolute;left:0;top:0;width:22px;height:22px;background:var(--wsj);color:var(--on-wsj);font-weight:900;font-size:var(--fs-xs);display:grid;place-items:center}
.perde .donem{font-size:var(--fs-xs);font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}
.perde h3{margin-top:var(--s1)}
.perde figure{margin:var(--s3) 0;max-width:720px}
.olgu{list-style:none;border-top:1px solid var(--rule);margin-top:var(--s3)}
.olgu>li{display:grid;grid-template-columns:120px 1fr;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--rule)}
.olgu .t{font-weight:900;font-size:var(--fs-xs);color:var(--ink);font-variant-numeric:tabular-nums}
.olgu .b{color:var(--ink-soft);line-height:1.55;min-width:0}
.olgu .row{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;margin-top:var(--s1)}
.cikarim{margin-top:var(--s3)}
.gun27{border:2px solid var(--ink);background:var(--surface);padding:var(--s4)}
.gun27 h3{margin-top:0}

/* ============ ZAMAN ÇİZELGESİ ============ */
.tl-controls{position:sticky;top:var(--mast-h);z-index:20;background:var(--paper);padding:var(--s3) 0;border-bottom:1px solid var(--rule);margin-bottom:var(--s3)}
.sec:nth-of-type(even) .tl-controls{background:var(--surface-2)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);margin:var(--s1) 0}
.chips .lab{font-size:var(--fs-2xs);font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);align-self:center;min-width:70px}
.chip{min-height:var(--touch);padding:0 var(--s3);border:1px solid var(--border-control);background:var(--surface);cursor:pointer;font-size:var(--fs-xs);font-weight:700;display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft)}
.chip[aria-pressed="true"]{background:var(--wsj);border-color:var(--wsj);color:var(--on-wsj)}
.chip[aria-pressed="true"] .fa{color:inherit} /* 96-W1: ikon basılıyken zeminle kaybolmasın */
.chip .sw{width:10px;height:10px;display:inline-block;border-radius:2px}
.fld{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}
.fld input[type=search],.fld select,.fld input[type=number]{min-height:var(--touch);border:1px solid var(--border-control);background:var(--surface);color:var(--ink);padding:0 var(--s3);font:inherit;font-size:var(--fs-sm);min-width:0}
.fld input[type=search]{flex:1 1 220px}
.fld label{font-size:var(--fs-xs);font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}
.count{font-size:var(--fs-xs);color:var(--ink-mute);margin:var(--s2) 0}
.tl-list{list-style:none}
.tl-item{display:grid;grid-template-columns:104px 1fr;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--rule)}
.tl-item .d{font-weight:900;font-size:var(--fs-xs);color:var(--ink);font-variant-numeric:tabular-nums}
.tl-item .d small{display:block;color:var(--ink-mute);font-weight:700}
.tl-item h4{font-family:var(--sans);font-size:var(--fs-md);font-weight:700;margin-bottom:var(--s1)}
.tl-item p{font-size:var(--fs-sm)}
.tl-item .tags{display:flex;flex-wrap:wrap;gap:var(--s1);margin:var(--s1) 0}
.lane-tag{font-size:var(--fs-2xs);font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:1px 6px;border-left:3px solid currentColor;background:var(--surface-2)}
.ln-piyasa{color:var(--c1)} .ln-spk{color:var(--c3)} .ln-yargi{color:var(--c2)} .ln-siyaset{color:var(--c5)} .ln-medya{color:var(--c4)} .ln-zemin{color:var(--ink-mute)}
.tl-lanes{display:none}
.tl-more{margin-top:var(--s4)}
.btn{min-height:var(--touch);padding:0 var(--s4);border:1px solid var(--wsj);background:var(--surface);color:var(--wsj);font-weight:900;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s2)}
.btn:hover,.btn[aria-pressed="true"]{background:var(--wsj);color:var(--on-wsj)}
.btn.ghost{border-color:var(--border-control);color:var(--ink)}
details.more>summary{cursor:pointer;min-height:var(--touch);display:flex;align-items:center;gap:var(--s2);font-weight:700;color:var(--wsj)}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary::before{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.8em;transition:transform var(--dur)}
details.more[open]>summary::before{transform:rotate(180deg)}

/* ============ GRAFİK ============ */
.chart-card{background:var(--surface);border:1px solid var(--rule);padding:var(--s4);box-shadow:var(--shadow);margin:var(--s4) 0;min-width:0}
.chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);flex-wrap:wrap;margin-bottom:var(--s2)}
.chart-title{font-family:var(--serif);font-weight:700;font-size:var(--fs-lg)}
.chart-unit{font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);font-weight:700}
.chart-holder{position:relative;height:420px;width:100%}
.chart-holder.sm{height:300px}
.chart-holder canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important}
.chart-fallback{font-size:var(--fs-xs);color:var(--ink-mute)}
.ev-list{list-style:none;columns:2;column-gap:var(--s5);font-size:var(--fs-xs);margin-top:var(--s3)}
.ev-list li{break-inside:avoid;margin-bottom:var(--s1);color:var(--ink-soft)}
.ev-list b{display:inline-grid;place-items:center;min-width:20px;height:20px;background:var(--ink);color:var(--paper);font-size:var(--fs-2xs);margin-right:6px}
.bars{display:flex;flex-direction:column;gap:var(--s2)}
.bar{display:grid;grid-template-columns:150px 1fr 70px;gap:var(--s2);align-items:center;font-size:var(--fs-sm)}
.bar .track{height:18px;background:var(--surface-2);border:1px solid var(--rule);position:relative}
.bar .fill{position:absolute;inset:0 auto 0 0;background:var(--wsj)}
.bar.neg .fill{background:var(--neg)}
.bar .v{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}

/* ============ DİYAGRAM ============ */
.diag{background:var(--surface);border:1px solid var(--rule);padding:var(--s3);margin:var(--s4) 0}
.diag-scroll{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}
.diag-scroll svg{display:block;width:100%;height:auto;min-width:760px}
.diag .dtools{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s2)}

/* ============ KİŞİ / ŞİRKET KARTLARI ============ */
.person{flex-direction:row;align-items:flex-start;gap:var(--s3)}
.pcard{display:flex;flex-direction:column;gap:var(--s2)}
.pcard .top{display:flex;gap:var(--s3);align-items:flex-start}
.avatar{flex:0 0 auto;width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--surface-2);border:2px solid var(--rule);display:grid;place-items:center;font-family:var(--serif);font-weight:800;font-size:var(--fs-xl);color:var(--ink-soft)}
.avatar img{width:100%;height:100%;object-fit:cover}
.pcard .who{min-width:0}
.pcard .ad{font-family:var(--serif);font-weight:700;font-size:var(--fs-lg);line-height:1.2}
.pcard .unvan{font-size:var(--fs-sm);color:var(--ink-soft);margin-top:2px}
.pcard .tags{display:flex;flex-wrap:wrap;gap:var(--s1)}
.pcard .hist{font-size:var(--fs-xs);color:var(--ink-mute);list-style:none;border-left:2px solid var(--rule);padding-left:var(--s2)}
.pcard .hist li{margin:2px 0}
.logo{width:76px;height:48px;display:grid;place-items:center;background:var(--hero-ink);border:1px solid var(--rule);padding:4px;flex:0 0 auto}
.logo img{max-width:100%;max-height:100%;object-fit:contain}
.logo.ph{font-family:var(--serif);font-weight:800;color:var(--wsj);background:var(--surface-2)}
.co-detail{border-top:1px solid var(--rule);padding-top:var(--s2)}
.co-detail h5{font-family:var(--sans);font-size:var(--fs-xs);font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin:var(--s3) 0 var(--s1)}
.mini-tl{list-style:none;font-size:var(--fs-sm)}
.mini-tl li{display:grid;grid-template-columns:88px 1fr;gap:var(--s2);padding:var(--s1) 0;border-bottom:1px dotted var(--rule)}
.hidden{display:none!important}
figure.fig{margin:var(--s3) 0}
figure.fig img{border:1px solid var(--rule);width:100%;background:var(--surface-2)}
figcaption,.cap{font-size:var(--fs-xs);color:var(--ink-mute);margin-top:var(--s1);line-height:1.45}

/* ============ PULLQUOTE ============ */
.pullquote{position:relative;border-left:5px solid var(--wsj);background:var(--hero-bg);color:var(--hero-ink);padding:var(--s4) var(--s5);margin:var(--s3) 0}
.pullquote blockquote{font-family:var(--serif);font-size:clamp(16px,1.3vw,20px);line-height:1.45;font-weight:600;color:var(--hero-ink)}
.pullquote blockquote::before{content:"\201C";font-size:2.4em;line-height:0;vertical-align:-.4em;color:var(--hero-accent);margin-right:6px}
.pullquote .by{margin-top:var(--s2);font-size:var(--fs-xs);color:var(--hero-mute);letter-spacing:.04em}
.pullquote .by a{color:var(--hero-accent)}
.pullquote .srcline{color:var(--hero-mute)} .pullquote a.kay{color:var(--hero-accent)}
/* 99-QA: koyu zemindeki .muted (2,58:1) → hero-mute */
.pullquote .muted{color:var(--hero-mute)}
blockquote.full{border-left:4px solid var(--rule-strong);padding:var(--s3) var(--s4);background:var(--surface);font-family:var(--serif);color:var(--ink-soft);margin:var(--s3) 0;max-width:80ch}
blockquote.full p{font-size:var(--fs-md)}

/* ============ AĞ ============ */
.net-wrap{display:grid;grid-template-columns:1fr 320px;gap:var(--s4);margin-top:var(--s3)}
.net-stage{position:relative;background:var(--surface);border:1px solid var(--rule);height:640px;overflow:hidden;touch-action:none;min-width:0}
.net-stage svg{width:100%;height:100%;display:block;cursor:grab;user-select:none;-webkit-user-select:none}
.net-stage svg.dragging{cursor:grabbing}
.net-tools{position:absolute;right:var(--s2);top:var(--s2);display:flex;flex-direction:column;gap:var(--s1);z-index:3}
.net-panel{background:var(--surface);border:1px solid var(--rule);padding:var(--s4);max-height:640px;overflow-y:auto;min-width:0}
.net-panel h4{font-size:var(--fs-lg)}
.linkbtn{background:none;border:0;color:var(--wsj);text-decoration:underline;cursor:pointer;min-height:var(--touch);display:inline-flex;align-items:center;text-align:left;font-weight:700}
.net-legend{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);font-size:var(--fs-xs);color:var(--ink-soft);margin:var(--s3) 0}
.net-legend span{display:inline-flex;align-items:center;gap:6px}
.net-legend svg{width:18px;height:18px}
.nd .shape{stroke:var(--surface);stroke-width:1.5}
.nd text{font-size:var(--fs-2xs);fill:var(--ink);paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round;pointer-events:none;font-family:var(--sans)}
.nd.sel .shape{stroke:var(--ink);stroke-width:3}
.nd.pinned .shape{stroke:var(--ink);stroke-dasharray:3 2}
.nd.dim,.ed.dim{opacity:.12}
.ed{stroke:var(--ink-mute);stroke-opacity:.55;fill:none}
.ed.k{stroke-dasharray:5 4}
.ed.hi{stroke:var(--wsj);stroke-opacity:1;stroke-width:2}
.gf-tera{fill:var(--g-tera)} .gf-pusula{fill:var(--g-pusula)} .gf-katilimevim{fill:var(--g-katilimevim)} .gf-hedef{fill:var(--g-hedef)} .gf-bulls{fill:var(--g-bulls)}
.gf-ozata{fill:var(--g-ozata)} .gf-digerfon{fill:var(--g-digerfon)} .gf-devlet{fill:var(--g-devlet)} .gf-siyaset{fill:var(--g-siyaset)} .gf-diger{fill:var(--g-diger)}
.gs-tera{background:var(--g-tera)} .gs-pusula{background:var(--g-pusula)} .gs-katilimevim{background:var(--g-katilimevim)} .gs-hedef{background:var(--g-hedef)} .gs-bulls{background:var(--g-bulls)}
.gs-ozata{background:var(--g-ozata)} .gs-digerfon{background:var(--g-digerfon)} .gs-devlet{background:var(--g-devlet)} .gs-siyaset{background:var(--g-siyaset)} .gs-diger{background:var(--g-diger)}

/* ============ İKİ SÜTUN / KANIT ============ */
.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.kanitlar{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.kanit{background:var(--surface);border:1px solid var(--rule);display:flex;flex-direction:column}
.kanit button.thumb{border:0;padding:0;background:var(--surface-2);cursor:zoom-in;height:220px;overflow:hidden;display:block;width:100%}
.kanit button.thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.kanit .kb{padding:var(--s3);display:flex;flex-direction:column;gap:var(--s1);font-size:var(--fs-sm)}
.kanit .kb b{font-family:var(--serif);font-size:var(--fs-md)}
.lightbox{position:fixed;inset:0;z-index:120;display:none;background:var(--scrim)}
.lightbox.open{display:flex;flex-direction:column}
.lightbox .lb-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s2) var(--gutter);background:var(--surface);border-bottom:1px solid var(--rule)}
.lightbox .lb-bar p{font-size:var(--fs-sm);margin:0}
.lightbox .lb-body{flex:1 1 auto;overflow:auto;padding:var(--s4) var(--gutter);display:flex;justify-content:center}
.lightbox .lb-body img{max-width:min(900px,100%);height:auto;border:1px solid var(--rule)}
.lightbox .lb-body .diag-big{background:var(--surface);min-width:1100px;padding:var(--s3)}
.lightbox .lb-body .diag-big svg{width:100%;height:auto}

/* ============ DÜNYA BASINI (95-B04) ============ */
.yk h4{font-family:var(--serif);font-style:italic}
.yk .yk-tr{font-weight:700;color:var(--ink)}
blockquote.yk-q{border-left:3px solid var(--rule-strong);padding:var(--s1) var(--s3);margin:var(--s1) 0}
blockquote.yk-q p{font-size:var(--fs-sm)}
/* 95-W07 / 40-D5a: metin içi sözlük bağlantısı */
a.gl{color:inherit;text-decoration:underline dotted var(--ink-mute);text-underline-offset:3px}
a.gl:hover{color:var(--wsj)}
/* 95-I06: şerit görünümü ARIA satırı, ızgarayı bozmadan */
.lane-grid [role="row"]{display:contents}

/* ============ KAYNAKÇA ============ */
.kaynakca h4{margin-top:var(--s4);font-family:var(--sans);font-size:var(--fs-xs);font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.kaynakca ol{margin-left:var(--s6);font-size:var(--fs-sm);color:var(--ink-soft)}
.kaynakca li{margin:var(--s1) 0;overflow-wrap:anywhere}
.checklist{list-style:none}
.checklist li{border-bottom:1px solid var(--rule);padding:var(--s2) 0}
.checklist label{display:flex;gap:var(--s3);align-items:flex-start;cursor:pointer;min-height:var(--touch)}
.checklist input{width:22px;height:22px;flex:0 0 auto;margin-top:3px;accent-color:var(--wsj);outline:1px solid var(--border-control)}
.checklist small{display:block;color:var(--ink-mute);font-size:var(--fs-xs)}
.gloss{display:grid;grid-template-columns:1fr;gap:0}
.gloss details{border-bottom:1px solid var(--rule)}
.gloss summary{cursor:pointer;min-height:var(--touch);display:flex;align-items:center;font-weight:700}
.gloss .gd{padding:0 0 var(--s3);font-size:var(--fs-sm);color:var(--ink-soft);display:flex;flex-direction:column;gap:var(--s1)}
.gloss details:target>summary,.gloss details.flash>summary{background:var(--wsj-tint)}
.gloss .es{font-size:var(--fs-xs)}
.glgrp{scroll-margin-top:calc(var(--mast-h) + var(--s3))}
.gl-l{font-family:var(--serif);font-size:var(--fs-xl);color:var(--ink);border-bottom:2px solid var(--ink);margin:var(--s5) 0 0;padding-bottom:var(--s1)}
.azbar{display:flex;flex-wrap:wrap;gap:var(--s1);margin:var(--s2) 0 var(--s3)}
.azbar a{min-width:var(--touch);min-height:var(--touch);display:inline-grid;place-items:center;border:1px solid var(--border-control);
  background:var(--surface);color:var(--ink);font-weight:900;text-decoration:none;font-size:var(--fs-sm)}
.azbar a:hover{background:var(--wsj-tint);color:var(--wsj-deep)}

/* 61-5 · sözlük: metin içi düğme + popover (masaüstü) / alt çekmece (mobil) */
button.gl{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:inherit;cursor:help;
  text-decoration:underline dotted var(--ink-mute);text-decoration-thickness:1px;text-underline-offset:3px;display:inline}
button.gl:hover,button.gl[aria-expanded="true"]{color:var(--wsj);text-decoration-color:var(--wsj)}
.glpop{position:fixed;z-index:80;width:min(360px,calc(100vw - 2 * var(--gutter)));background:var(--surface);color:var(--ink);
  border:1px solid var(--rule-strong);border-top:3px solid var(--wsj);box-shadow:var(--shadow-lg);padding:var(--s3) var(--s4) var(--s4);font-size:var(--fs-sm);line-height:1.5}
.glpop[hidden]{display:none}
.glpop .gp-h{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s2)}
.glpop .gp-h h2{font-family:var(--serif);font-size:var(--fs-lg);margin:0;padding-top:var(--s2);line-height:1.25}
.glpop .gp-k{font-size:var(--fs-2xs);font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}
.glpop p{margin:var(--s2) 0 0;color:var(--ink-soft)}
.glpop .gp-go{display:inline-flex;align-items:center;gap:var(--s1);min-height:var(--touch);font-weight:700;margin-top:var(--s1)}
.glpop.sheet{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-height:72vh;overflow-y:auto;border-left:0;border-right:0;border-bottom:0;
  padding:var(--s3) var(--gutter) calc(var(--s5) + env(safe-area-inset-bottom))}
.glpop.sheet::before{content:"";display:block;width:40px;height:4px;margin:0 auto var(--s2);background:var(--rule-strong);border-radius:var(--r-pill)}

/* 61-4 · finansal yorum kartları */
.fy-box{margin-top:var(--s6);border-top:2px solid var(--ink);padding-top:var(--s3)}
.fy-h{display:flex;align-items:center;gap:var(--s2)}
.fy-h .fa{color:var(--wsj)}
.card.fy{border-top:3px solid var(--wsj)}
.formul{margin:0}
.formul code{display:block;font-family:var(--mono);font-size:var(--fs-xs);line-height:1.5;color:var(--ink);background:var(--surface-2);
  border:1px solid var(--rule);padding:var(--s2) var(--s3);white-space:pre-wrap;overflow-wrap:anywhere}
.ngoster{font-size:var(--fs-sm);color:var(--ink-soft)}
.ngoster .fa{color:var(--ink-mute);margin-right:var(--s1)}

/* 61-2 · dondurma: zaman şeridi, tablo, çelişkili kart */
ol.serit{list-style:none;position:relative;margin:var(--s3) 0 var(--s4);padding-left:var(--s5)}
ol.serit::before{content:"";position:absolute;left:7px;top:var(--s2);bottom:var(--s2);border-left:2px solid var(--rule-strong)}
ol.serit>li{position:relative;padding:0 0 var(--s4);display:grid;grid-template-columns:120px 1fr;gap:var(--s3)}
ol.serit>li::before{content:"";position:absolute;left:calc(-1 * var(--s5) + 2px);top:6px;width:12px;height:12px;border-radius:var(--r-pill);background:var(--paper);border:3px solid var(--wsj)}
ol.serit .t{font-weight:900;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}
ol.serit .b{min-width:0;color:var(--ink-soft)}
ol.serit .b p{font-size:var(--fs-sm);margin-top:var(--s1)}
table.dz-tbl{min-width:1120px}
table.dz-tbl td{vertical-align:top}
table.dz-tbl th:nth-child(2),table.dz-tbl td:nth-child(2){min-width:200px}
table.dz-tbl th:last-child,table.dz-tbl td:last-child{min-width:170px}
table.dz-tbl th:nth-child(7),table.dz-tbl td:nth-child(7){min-width:240px}
table.dz-tbl details.durum .dz{white-space:nowrap}
.chip[aria-pressed="true"] .muted{color:inherit}
#idd-tbl td:first-child{min-width:170px}
#idd-tbl td:nth-child(2){min-width:120px}
#idd-tbl td:last-child{min-width:280px}
.gloss summary{justify-content:space-between;gap:var(--s2)}
.gloss summary::-webkit-details-marker{display:none}
.gloss details[id^="terim-"]>summary{list-style:none}
.gloss details[id^="terim-"]>summary::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.75em;color:var(--ink-mute);transition:transform var(--dur) var(--ease)}
.gloss details[id^="terim-"][open]>summary::after{transform:rotate(180deg)}
table.dz-tbl td strong{font-size:var(--fs-sm)}
table.dz-tbl .srcline{margin-top:0}
.card.belirsiz{border-left:4px solid var(--ink-mute);margin-top:var(--s5)}

/* 61-3 · kavram kartı + kırmızı bayrak */
.kavram .rakam{background:var(--surface-2);border-left:3px solid var(--wsj);padding:var(--s2) var(--s3)}
.kavram .nt,.ders .nt{display:block;font-weight:900;font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}
.ders{border-top:1px solid var(--rule);padding-top:var(--s2)}
.ders .nt .fa{margin-right:var(--s1);color:var(--wsj)}
.ders p{font-weight:700;color:var(--ink)}
.kb-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2);border-bottom:2px solid var(--ink);padding-bottom:var(--s2);margin-top:var(--s3)}
.kb-count{font-family:var(--serif);font-weight:900;font-size:var(--fs-2xl);line-height:1}
.checklist .kbm{display:block;font-weight:700;color:var(--ink)}
.checklist .kbl{display:block;margin-top:var(--s1)}
.checklist input:checked+span .kbm{color:var(--wsj-deep)}
footer.foot{padding:var(--s7) 0;background:var(--hero-bg);color:var(--hero-soft);font-size:var(--fs-sm)}
footer.foot p{color:var(--hero-soft)}
/* 99-QA: footer <strong> global --ink rengini alıyordu (1,10:1) */
footer.foot strong{color:var(--hero-ink)}
footer.foot a{color:var(--hero-accent)}
.totop{position:fixed;right:var(--gutter);bottom:var(--gutter);z-index:50;opacity:0;pointer-events:none;transition:opacity var(--dur)}
.totop.show{opacity:1;pointer-events:auto}

/* ============ TABLET / MASAÜSTÜ ============ */
@media (min-width:980px){
  .ibtn .lbl{display:inline}
  .tl-lanes.on{display:block}
  .tl-list.off{display:none}
}
@media (max-width:979px){
  .lanebtn{display:none!important}
  .net-wrap{grid-template-columns:1fr}
  .net-stage{height:min(72vh,520px)}
  .net-panel{max-height:none}
}
.lane-grid{display:grid;grid-template-columns:96px repeat(6,minmax(0,1fr));gap:0;border-top:2px solid var(--ink)}
.lane-grid .lh{font-size:var(--fs-2xs);font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:var(--s2) var(--s1);border-bottom:2px solid var(--ink);position:sticky;top:calc(var(--mast-h) + 0px);background:var(--paper);z-index:2}
.lane-grid .ld{font-weight:900;font-size:var(--fs-xs);padding:var(--s2) var(--s1);border-bottom:1px solid var(--rule);font-variant-numeric:tabular-nums}
.lane-grid .lc{border-bottom:1px solid var(--rule);border-left:1px dashed var(--rule);padding:var(--s1);min-width:0}
.lane-grid .ev{background:var(--surface);border:1px solid var(--rule);border-left:3px solid currentColor;padding:var(--s1) var(--s2);font-size:var(--fs-xs);color:var(--ink);text-align:left;width:100%;cursor:pointer;line-height:1.35}
.lane-grid .ev:hover{background:var(--wsj-tint)}
@media (max-width:760px){
  :root{--mast-h:52px}
  .sec{padding:var(--s6) 0}
  .mast .sect{display:none}
  .drawer .panel{width:100%;border-left:0}
  .olgu>li,.tl-item{grid-template-columns:1fr;gap:var(--s1)}
  .two{grid-template-columns:1fr}
  .grid.g2{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s3)}
  .bigstat .n{font-size:var(--fs-2xl)}
  .chart-holder{height:300px}
  .chart-holder.sm{height:270px}
  .ev-list{columns:1}
  .perde{padding-left:var(--s5)}
  .perde::before{left:8px}
  .perde .pnum{width:18px;height:18px;font-size:var(--fs-2xs)}
  .swipe-hint{display:block}
  .bar{grid-template-columns:110px 1fr 58px;font-size:var(--fs-xs)}
  .hero{min-height:auto}
  .hero .wrap{padding-top:var(--s7);padding-bottom:var(--s6)}
  .chips .lab{min-width:100%}
  .tl-controls{position:static}
  .chip{padding:0 var(--s2);font-size:var(--fs-xs)}
  .kanitlar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kanit button.thumb{height:160px}
  ol.serit>li{grid-template-columns:1fr;gap:var(--s1)}
  .fy-box{margin-top:var(--s5)}
  .kb-count{font-size:var(--fs-xl)}
}
@media (max-width:380px){
  .kpis{grid-template-columns:1fr}
  .kanitlar{grid-template-columns:1fr}
  .bigstat .n{font-size:var(--fs-2xl)}
}

/* ==========================================================================
   72 · v3 bileşenleri: dış bağlantı ikonu, CSS görsel, olay örgüsü zaman çizelgesi,
   "Bir bakışta" yatay şerit, 27 Eylül saatli çizelge, biyografi kartları.
   Renkler yalnız token (palet.css: --lane/--band/--grp-*/--sec); ölçüler --s*/--fs-*.
   ========================================================================== */
a.kay[target]::after{content:"\f08e";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.72em;margin-left:3px;display:inline-block}
.pimg{display:block;width:100%;height:100%;background-size:cover;background-position:center 20%;background-repeat:no-repeat;
  -webkit-print-color-adjust:exact;print-color-adjust:exact}
.logo .pimg{background-size:contain;background-position:center;mix-blend-mode:multiply}
/* açık renkli, saydam zeminli logolar (beyaz yazı) koyu plakada */
.logo.dk{background:var(--hero-bg);border-color:var(--hero-bg)}
.logo.dk .pimg{mix-blend-mode:normal}
.pill.gp{color:var(--ink-soft)}
.pill .sw,.chip .sw{width:10px;height:10px;display:inline-block;border-radius:2px;flex:0 0 auto}
.chip .sw+.sw{margin-left:-3px}
.chip[aria-pressed="true"] .sw{box-shadow:0 0 0 1.5px var(--on-wsj)}
.flash{outline:3px solid var(--wsj);outline-offset:3px}
.bio-go{display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--touch);font-weight:700;font-size:var(--fs-sm);text-decoration:none}
.bio-go:hover{text-decoration:underline}

/* ---- olay örgüsü: dikey zaman çizelgesi */
.zc-toc{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);margin:0 0 var(--s3)}
.zc-toc a{display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--touch);padding:0 var(--s3);border:1px solid var(--rule-strong);
  border-top:3px solid var(--band);background:var(--surface);color:var(--ink);text-decoration:none;font-size:var(--fs-xs);font-weight:700}
.zc-toc a b{font-family:var(--serif);font-size:var(--fs-md);color:var(--ink)}
.zc-toc a:hover{background:var(--wsj-tint)}
.zc-flt{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:var(--s2) 0;margin-bottom:var(--s4)}
.zc{--zc-date:112px;--zc-ax:24px}
.zc-perde{margin-bottom:var(--s7);scroll-margin-top:calc(var(--mast-h) + var(--s2))}
.zc-ph{position:sticky;top:var(--mast-h);z-index:15;display:flex;gap:var(--s3);align-items:center;background:var(--sec-bg,var(--paper));
  padding:var(--s2) 0;border-bottom:3px solid var(--band)}
.zc-pn{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;background:var(--band);color:var(--surface);
  font-family:var(--serif);font-weight:900;font-size:var(--fs-xl)}
.zc-pt{min-width:0}
.zc-ph .donem{font-size:var(--fs-2xs);font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}
.zc-ph h3{margin:0;font-size:clamp(17px,1.6vw,22px);line-height:1.2}
.zc-giris{margin:var(--s3) 0 var(--s2);max-width:78ch}
.zc-track{position:relative;padding:var(--s2) 0}
.zc-track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--zc-date) + var(--s3) + var(--zc-ax) / 2 - 1px);width:2px;background:var(--rule-strong)}
.zc-node,.zc-fig,.zc-yr{position:relative;display:grid;grid-template-columns:var(--zc-date) var(--zc-ax) minmax(0,1fr);column-gap:var(--s3);
  grid-template-areas:"date dot card"}
.zc-node{padding:var(--s2) 0}
.zc-date{grid-area:date;text-align:right;padding-top:var(--s2)}
.zc-dr{display:inline-block;font-weight:900;font-size:var(--fs-xs);line-height:1.3;color:var(--ink);background:var(--surface);
  border:1px solid var(--rule-strong);border-right:3px solid var(--lane,var(--rule-strong));padding:2px var(--s2);max-width:100%;overflow-wrap:anywhere}
.zc-dot{grid-area:dot;justify-self:center;margin-top:var(--s3);width:16px;height:16px;border-radius:var(--r-pill);background:var(--lane,var(--ink-mute));
  border:3px solid var(--sec-bg,var(--paper));box-shadow:0 0 0 1px var(--lane,var(--ink-mute));z-index:1}
.zc-card{grid-area:card;min-width:0;background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--lane,var(--rule-strong));
  padding:var(--s3) var(--s4);box-shadow:var(--shadow)}
.zc-tags{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);align-items:center}
.zc-h{font-family:var(--serif);font-size:var(--fs-md);line-height:1.35;margin:var(--s1) 0}
.zc-card .zc-p{font-size:var(--fs-sm);color:var(--ink-soft);margin-top:var(--s1);max-width:none}
.zc-yr{padding:var(--s3) 0 var(--s1)}
.zc-yr span{grid-area:date;text-align:right;font-family:var(--serif);font-weight:900;font-size:var(--fs-xl);line-height:1;color:var(--band,var(--ink))}
.zc-yr::after{content:"";grid-area:dot;justify-self:center;align-self:center;width:12px;height:12px;background:var(--band,var(--ink));transform:rotate(45deg);z-index:1}
.zc-yr-big span{font-size:var(--fs-2xl)}
.zc-yr-big::after{width:16px;height:16px}
.zc-fig{padding:var(--s2) 0}
.zc-fm{grid-area:dot;justify-self:center;margin-top:var(--s3);width:24px;height:24px;display:grid;place-items:center;background:var(--band);
  color:var(--surface);font-size:var(--fs-2xs);z-index:1}
.zc-fig figure{grid-area:card;margin:0;max-width:720px;background:var(--surface);border:1px solid var(--rule);border-top:3px solid var(--band);padding:var(--s2)}
.zc-fig figure img{border:0}
.zc-perde .cikarim{margin-left:calc(var(--zc-date) + var(--zc-ax) + 2 * var(--s3))}

/* ---- 27 Eylül: saatli mini zaman çizelgesi */
ol.saat-zc{list-style:none;position:relative;margin-top:var(--s3)}
ol.saat-zc::before{content:"";position:absolute;top:var(--s2);bottom:var(--s2);left:calc(96px + var(--s3) + 9px);width:2px;background:var(--rule-strong)}
.sz-node{position:relative;display:grid;grid-template-columns:96px 20px minmax(0,1fr);column-gap:var(--s3);padding:var(--s2) 0;border-bottom:1px dotted var(--rule)}
.sz-t{text-align:right;font-weight:900;font-size:var(--fs-sm);color:var(--ink);padding-top:var(--s1)}
.sz-dot{justify-self:center;margin-top:var(--s2);width:14px;height:14px;border-radius:var(--r-pill);background:var(--lane,var(--ink-mute));
  border:3px solid var(--surface);box-shadow:0 0 0 1px var(--lane,var(--ink-mute));z-index:1}
.sz-b{min-width:0}
.sz-b p{font-size:var(--fs-sm)}
.sz-son{border-bottom:0;background:var(--amber-tint);margin-top:var(--s2)}
.sz-son .sz-t{color:var(--amber)}

/* ---- "Bir bakışta" yatay şerit */
.bb{margin:var(--s5) 0;border-top:2px solid var(--ink);padding-top:var(--s3)}
.bb-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.bb-head h3{margin:0}
.bb-nav{display:flex;gap:var(--s1);flex:0 0 auto}
.bb-btn:disabled{opacity:.4;cursor:default}
.bb-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-x:contain;
  scroll-padding-left:var(--s2);margin-top:var(--s2);padding-bottom:var(--s2);border:1px solid var(--rule);background:var(--surface)}
.bb-bands{list-style:none;display:flex;width:max-content}
.bb-band{display:flex;flex-direction:column;border-top:5px solid var(--band);background:var(--surface-2);
  background:color-mix(in srgb,var(--band) 9%,var(--surface));border-right:1px solid var(--rule)}
.bb-bl{position:sticky;left:0;padding:var(--s2) var(--s3) 0;font-size:var(--fs-2xs);font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap}
.bb-bl b{color:var(--ink);font-size:var(--fs-xs)}
.bb-evs{list-style:none;display:flex;position:relative;padding:var(--s2) var(--s2) var(--s3)}
.bb-evs::before{content:"";position:absolute;left:0;right:0;top:calc(var(--s2) + 30px);height:2px;background:var(--rule-strong)}
.bb-ev{scroll-snap-align:start;flex:0 0 auto;width:176px;padding:0 var(--s1)}
.bb-a{position:relative;display:flex;flex-direction:column;gap:var(--s1);height:100%;min-height:var(--touch);padding:var(--s1) var(--s2) var(--s2);
  color:var(--ink);text-decoration:none;border-radius:var(--r1)}
.bb-a:hover{background:var(--wsj-tint)}
.bb-d{font-weight:900;font-size:var(--fs-2xs);letter-spacing:.04em;color:var(--ink-mute);white-space:nowrap}
.bb-dot{width:16px;height:16px;border-radius:var(--r-pill);background:var(--lane,var(--ink-mute));border:3px solid var(--surface);box-shadow:0 0 0 1px var(--lane,var(--ink-mute));z-index:1}
.bb-t{font-size:var(--fs-sm);font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.bb-du{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--fs-2xs);font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin-top:auto}

/* ---- biyografi kartları */
.bio-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start}
.bio-card{gap:var(--s2);scroll-margin-top:calc(var(--mast-h) + var(--s3))}
.bio-top{display:flex;gap:var(--s3);align-items:flex-start}
.bio-top .avatar{width:80px;height:80px}
.bio-card .who{min-width:0}
.bio-card h3.ad{font-family:var(--serif);font-weight:700;font-size:var(--fs-lg);line-height:1.2;margin:0}
.bio-card .unvan{font-size:var(--fs-sm);color:var(--ink-soft);margin:2px 0 var(--s2)}
.bio-card .tags{display:flex;flex-wrap:wrap;gap:var(--s1)}
.bio-oz{font-size:var(--fs-sm)}
.bio-sinirli{font-size:var(--fs-xs);font-style:italic;color:var(--ink-mute)}
.bio-sinirli .fa{margin-right:var(--s1)}
.bio-card.sm .bio-top .avatar{width:56px;height:56px;font-size:var(--fs-lg)}
details.bio-more{border-top:1px solid var(--rule)}
details.bio-more>summary{list-style:none;cursor:pointer;min-height:var(--touch);display:flex;align-items:center;justify-content:space-between;gap:var(--s2);
  font-weight:900;font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--wsj)}
details.bio-more>summary::-webkit-details-marker{display:none}
details.bio-more>summary::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;transition:transform var(--dur) var(--ease)}
details.bio-more[open]>summary::after{transform:rotate(180deg)}
.bio-body{display:flex;flex-direction:column;gap:var(--s2);padding-bottom:var(--s2)}
.bio-body h5{font-family:var(--sans);font-size:var(--fs-2xs);font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-top:var(--s2)}
.bio-body h5 .fa{color:var(--sec,var(--ink-mute));margin-right:var(--s1)}
.bio-body p,.bio-body li{font-size:var(--fs-sm)}
.bio-ul{list-style:none}
.bio-ul li{padding:var(--s1) 0;border-bottom:1px dotted var(--rule)}
ol.bio-kr,ol.bio-st{list-style:none;position:relative;padding-left:var(--s4)}
ol.bio-kr::before,ol.bio-st::before{content:"";position:absolute;left:4px;top:var(--s2);bottom:var(--s2);width:2px;background:var(--rule-strong)}
ol.bio-kr li,ol.bio-st li{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--s2);padding:var(--s1) 0}
ol.bio-kr li::before,ol.bio-st li::before{content:"";position:absolute;left:calc(-1 * var(--s4) + 1px);top:.65em;width:8px;height:8px;border-radius:var(--r-pill);
  background:var(--sec,var(--ink-mute))}
ol.bio-st li{grid-template-columns:96px auto;align-items:center;justify-content:start}
.bio-kr .yr,.bio-st .yr{font-weight:900;font-size:var(--fs-xs);color:var(--ink)}
.bio-tw{max-width:100%;overflow-x:auto;border:1px solid var(--rule);background:var(--surface)}
table.bio-tbl{min-width:0;font-size:var(--fs-xs)}
table.bio-tbl td{padding:var(--s1) var(--s2)}
table.bio-tbl th{padding:var(--s1) var(--s2)}
.kay.ks{margin:0 0 0 var(--s1);font-size:var(--fs-2xs);white-space:nowrap}
.bio-bl li{font-size:var(--fs-sm)}

@media (max-width:759px){
  .zc{--zc-date:0px;--zc-ax:20px}
  .zc-track::before{left:9px}
  .zc-node,.zc-fig{grid-template-columns:var(--zc-ax) minmax(0,1fr);column-gap:var(--s2);grid-template-areas:"dot date" "dot card";row-gap:var(--s1)}
  .zc-yr{grid-template-columns:var(--zc-ax) minmax(0,1fr);column-gap:var(--s2);grid-template-areas:"dot date"}
  .zc-yr span{text-align:left}
  .zc-date{text-align:left;padding-top:0}
  .zc-dot{margin-top:2px;width:14px;height:14px}
  .zc-fm{margin-top:0;width:20px;height:20px}
  .zc-fig{grid-template-areas:"dot card"}
  .zc-card{padding:var(--s2) var(--s3)}
  .zc-perde .cikarim{margin-left:0}
  .zc-ph{gap:var(--s2)}
  .zc-pn{width:32px;height:32px;font-size:var(--fs-lg)}
  .zc-ph h3{font-size:var(--fs-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  ol.saat-zc::before{left:9px}
  .sz-node{grid-template-columns:20px minmax(0,1fr);grid-template-areas:"dot t" "dot b";column-gap:var(--s2)}
  .sz-t{grid-area:t;text-align:left;padding-top:0}
  .sz-dot{grid-area:dot;margin-top:4px}
  .sz-b{grid-area:b}
  .bb-nav{display:none}
  .bb-ev{width:156px}
  .bio-grid{grid-template-columns:minmax(0,1fr)}
  .bio-top .avatar{width:64px;height:64px}
  ol.bio-kr li{grid-template-columns:minmax(0,1fr);gap:0}
  /* görev tablosu dar ekranda satır kartına döner (sütunlar sıkışıp harf harf kırılmasın) */
  table.bio-tbl,table.bio-tbl tbody,table.bio-tbl tr,table.bio-tbl td{display:block;width:100%}
  table.bio-tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  table.bio-tbl tr{border-bottom:1px solid var(--rule);padding:var(--s1) 0}
  table.bio-tbl td{border:0;padding:1px var(--s2);overflow-wrap:break-word}
  table.bio-tbl td:first-child{font-size:var(--fs-2xs);font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}
  table.bio-tbl td:nth-child(3):empty,table.bio-tbl td:nth-child(3){color:var(--ink-mute)}
}
@media (hover:none){ .bb-nav{display:none} }

/* ============ HAREKET ============ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ============ BASKI ============ */
/* 96-B4 / 95-W8: baskıda yalnız token override (bileşen seviyesinde ham renk yok). Seçici listesi koyu mod
   bloklarının özgüllüğünü (0,2,0) karşılar ve sonra geldiği için OS-koyu + baskıda da açık palet kazanır. */
@media print{
  :root,:root:not([data-theme="light"]),:root[data-theme="dark"],:root[data-theme="light"]{
    --paper:#FFFFFF; --surface:#FFFFFF; --surface-2:#FFFFFF; --ink:#000000; --ink-soft:#222222; --ink-mute:#444444;
    --wsj:#00456E; --wsj-deep:#003D63; --on-wsj:#FFFFFF; --wsj-tint:transparent; --neg-tint:transparent; --amber-tint:transparent; --pos-tint:transparent;
    --rule:#BDBDBD; --rule-strong:#888888; --border-control:#666666;
    --pos:#1E5E22; --neg:#A01F1F; --amber:#7A4700; --amber-soft:#5E4C00;
    --cls-a:#2E7D32; --cls-as:#1F6F5C; --cls-b:#00578B; --cls-c:#9A5B00; --cls-d:#6B4FA0;
    --hero-bg:var(--paper); --hero-ink:var(--ink); --hero-soft:var(--ink-soft); --hero-mute:var(--ink-soft); --hero-accent:var(--wsj); --hero-rule:var(--rule);
    --d-text:#000000; --d-muted:#333333; --d-primary-fill:#FFFFFF; --d-process-fill:#FFFFFF; --d-accent-fill:#FFFFFF; --d-neutral-fill:#FFFFFF;
    --d-warn-fill:#FFFFFF; --d-error-fill:#FFFFFF; --d-line:#333333; --d-line-key:#00456E;
    --d-primary-stroke:#00456E; --d-process-stroke:#00456E; --d-accent-stroke:#7A4700; --d-neutral-stroke:#555555; --d-warn-stroke:#7A6300; --d-error-stroke:#A01F1F;
    color-scheme:light;
  }
  body{background:var(--paper);color:var(--ink)}
  .mast,#progress,.drawer,.tl-controls,.net-stage,.net-tools,.totop,.lightbox,.skip,.ibtn,.btn,.chips,.fld,.chart-holder,.kanit button.thumb,
  .glpop,.azbar,#gl-count,#dz-count{display:none!important}
  button.gl{text-decoration:none}
  details.neden>summary::after{content:none}
  .gloss details.hidden,.glgrp.hidden{display:block!important}
  .dz-tbl tr.hidden{display:table-row!important}
  table.dz-tbl{min-width:0}
  .yorum{background:var(--paper)}
  .card.fy,.kavram,.serit>li{break-inside:avoid}
  .hero{min-height:auto}
  .hero .hero-img{display:none}
  .sec{padding:var(--s4) 0;break-inside:auto}
  .card,.lesson,.note,.olgu>li,.tl-item,.bigstat{break-inside:avoid}
  .tblwrap{overflow:visible;border:0}
  table.wsj{min-width:0}
  details>*{display:block}
  a.kay::after,a.kay[target]::after{content:" <" attr(href) ">";font-family:var(--sans);font-weight:400;font-size:var(--fs-2xs);overflow-wrap:anywhere}
  .zc-ph{position:static}
  .bb-scroll{overflow:visible;border:0}
  .bb-bands{flex-wrap:wrap;width:auto}
  .bb-nav,.zc-flt,.zc-toc{display:none!important}
  details.bio-more>summary::after{content:none}
  .zc-card,.bio-card,.sz-node{break-inside:avoid}
  .chart-fallback{display:block!important}
}

/* ==========================================================================
   74 · Görsel bağlama: metin rozeti (logosu olmayan kurum), küçük kurum logosu,
   dondurma tablosu logo ikonu. Yalnız token (--s*/--fs-*/renk token'ları).
   ========================================================================== */
.logo.tx{font-family:var(--sans);font-weight:900;font-size:var(--fs-2xs);letter-spacing:.02em;line-height:1.1;text-align:center;
  color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--rule-strong);overflow-wrap:anywhere}
.logo.sm{width:calc(var(--s7) + var(--s3));height:calc(var(--s6) + var(--s2))}
ul.kurum-row{list-style:none;margin:0 0 var(--s3);padding:0;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3)}
ul.kurum-row .kurum{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1);max-width:calc(var(--s8) + var(--s5))}
ul.kurum-row .kl-cap{font-size:var(--fs-2xs);line-height:1.25;color:var(--ink-mute)}
.dz-co{display:flex;align-items:center;gap:var(--s2)}
/* logo sütunu genişledi → tablo ve "Bilinen bağ" sütunu da genişler (dar sütunda kelime kırılmasın) */
table.dz-tbl{min-width:calc(var(--s8) * 17)}
table.dz-tbl th:nth-child(2),table.dz-tbl td:nth-child(2){min-width:calc(var(--s8) * 3 + var(--s6))}
table.dz-tbl th:nth-child(5),table.dz-tbl td:nth-child(5){min-width:calc(var(--s8) * 3)}
table.dz-tbl th:nth-child(3),table.dz-tbl td:nth-child(3){min-width:calc(var(--s8) * 2)}
.dz-lgw{display:inline-flex;flex-direction:column;align-items:center;gap:calc(var(--s1) / 2);flex:0 0 auto}
.dz-lg{flex:0 0 auto;width:calc(var(--s6) + var(--s3));height:var(--s6);display:grid;place-items:center;padding:calc(var(--s1) / 2);
  background:var(--logo-bg,var(--surface-2));border:1px solid var(--rule);border-radius:var(--r1)}
.dz-lg .pimg{background-size:contain;background-position:center;mix-blend-mode:multiply}
.dz-lg.dk{background:var(--hero-bg);border-color:var(--hero-bg)}
.dz-lg.dk .pimg{mix-blend-mode:normal}
.dz-lg.ph{font-family:var(--serif);font-weight:800;font-size:var(--fs-2xs);color:var(--ink-soft);background:var(--surface-2)}
.dz-lnote{font-size:var(--fs-2xs);line-height:1.1;color:var(--ink-mute);text-align:center;max-width:calc(var(--s7) + var(--s4))}
@media print{.dz-lg .pimg{mix-blend-mode:normal} table.dz-tbl{min-width:0}}

/* ==========================================================================
   TERA raporu — palet.css (71 · /tonbiltasarim TANIM, 2026-09-28)
   rapor.css'ten SONRA yüklenir. Yalnız token override + renk bağlama kuralları.
   Fontlar (Playfair Display + Lato) DEĞİŞMEZ.
   Katmanlar: PRIMITIVE (--p-*, temadan bağımsız) -> SEMANTIC (tema burada) -> bileşen bağlama.
   Zemin: WSJ gazete kâğıdı (sıcak krem). Saf #FFFFFF ekran yüzeyi YOK (baskı hariç, bkz. en alt).
   Kontrast tablosu: .agent/20260927/71-palet.md
   JS NOTU: rapor.js --c1..--c5 ve --g-hedef'i getPropertyValue ile okur ve `+ '55'` (hex alfa) ekler
   -> bu token'lar HAM 6 haneli hex olarak tanımlıdır (var() değil). Değiştirirken hex bırakın.
   ========================================================================== */

/* ---------------- 1. PRIMITIVE (ham değer yalnız burada) ---------------- */
:root{
  /* nötr — sıcak krem / kömür (açık) */
  --p-cream-50:#FBF8F1; --p-cream-100:#F4EFE6; --p-cream-200:#EDE6D9;
  --p-cream-300:#D9D0C1; --p-cream-400:#BFB4A3; --p-taupe-500:#857A6B;
  --p-char-900:#1E1E1E; --p-char-700:#45403A; --p-char-600:#5E574E;
  /* nötr — sıcak koyu (kahve-antrasit) */
  --p-night-900:#1A1714; --p-night-850:#221E1A; --p-night-800:#2A2520;
  --p-night-700:#3A342D; --p-night-600:#4E463D; --p-night-500:#8A8174;
  --p-bone-100:#EDE7DC; --p-bone-300:#CFC6B8; --p-bone-500:#A89F92;
  --p-hero:#171411;
  /* kategorik — açık tema (krem zeminde metin >=4.5:1) */
  --p-blue:#00578B;    --p-blue-deep:#003D63;
  --p-bordo:#8B1E2F;   --p-green:#2E6B3A;  --p-ochre:#855500;  --p-teal:#0F6570;
  --p-plum:#6B3A7A;    --p-terra:#9C4228;  --p-slate:#4F5B66;  --p-olive:#5C6121;
  --p-red:#B3261E;     --p-ochre-soft:#7A6300;
  /* kategorik — koyu tema (koyu zeminde metin >=4.5:1) */
  --p-blue-d:#6CB4E6;  --p-blue-deep-d:#A9D2F0;
  --p-bordo-d:#D987A6; --p-green-d:#7FBF8A; --p-ochre-d:#E0B24E; --p-teal-d:#5FBFC4;
  --p-plum-d:#C9A0D6;  --p-terra-d:#E8977A; --p-slate-d:#A7B3BE; --p-olive-d:#C2C878;
  --p-red-d:#F28B82;   --p-ochre-soft-d:#D9C27A;
  /* yalnız ağ düğümü dolgusu (metin DEĞİL; >=3:1) */
  --p-rose:#B04A63;  --p-leaf:#5E8A3A;  --p-olive-lt:#7D842F; --p-brown:#6E4B2A; --p-taupe:#6F665C; --p-stone:#857D72;
  --p-rose-d:#E8A9BC; --p-leaf-d:#B5CF8A; --p-olive-lt-d:#A5AC5C; --p-brown-d:#C9A27E; --p-taupe-d:#BDB3A6; --p-stone-d:#8F877C;
}

/* ---------------- 2. SEMANTIC — AÇIK (varsayılan) ---------------- */
:root{
  --paper:var(--p-cream-100); --surface:var(--p-cream-50); --surface-2:var(--p-cream-200);
  --ink:var(--p-char-900); --ink-soft:var(--p-char-700); --ink-mute:var(--p-char-600);
  --wsj:var(--p-blue); --wsj-deep:var(--p-blue-deep); --on-wsj:var(--p-cream-50);
  --wsj-tint:rgba(0,87,139,.07); --neg-tint:rgba(179,38,30,.07); --amber-tint:rgba(133,85,0,.08); --pos-tint:rgba(46,107,58,.08);
  --rule:var(--p-cream-300); --rule-strong:var(--p-cream-400); --border-control:var(--p-taupe-500);
  --pos:var(--p-green); --neg:var(--p-red); --amber:var(--p-ochre); --amber-soft:var(--p-ochre-soft);
  --hero-bg:var(--p-hero); --hero-ink:var(--p-cream-50); --hero-soft:rgba(251,248,241,.86); --hero-mute:rgba(251,248,241,.72);
  --hero-rule:rgba(251,248,241,.24); --hero-accent:#9FC7E4;
  --hero-ov1:rgba(23,20,17,.94); --hero-ov2:rgba(23,20,17,.82); --hero-ov3:rgba(23,20,17,.55);
  --shadow:0 1px 2px rgba(60,40,20,.06); --shadow-lg:0 12px 40px rgba(40,28,14,.18);
  --scrim:rgba(20,16,12,.62); --glass:rgba(244,239,230,.93);
  --logo-bg:var(--p-cream-50);

  /* durum rozetleri (40-D1) */
  --st-onay:var(--p-green); --st-dogru:var(--p-blue); --st-teyit:var(--p-ochre);
  --st-iddia:var(--p-plum); --st-belirsiz:var(--p-slate); --st-yanlis:var(--p-red);
  --claim:var(--st-iddia);
  /* kaynak sınıfı (LOCKED-4) */
  --cls-a:var(--p-green); --cls-as:var(--p-teal); --cls-b:var(--p-blue); --cls-c:var(--p-ochre); --cls-d:var(--p-plum); --cls-x:var(--p-char-600);

  /* bölüm aksanları: sıra = build.py SECS (s01..s19 + s14b/s15b/s16b); komşular farklı */
  --sec-01:var(--p-blue);  --sec-02:var(--p-bordo); --sec-03:var(--p-teal);  --sec-04:var(--p-ochre);
  --sec-05:var(--p-plum);  --sec-06:var(--p-blue);  --sec-07:var(--p-green); --sec-08:var(--p-terra);
  --sec-09:var(--p-teal);  --sec-10:var(--p-plum);  --sec-11:var(--p-ochre); --sec-12:var(--p-slate);
  --sec-13:var(--p-plum);  --sec-14:var(--p-bordo); --sec-15:var(--p-terra); --sec-16:var(--p-green);
  --sec-17:var(--p-ochre); --sec-18:var(--p-blue);  --sec-19:var(--p-teal);  --sec-20:var(--p-plum);
  --sec-21:var(--p-slate); --sec-22:var(--p-blue);
  --sec-10b:var(--p-green); /* 72: biyografi bölümü (s10 mürdüm ile s11 okr arasında) */

  /* 72 · dönem bantları (olay örgüsü perdeleri + "Bir bakışta" şeridi). Kırmızı yok (yalnız olumsuz anlam için ayrılmış). */
  --band-zemin:var(--p-slate); --band-yukselis:var(--p-green); --band-tespit:var(--p-ochre);
  --band-cokus:var(--p-terra); --band-operasyon:var(--p-bordo); --band-etki:var(--p-teal); --band-siyasi:var(--p-plum);

  /* zaman çizelgesi şeritleri */
  --lane-piyasa:var(--p-blue); --lane-spk:var(--p-teal); --lane-yargi:var(--p-bordo);
  --lane-siyaset:var(--p-terra); --lane-medya:var(--p-olive); --lane-zemin:var(--p-slate);

  /* gruplar (ağ + kartlar) — aile mantığı: pusula~gundogdu, hedef~destek, atlas~a1~pardus */
  --grp-tera:var(--p-blue); --grp-pusula:var(--p-bordo); --grp-gundogdu:var(--p-rose); --grp-katilimevim:var(--p-plum);
  --grp-hedef:var(--p-green); --grp-destek:var(--p-leaf); --grp-bulls:var(--p-ochre); --grp-ozata:var(--p-teal);
  --grp-atlas:var(--p-olive); --grp-a1:var(--p-olive-lt); --grp-pardus:var(--p-brown);
  --grp-devlet:var(--p-slate); --grp-siyaset:var(--p-terra); --grp-medya:var(--p-taupe); --grp-diger:var(--p-stone);
  /* eski rapor.css/rapor.js adları -> yeni grup token'ları (geri uyum) */
  --g-tera:var(--grp-tera); --g-pusula:var(--grp-pusula); --g-katilimevim:var(--grp-katilimevim);
  --g-hedef:#2E6B3A; /* HAM hex: rapor.js okur (+'55') = --p-green */
  --g-bulls:var(--grp-bulls); --g-ozata:var(--grp-ozata); --g-digerfon:var(--grp-atlas);
  --g-devlet:var(--grp-devlet); --g-siyaset:var(--grp-siyaset); --g-diger:var(--grp-diger);

  /* grafik serileri — HAM hex (rapor.js). --chart-N = kanonik ad, --cN = JS'in okuduğu ad */
  --c1:#00578B; --c2:#B3261E; --c3:#2E6B3A; --c4:#855500; --c5:#6B3A7A; --c6:#0F6570; --c7:#9C4228; --c8:#4F5B66;
  --c-grid:#E3DACB;
  --chart-1:var(--c1); --chart-2:var(--c2); --chart-3:var(--c3); --chart-4:var(--c4);
  --chart-5:var(--c5); --chart-6:var(--c6); --chart-7:var(--c7); --chart-8:var(--c8); --chart-grid:var(--c-grid);

  /* diyagram (tonbilakis SVG) — sıcak dolgu; --d-group-* rapor.css'te eksikti (SVG fallback #F5F7FA soğuk beyazdı) */
  --d-bg:transparent; --d-text:var(--p-char-900); --d-muted:var(--p-char-700);
  --d-primary-fill:#E4ECF0; --d-primary-stroke:var(--p-blue); --d-process-fill:#D6E3EC; --d-process-stroke:var(--p-blue);
  --d-accent-fill:#F6E7D3; --d-accent-stroke:var(--p-ochre); --d-neutral-fill:#ECE5D8; --d-neutral-stroke:#8C8171;
  --d-warn-fill:#F7EDCF; --d-warn-stroke:#A07A1A; --d-error-fill:#F5DEDA; --d-error-stroke:var(--p-red);
  --d-group-fill:#F1EBE0; --d-group-stroke:#C8BDAB;
  --d-line:#6A6157; --d-line-key:var(--p-blue);
  color-scheme:light;
}

/* ---------------- 3. SEMANTIC — KOYU (sıcak kahve-antrasit) ----------------
   @media screen içinde: baskıda koyu tokenlar devreye girmez (rapor.css print bloğu korunur). */
@media screen{
  @media (prefers-color-scheme:dark){
    :root:not([data-theme="light"]){
      --paper:var(--p-night-900); --surface:var(--p-night-850); --surface-2:var(--p-night-800);
      --ink:var(--p-bone-100); --ink-soft:var(--p-bone-300); --ink-mute:var(--p-bone-500);
      --wsj:var(--p-blue-d); --wsj-deep:var(--p-blue-deep-d); --on-wsj:var(--p-night-900);
      --wsj-tint:rgba(108,180,230,.10); --neg-tint:rgba(242,139,130,.10); --amber-tint:rgba(224,178,78,.10); --pos-tint:rgba(127,191,138,.10);
      --rule:var(--p-night-700); --rule-strong:var(--p-night-600); --border-control:var(--p-night-500);
      --pos:var(--p-green-d); --neg:var(--p-red-d); --amber:var(--p-ochre-d); --amber-soft:var(--p-ochre-soft-d);
      --shadow:0 1px 2px rgba(0,0,0,.4); --shadow-lg:0 12px 40px rgba(0,0,0,.6);
      --scrim:rgba(0,0,0,.72); --glass:rgba(26,23,20,.93);
      --logo-bg:var(--p-bone-100);
      --st-onay:var(--p-green-d); --st-dogru:var(--p-blue-d); --st-teyit:var(--p-ochre-d);
      --st-iddia:var(--p-plum-d); --st-belirsiz:var(--p-slate-d); --st-yanlis:var(--p-red-d);
      --cls-a:var(--p-green-d); --cls-as:var(--p-teal-d); --cls-b:var(--p-blue-d); --cls-c:var(--p-ochre-d); --cls-d:var(--p-plum-d); --cls-x:var(--p-bone-500);
      --sec-01:var(--p-blue-d);  --sec-02:var(--p-bordo-d); --sec-03:var(--p-teal-d);  --sec-04:var(--p-ochre-d);
      --sec-05:var(--p-plum-d);  --sec-06:var(--p-blue-d);  --sec-07:var(--p-green-d); --sec-08:var(--p-terra-d);
      --sec-09:var(--p-teal-d);  --sec-10:var(--p-plum-d);  --sec-11:var(--p-ochre-d); --sec-12:var(--p-slate-d);
      --sec-13:var(--p-plum-d);  --sec-14:var(--p-bordo-d); --sec-15:var(--p-terra-d); --sec-16:var(--p-green-d);
      --sec-17:var(--p-ochre-d); --sec-18:var(--p-blue-d);  --sec-19:var(--p-teal-d);  --sec-20:var(--p-plum-d);
      --sec-21:var(--p-slate-d); --sec-22:var(--p-blue-d); --sec-10b:var(--p-green-d);
      --band-zemin:var(--p-slate-d); --band-yukselis:var(--p-green-d); --band-tespit:var(--p-ochre-d);
      --band-cokus:var(--p-terra-d); --band-operasyon:var(--p-bordo-d); --band-etki:var(--p-teal-d); --band-siyasi:var(--p-plum-d);
      --lane-piyasa:var(--p-blue-d); --lane-spk:var(--p-teal-d); --lane-yargi:var(--p-bordo-d);
      --lane-siyaset:var(--p-terra-d); --lane-medya:var(--p-olive-d); --lane-zemin:var(--p-slate-d);
      --grp-tera:var(--p-blue-d); --grp-pusula:var(--p-bordo-d); --grp-gundogdu:var(--p-rose-d); --grp-katilimevim:var(--p-plum-d);
      --grp-hedef:var(--p-green-d); --grp-destek:var(--p-leaf-d); --grp-bulls:var(--p-ochre-d); --grp-ozata:var(--p-teal-d);
      --grp-atlas:var(--p-olive-d); --grp-a1:var(--p-olive-lt-d); --grp-pardus:var(--p-brown-d);
      --grp-devlet:var(--p-slate-d); --grp-siyaset:var(--p-terra-d); --grp-medya:var(--p-taupe-d); --grp-diger:var(--p-stone-d);
      --g-tera:var(--grp-tera); --g-pusula:var(--grp-pusula); --g-katilimevim:var(--grp-katilimevim); --g-hedef:#7FBF8A;
      --g-bulls:var(--grp-bulls); --g-ozata:var(--grp-ozata); --g-digerfon:var(--grp-atlas);
      --g-devlet:var(--grp-devlet); --g-siyaset:var(--grp-siyaset); --g-diger:var(--grp-diger);
      --c1:#6CB4E6; --c2:#F28B82; --c3:#7FBF8A; --c4:#E0B24E; --c5:#C9A0D6; --c6:#5FBFC4; --c7:#E8977A; --c8:#A7B3BE; --c-grid:#332D27;
      --d-text:var(--p-bone-100); --d-muted:var(--p-bone-300);
      --d-primary-fill:#16324A; --d-primary-stroke:var(--p-blue-d); --d-process-fill:#1D3B55; --d-process-stroke:var(--p-blue-d);
      --d-accent-fill:#3F2E14; --d-accent-stroke:var(--p-ochre-d); --d-neutral-fill:#2B2621; --d-neutral-stroke:var(--p-night-500);
      --d-warn-fill:#3A3217; --d-warn-stroke:var(--p-ochre-soft-d); --d-error-fill:#3D1E1E; --d-error-stroke:var(--p-red-d);
      --d-group-fill:#25211C; --d-group-stroke:#4A433B; --d-line:var(--p-bone-500); --d-line-key:var(--p-blue-d);
      color-scheme:dark;
    }
  }
  :root[data-theme="dark"]{
    --paper:var(--p-night-900); --surface:var(--p-night-850); --surface-2:var(--p-night-800);
    --ink:var(--p-bone-100); --ink-soft:var(--p-bone-300); --ink-mute:var(--p-bone-500);
    --wsj:var(--p-blue-d); --wsj-deep:var(--p-blue-deep-d); --on-wsj:var(--p-night-900);
    --wsj-tint:rgba(108,180,230,.10); --neg-tint:rgba(242,139,130,.10); --amber-tint:rgba(224,178,78,.10); --pos-tint:rgba(127,191,138,.10);
    --rule:var(--p-night-700); --rule-strong:var(--p-night-600); --border-control:var(--p-night-500);
    --pos:var(--p-green-d); --neg:var(--p-red-d); --amber:var(--p-ochre-d); --amber-soft:var(--p-ochre-soft-d);
    --shadow:0 1px 2px rgba(0,0,0,.4); --shadow-lg:0 12px 40px rgba(0,0,0,.6);
    --scrim:rgba(0,0,0,.72); --glass:rgba(26,23,20,.93);
    --logo-bg:var(--p-bone-100);
    --st-onay:var(--p-green-d); --st-dogru:var(--p-blue-d); --st-teyit:var(--p-ochre-d);
    --st-iddia:var(--p-plum-d); --st-belirsiz:var(--p-slate-d); --st-yanlis:var(--p-red-d);
    --cls-a:var(--p-green-d); --cls-as:var(--p-teal-d); --cls-b:var(--p-blue-d); --cls-c:var(--p-ochre-d); --cls-d:var(--p-plum-d); --cls-x:var(--p-bone-500);
    --sec-01:var(--p-blue-d);  --sec-02:var(--p-bordo-d); --sec-03:var(--p-teal-d);  --sec-04:var(--p-ochre-d);
    --sec-05:var(--p-plum-d);  --sec-06:var(--p-blue-d);  --sec-07:var(--p-green-d); --sec-08:var(--p-terra-d);
    --sec-09:var(--p-teal-d);  --sec-10:var(--p-plum-d);  --sec-11:var(--p-ochre-d); --sec-12:var(--p-slate-d);
    --sec-13:var(--p-plum-d);  --sec-14:var(--p-bordo-d); --sec-15:var(--p-terra-d); --sec-16:var(--p-green-d);
    --sec-17:var(--p-ochre-d); --sec-18:var(--p-blue-d);  --sec-19:var(--p-teal-d);  --sec-20:var(--p-plum-d);
    --sec-21:var(--p-slate-d); --sec-22:var(--p-blue-d); --sec-10b:var(--p-green-d);
    --band-zemin:var(--p-slate-d); --band-yukselis:var(--p-green-d); --band-tespit:var(--p-ochre-d);
    --band-cokus:var(--p-terra-d); --band-operasyon:var(--p-bordo-d); --band-etki:var(--p-teal-d); --band-siyasi:var(--p-plum-d);
    --lane-piyasa:var(--p-blue-d); --lane-spk:var(--p-teal-d); --lane-yargi:var(--p-bordo-d);
    --lane-siyaset:var(--p-terra-d); --lane-medya:var(--p-olive-d); --lane-zemin:var(--p-slate-d);
    --grp-tera:var(--p-blue-d); --grp-pusula:var(--p-bordo-d); --grp-gundogdu:var(--p-rose-d); --grp-katilimevim:var(--p-plum-d);
    --grp-hedef:var(--p-green-d); --grp-destek:var(--p-leaf-d); --grp-bulls:var(--p-ochre-d); --grp-ozata:var(--p-teal-d);
    --grp-atlas:var(--p-olive-d); --grp-a1:var(--p-olive-lt-d); --grp-pardus:var(--p-brown-d);
    --grp-devlet:var(--p-slate-d); --grp-siyaset:var(--p-terra-d); --grp-medya:var(--p-taupe-d); --grp-diger:var(--p-stone-d);
    --g-tera:var(--grp-tera); --g-pusula:var(--grp-pusula); --g-katilimevim:var(--grp-katilimevim); --g-hedef:#7FBF8A;
    --g-bulls:var(--grp-bulls); --g-ozata:var(--grp-ozata); --g-digerfon:var(--grp-atlas);
    --g-devlet:var(--grp-devlet); --g-siyaset:var(--grp-siyaset); --g-diger:var(--grp-diger);
    --c1:#6CB4E6; --c2:#F28B82; --c3:#7FBF8A; --c4:#E0B24E; --c5:#C9A0D6; --c6:#5FBFC4; --c7:#E8977A; --c8:#A7B3BE; --c-grid:#332D27;
    --d-text:var(--p-bone-100); --d-muted:var(--p-bone-300);
    --d-primary-fill:#16324A; --d-primary-stroke:var(--p-blue-d); --d-process-fill:#1D3B55; --d-process-stroke:var(--p-blue-d);
    --d-accent-fill:#3F2E14; --d-accent-stroke:var(--p-ochre-d); --d-neutral-fill:#2B2621; --d-neutral-stroke:var(--p-night-500);
    --d-warn-fill:#3A3217; --d-warn-stroke:var(--p-ochre-soft-d); --d-error-fill:#3D1E1E; --d-error-stroke:var(--p-red-d);
    --d-group-fill:#25211C; --d-group-stroke:#4A433B; --d-line:var(--p-bone-500); --d-line-key:var(--p-blue-d);
    color-scheme:dark;
  }
}

/* ---------------- 4. BİLEŞEN BAĞLAMA (yalnız renk) ---------------- */

/* 4a. Bölüm aksanı: --sec yerel değişkeni; yalnız kicker, başlık üst çizgisi, TOC numarası, liste işareti */
#s01{--sec:var(--sec-01)} #s02{--sec:var(--sec-02)} #s03{--sec:var(--sec-03)} #s04{--sec:var(--sec-04)}
#s05{--sec:var(--sec-05)} #s06{--sec:var(--sec-06)} #s07{--sec:var(--sec-07)} #s08{--sec:var(--sec-08)}
#s09{--sec:var(--sec-09)} #s10{--sec:var(--sec-10)} #s11{--sec:var(--sec-11)} #s12{--sec:var(--sec-12)}
#s13{--sec:var(--sec-13)} #s14{--sec:var(--sec-14)} #s14b{--sec:var(--sec-15)} #s15{--sec:var(--sec-16)}
#s15b{--sec:var(--sec-17)} #s16{--sec:var(--sec-18)} #s16b{--sec:var(--sec-19)} #s17{--sec:var(--sec-20)}
#s18{--sec:var(--sec-21)} #s19{--sec:var(--sec-22)} #s10b{--sec:var(--sec-10b)}
.sec .kicker{color:var(--sec,var(--wsj))}
.sec .kicker::after{background:var(--sec,var(--rule));opacity:.45}
.sec .sec-head::before{content:"";display:block;width:56px;height:4px;background:var(--sec,var(--wsj));margin-bottom:var(--s3)}
/* 72: bölüm başlığı altı çizgi — bölüm renginde kısa segment + ince kural */
.sec .sec-head::after{content:"";display:block;height:2px;margin-top:var(--s3);background:linear-gradient(to right,var(--sec,var(--wsj)) 0 96px,var(--rule) 96px 100%)}
.sec ul.wsj>li::before{background:var(--sec,var(--wsj))}
.sec .perde .pnum{background:var(--sec,var(--wsj));color:var(--surface)}
/* İçindekiler: bölüm numarası + renkli nokta (--sd) */
.drawer nav a[data-sec="s01"]{--sd:var(--sec-01)} .drawer nav a[data-sec="s02"]{--sd:var(--sec-02)}
.drawer nav a[data-sec="s03"]{--sd:var(--sec-03)} .drawer nav a[data-sec="s04"]{--sd:var(--sec-04)}
.drawer nav a[data-sec="s05"]{--sd:var(--sec-05)} .drawer nav a[data-sec="s06"]{--sd:var(--sec-06)}
.drawer nav a[data-sec="s07"]{--sd:var(--sec-07)} .drawer nav a[data-sec="s08"]{--sd:var(--sec-08)}
.drawer nav a[data-sec="s09"]{--sd:var(--sec-09)} .drawer nav a[data-sec="s10"]{--sd:var(--sec-10)}
.drawer nav a[data-sec="s10b"]{--sd:var(--sec-10b)}
.drawer nav a[data-sec="s11"]{--sd:var(--sec-11)} .drawer nav a[data-sec="s12"]{--sd:var(--sec-12)}
.drawer nav a[data-sec="s13"]{--sd:var(--sec-13)} .drawer nav a[data-sec="s14"]{--sd:var(--sec-14)}
.drawer nav a[data-sec="s14b"]{--sd:var(--sec-15)} .drawer nav a[data-sec="s15"]{--sd:var(--sec-16)}
.drawer nav a[data-sec="s15b"]{--sd:var(--sec-17)} .drawer nav a[data-sec="s16"]{--sd:var(--sec-18)}
.drawer nav a[data-sec="s16b"]{--sd:var(--sec-19)} .drawer nav a[data-sec="s17"]{--sd:var(--sec-20)}
.drawer nav a[data-sec="s18"]{--sd:var(--sec-21)} .drawer nav a[data-sec="s19"]{--sd:var(--sec-22)}
.drawer nav a[data-sec] b{color:var(--sd,var(--wsj))}
.drawer nav a[data-sec]::before{content:"";flex:0 0 auto;width:10px;height:10px;border-radius:var(--r-pill);background:var(--sd,var(--rule-strong));align-self:center}
.drawer nav a[data-sec="s00"]::before{background:var(--rule-strong)}

/* 72 · dönem bandı yerel değişkeni (--band) ve şerit değişkeni (--lane; metin rengi VERMEZ) */
.bd-zemin{--band:var(--band-zemin)} .bd-yukselis{--band:var(--band-yukselis)} .bd-tespit{--band:var(--band-tespit)}
.bd-cokus{--band:var(--band-cokus)} .bd-operasyon{--band:var(--band-operasyon)} .bd-etki{--band:var(--band-etki)} .bd-siyasi{--band:var(--band-siyasi)}
.lv-piyasa{--lane:var(--lane-piyasa)} .lv-spk{--lane:var(--lane-spk)} .lv-yargi{--lane:var(--lane-yargi)}
.lv-siyaset{--lane:var(--lane-siyaset)} .lv-medya{--lane:var(--lane-medya)} .lv-zemin{--lane:var(--lane-zemin)}
/* bölüm zemini (yapışkan perde başlığı arka planı için) */
.sec{--sec-bg:var(--paper)} .sec:nth-of-type(even){--sec-bg:var(--surface-2)}

/* 72 · KPI üst çizgisi: anlam rengi (legend: .kl) */
.bigstat.kt-spk{border-top-color:var(--lane-spk)} .bigstat.kt-piyasa{border-top-color:var(--lane-piyasa)}
.bigstat.kt-yargi{border-top-color:var(--lane-yargi)} .bigstat.kt-don{border-top-color:var(--sec-15)}
.bigstat.kt-para{border-top-color:var(--amber)} .bigstat.kt-yukselis{border-top-color:var(--pos)}
.bigstat.kt-dusus{border-top-color:var(--neg)} .bigstat.kt-notr{border-top-color:var(--ink)}
.kl{display:inline-flex;align-items:center;gap:var(--s1);margin-right:var(--s3);white-space:nowrap}
.kl::before{content:"";width:18px;height:4px;background:var(--ink)}
.kl.kt-spk::before{background:var(--lane-spk)} .kl.kt-piyasa::before{background:var(--lane-piyasa)} .kl.kt-yargi::before{background:var(--lane-yargi)}
.kl.kt-don::before{background:var(--sec-15)} .kl.kt-para::before{background:var(--amber)} .kl.kt-yukselis::before{background:var(--pos)} .kl.kt-dusus::before{background:var(--neg)}

/* 72 · kişi kartı grup kimliği: sol kenar (gk-) + baş harf avatarı (gi-, metin --surface; ≥3:1 büyük metin) */
.gk-tera{border-left:4px solid var(--grp-tera)} .gk-pusula{border-left:4px solid var(--grp-pusula)} .gk-gundogdu{border-left:4px solid var(--grp-gundogdu)}
.gk-katilimevim{border-left:4px solid var(--grp-katilimevim)} .gk-hedef{border-left:4px solid var(--grp-hedef)} .gk-destek{border-left:4px solid var(--grp-destek)}
.gk-bulls{border-left:4px solid var(--grp-bulls)} .gk-ozata{border-left:4px solid var(--grp-ozata)} .gk-atlas{border-left:4px solid var(--grp-atlas)}
.gk-a1{border-left:4px solid var(--grp-a1)} .gk-pardus{border-left:4px solid var(--grp-pardus)} .gk-devlet{border-left:4px solid var(--grp-devlet)}
.gk-siyaset{border-left:4px solid var(--grp-siyaset)} .gk-medya{border-left:4px solid var(--grp-medya)} .gk-diger{border-left:4px solid var(--grp-diger)}
.avatar.gi{color:var(--surface);border-color:transparent} /* .avatar.gi.gi-* (0,3,0) > .pcard .avatar (0,2,0) */
.avatar.gi.gi-tera{background:var(--grp-tera)} .avatar.gi.gi-pusula{background:var(--grp-pusula)} .avatar.gi.gi-gundogdu{background:var(--grp-gundogdu)} .avatar.gi.gi-katilimevim{background:var(--grp-katilimevim)}
.avatar.gi.gi-hedef{background:var(--grp-hedef)} .avatar.gi.gi-destek{background:var(--grp-destek)} .avatar.gi.gi-bulls{background:var(--grp-bulls)} .avatar.gi.gi-ozata{background:var(--grp-ozata)}
.avatar.gi.gi-atlas{background:var(--grp-atlas)} .avatar.gi.gi-a1{background:var(--grp-a1)} .avatar.gi.gi-pardus{background:var(--grp-pardus)} .avatar.gi.gi-devlet{background:var(--grp-devlet)}
.avatar.gi.gi-siyaset{background:var(--grp-siyaset)} .avatar.gi.gi-medya{background:var(--grp-medya)} .avatar.gi.gi-diger{background:var(--grp-diger)}

/* 4b. Durum rozetleri (renk + ikon + metin; rozet yapısı rapor.css'te) */
.du-ONAYLANDI{color:var(--st-onay)} .du-DOGRU{color:var(--st-dogru)} .du-TEYIT_BEKLIYOR{color:var(--st-teyit)}
.du-IDDIA{color:var(--st-iddia)} .du-BELIRSIZ{color:var(--st-belirsiz)} .du-YANLIS{color:var(--st-yanlis)}
.card.belirsiz{border-left-color:var(--st-belirsiz)}

/* 4c. Kaynak sınıfı rozetleri (metin = --surface; oranlar 71-palet.md) */
.cls-A{background:var(--cls-a)} .cls-As{background:var(--cls-as)} .cls-B{background:var(--cls-b)}
.cls-C{background:var(--cls-c)} .cls-D{background:var(--cls-d)} .cls-X{background:var(--cls-x)}

/* 4d. Zaman çizelgesi şeritleri: .ln-* hem metin rengi hem --lane yerel değişkeni verir */
.ln-piyasa{--lane:var(--lane-piyasa);color:var(--lane-piyasa)} .ln-spk{--lane:var(--lane-spk);color:var(--lane-spk)}
.ln-yargi{--lane:var(--lane-yargi);color:var(--lane-yargi)} .ln-siyaset{--lane:var(--lane-siyaset);color:var(--lane-siyaset)}
.ln-medya{--lane:var(--lane-medya);color:var(--lane-medya)} .ln-zemin{--lane:var(--lane-zemin);color:var(--lane-zemin)}
.chip .sw.lane-tag{background:currentColor;border:0;padding:0}
.lane-grid .lh.ln-piyasa,.lane-grid .lh.ln-spk,.lane-grid .lh.ln-yargi,.lane-grid .lh.ln-siyaset,.lane-grid .lh.ln-medya,.lane-grid .lh.ln-zemin{border-bottom-color:currentColor}
/* timeline dönüşümü için yardımcı: nokta/çizgi şerit renginden (build ajanı kullanır) */
.tl-dot{background:var(--lane,var(--ink-mute));border-color:var(--surface)}
.tl-bar{border-left-color:var(--lane,var(--rule-strong))}

/* 4e. Gruplar: ağ düğümü dolgusu (gf-) + lejant/kart swatch (gs-) + kart üst çizgisi (gb-) */
.gf-tera{fill:var(--grp-tera)} .gf-pusula{fill:var(--grp-pusula)} .gf-gundogdu{fill:var(--grp-gundogdu)} .gf-katilimevim{fill:var(--grp-katilimevim)}
.gf-hedef{fill:var(--grp-hedef)} .gf-destek{fill:var(--grp-destek)} .gf-bulls{fill:var(--grp-bulls)} .gf-ozata{fill:var(--grp-ozata)}
.gf-atlas{fill:var(--grp-atlas)} .gf-a1{fill:var(--grp-a1)} .gf-pardus{fill:var(--grp-pardus)} .gf-devlet{fill:var(--grp-devlet)}
.gf-siyaset{fill:var(--grp-siyaset)} .gf-medya{fill:var(--grp-medya)} .gf-diger{fill:var(--grp-diger)} .gf-digerfon{fill:var(--grp-atlas)}
.gs-tera{background:var(--grp-tera)} .gs-pusula{background:var(--grp-pusula)} .gs-gundogdu{background:var(--grp-gundogdu)} .gs-katilimevim{background:var(--grp-katilimevim)}
.gs-hedef{background:var(--grp-hedef)} .gs-destek{background:var(--grp-destek)} .gs-bulls{background:var(--grp-bulls)} .gs-ozata{background:var(--grp-ozata)}
.gs-atlas{background:var(--grp-atlas)} .gs-a1{background:var(--grp-a1)} .gs-pardus{background:var(--grp-pardus)} .gs-devlet{background:var(--grp-devlet)}
.gs-siyaset{background:var(--grp-siyaset)} .gs-medya{background:var(--grp-medya)} .gs-diger{background:var(--grp-diger)} .gs-digerfon{background:var(--grp-atlas)}
.gb-tera{border-top:3px solid var(--grp-tera)} .gb-pusula{border-top:3px solid var(--grp-pusula)} .gb-gundogdu{border-top:3px solid var(--grp-gundogdu)}
.gb-katilimevim{border-top:3px solid var(--grp-katilimevim)} .gb-hedef{border-top:3px solid var(--grp-hedef)} .gb-destek{border-top:3px solid var(--grp-destek)}
.gb-bulls{border-top:3px solid var(--grp-bulls)} .gb-ozata{border-top:3px solid var(--grp-ozata)} .gb-atlas{border-top:3px solid var(--grp-atlas)}
.gb-a1{border-top:3px solid var(--grp-a1)} .gb-pardus{border-top:3px solid var(--grp-pardus)} .gb-devlet{border-top:3px solid var(--grp-devlet)}
.gb-siyaset{border-top:3px solid var(--grp-siyaset)} .gb-medya{border-top:3px solid var(--grp-medya)} .gb-diger{border-top:3px solid var(--grp-diger)}

/* 4f. Beyaz yüzey kalıntıları: logo kutusu (#FFF hero-ink idi) + logo beyazını kâğıda karıştır */
.logo{background:var(--logo-bg)}
.logo img{mix-blend-mode:multiply}
.pcard .avatar{background:var(--surface-2)}

/* 4g. Grafik kartı ve tuval krem (chart-card = --surface); tooltip rapor.js'te --ink/--paper */
.chart-card,.diag,.net-stage,.net-panel,.tblwrap{background:var(--surface)}

/* ---------------- 5. BASKI ----------------
   Bilinçli sapma: baskıda zemin rapor.css print bloğundaki beyaz/siyah kalır (kâğıt zaten beyaz,
   krem dolgu mürekkep harcar). Yeni token'lar açık-tema değerlerini :root'tan alır; koyu bloklar
   @media screen içinde olduğundan baskıya sızmaz. Logo çarpma karışımı baskıda kapatılır. */
@media print{
  .logo img{mix-blend-mode:normal}
  .sec .sec-head::before{background:var(--ink)}
}

.im1{background-image:url(../img/logo-tera-yatirim-logo.webp)}
.im2{background-image:url(../img/logo-tera-portfoy-acikzemin-logo.svg)}
.im3{background-image:url(../img/logo-tera-teknoloji-logo.svg)}
.im4{background-image:url(../img/logo-tera-yatirim-bankasi-logo.svg)}
.im5{background-image:url(../img/logo-peker-gyo-logo.webp)}
.im6{background-image:url(../img/logo-pusula-holding-logo.webp)}
.im7{background-image:url(../img/logo-pusula-portfoy-logo.webp)}
.im8{background-image:url(../img/logo-katilimevim-logo.svg)}
.im9{background-image:url(../img/logo-hedef-logo.webp)}
.im10{background-image:url(../img/logo-info-yatirim-logo.webp)}
.im11{background-image:url(../img/logo-hedef-portfoy-logo.webp)}
.im12{background-image:url(../img/logo-bulls-logo.webp)}
.im13{background-image:url(../img/logo-ozata-denizcilik-logo.webp)}
.im14{background-image:url(../img/logo-pardus-logo.webp)}
.im15{background-image:url(../img/logo-atlas-logo.webp)}
.im16{background-image:url(../img/logo-a1-capital-logo.webp)}
.im17{background-image:url(../img/logo-guler-yatirim-holding-acikzemin-logo.webp)}
.im18{background-image:url(../img/logo-destek-finans-logo.webp)}
.im19{background-image:url(../img/logo-gundogdu-gida-logo.webp)}
.im20{background-image:url(../img/logo-birevim-logo.svg)}
.im21{background-image:url(../img/logo-emlak-katilim-logo.webp)}
.im22{background-image:url(../img/logo-lydia-holding-logo.webp)}
.im23{background-image:url(../img/logo-topkapi-universitesi-logo.svg)}
.im24{background-image:url(../img/logo-besiktas-logo.webp)}
.im25{background-image:url(../img/logo-dunya-gazetesi-logo.svg)}
.im26{background-image:url(../img/logo-doga-sigorta-logo.svg)}
.im27{background-image:url(../img/logo-anadolu-ajansi-logo.svg)}
.im28{background-image:url(../img/logo-vakif-yatirim-logo.webp)}
.im29{background-image:url(../img/logo-pusula-logo.webp)}
.im30{background-image:url(../img/kisi-alper-ozturk-portrait.webp)}
.im31{background-image:url(../img/kisi-altunc-kumova-portrait.webp)}
.im32{background-image:url(../img/kisi-emre-tezmen-2-portrait.webp)}
.im33{background-image:url(../img/kisi-erkan-kilimci-portrait.webp)}
.im34{background-image:url(../img/kisi-muhammed-yariz-portre-portrait.webp)}
.im35{background-image:url(../img/kisi-namik-kemal-gokalp-portrait.webp)}
.im36{background-image:url(../img/kisi-nihat-kirmizi-portrait.webp)}
.im37{background-image:url(../img/kisi-emre-alkin-portrait.webp)}
.im38{background-image:url(../img/kisi-kerem-alkin-portrait.webp)}
.im39{background-image:url(../img/kisi-serdar-turhan-portre-portrait.webp)}
.im40{background-image:url(../img/kisi-ozdemir-ataseven-portrait.webp)}
.im41{background-image:url(../img/kisi-emir-munir-sarpyener-portrait.webp)}
.im42{background-image:url(../img/kisi-erdin-ozel-portrait.webp)}
.im43{background-image:url(../img/kisi-enver-cevik-portrait.webp)}
.im44{background-image:url(../img/kisi-kemal-akkaya-portrait.webp)}
.im45{background-image:url(../img/kisi-sait-aytac-portrait.webp)}
.im46{background-image:url(../img/kisi-batuhan-mumcu-portrait.webp)}
.im47{background-image:url(../img/kisi-fatma-betul-sayan-kaya-portrait.webp)}
.im48{background-image:url(../img/kisi-fecir-alptekin-portrait.webp)}
.im49{background-image:url(../img/kisi-nusret-altinbas-portrait.webp)}
.im50{background-image:url(../img/kisi-osman-celik-portrait.webp)}
.im51{background-image:url(../img/kisi-oguz-tezmen-portrait.webp)}
.im52{background-image:url(../img/kisi-talat-ulussever-portrait.webp)}
.im53{background-image:url(../img/kisi-iskender-balci-portrait.webp)}
.im54{background-image:url(../img/kisi-ahmet-sik-portrait.webp)}
.im55{background-image:url(../img/kisi-akin-gurlek-portrait.webp)}
.im56{background-image:url(../img/kisi-baris-pehlivan-portrait.webp)}
.im57{background-image:url(../img/kisi-baris-yarkadas-portrait.webp)}
.im58{background-image:url(../img/kisi-cevdet-yilmaz-portrait.webp)}
.im59{background-image:url(../img/kisi-deniz-yavuzyilmaz-portrait.webp)}
.im60{background-image:url(../img/kisi-erhan-usta-portrait.webp)}
.im61{background-image:url(../img/kisi-faik-oztrak-portrait.webp)}
.im62{background-image:url(../img/kisi-gokhan-gunaydin-portrait.webp)}
.im63{background-image:url(../img/kisi-kemal-kilicdaroglu-portrait.webp)}
.im64{background-image:url(../img/kisi-mahmut-sutcu-portrait.webp)}
.im65{background-image:url(../img/kisi-mehmet-emin-ekmen-portrait.webp)}
.im66{background-image:url(../img/kisi-mehmet-simsek-portrait.webp)}
.im67{background-image:url(../img/kisi-metin-kulunk-portrait.webp)}
.im68{background-image:url(../img/kisi-mustafa-ciftci-portrait.webp)}
.im69{background-image:url(../img/kisi-musavat-dervisoglu-portrait.webp)}
.im70{background-image:url(../img/kisi-recep-tayyip-erdogan-portrait.webp)}
.im71{background-image:url(../img/kisi-selcuk-ozdag-portrait.webp)}
.im72{background-image:url(../img/kisi-zeynel-emre-portrait.webp)}
.im73{background-image:url(../img/kisi-omer-celik-portrait.webp)}
.im74{background-image:url(../img/kisi-ozgur-ozel-portrait.webp)}
.im75{background-image:url(../img/kisi-umit-ozlale-portrait.webp)}
.im76{background-image:url(../img/kisi-ibrahim-omer-gonul-portrait.webp)}
.im77{background-image:url(../img/kisi-ismail-saymaz-portrait.webp)}
.im78{background-image:url(../img/kisi-samil-tayyar-portrait.webp)}
.im79{background-image:url(../img/logo-spk-logo.svg)}
.im80{background-image:url(../img/logo-borsa-istanbul-logo.webp)}
.im81{background-image:url(../img/logo-mkk-logo.webp)}
.im82{background-image:url(../img/logo-adalet-bakanligi-logo.svg)}
.im83{background-image:url(../img/logo-tcmb-logo.svg)}
.im84{background-image:url(../img/logo-bddk-logo.webp)}
.im85{background-image:url(../img/logo-tatilbudur-logo.svg)}
.im86{background-image:url(../img/logo-astor-enerji-logo.webp)}
.im87{background-image:url(../img/logo-emin-evim-logo.svg)}
.im88{background-image:url(../img/logo-turkiye-sigorta-hayat-logo.webp)}
.im89{background-image:url(../img/logo-eker-logo.svg)}
.im90{background-image:url(../img/logo-ic-holding-logo.webp)}
.im91{background-image:url(../img/logo-inavitas-logo.svg)}
.im92{background-image:url(../img/logo-hekimoglu-un-logo.svg)}
.im93{background-image:url(../img/logo-baylan-logo.webp)}
.im94{background-image:url(../img/logo-zen-girisim-logo.webp)}
.im95{background-image:url(../img/logo-alfa-solar-logo.webp)}
.im96{background-image:url(../img/logo-stokis-logo.svg)}
.im97{background-image:url(../img/logo-keskinoglu-logo.webp)}
.im98{background-image:url(../img/logo-gundogdu-gida-logo.svg)}
.im99{background-image:url(../img/logo-hedef-holding-logo.svg)}
.im100{background-image:url(../img/logo-hedef-yatirim-bankasi-logo.svg)}
.im101{background-image:url(../img/logo-bulls-yatirim-logo.webp)}
.im102{background-image:url(../img/logo-bulls-yatirim-logo.svg)}
.im103{background-image:url(../img/logo-destek-finans-logo.svg)}
.im104{background-image:url(../img/logo-metro-holding-logo.webp)}
.im105{background-image:url(../img/logo-tmsf-logo.svg)}
.im106{background-image:url(../img/logo-is-bankasi-logo.svg)}
.im107{background-image:url(../img/logo-ziraat-bankasi-logo.svg)}
.im108{background-image:url(../img/logo-cumhurbaskanligi-logo.svg)}
.im109{background-image:url(../img/logo-atlas-menkul-yo-logo.webp)}
.im110{background-image:url(../img/logo-tbmm-logo.svg)}
/* ==========================================================================
   TERA Fon Krizi — WEB SİTESİ katmanı (rapor.css + palet.css'in ÜSTÜNE yüklenir)
   Çok sayfalı kabuk: üst menü + mobil çekmece, sayfa kapakları, bölüm rayı,
   kaydırma efektleri (belirme, sayaç, paralaks), sayfa geçişleri, alt gezinme.
   Yalnız mevcut token'lar (--wsj, --hero-*, --paper, --surface, --rule …) ve
   burada tanımlanan site token'ları; açık + koyu çift aynı token'lardan türer.
   ========================================================================== */
:root{
  --pnav-h:46px;
  --site-top:calc(var(--mast-h) + var(--pnav-h));
  --rv-dist:26px;
  --rv-dur:.7s;
  --lift:0 18px 44px -18px rgba(0,0,0,.35);
}
@media (max-width:899px){ :root{ --pnav-h:0px } }

/* ---------- sayfa geçişi (destekleyen tarayıcılarda, çapraz belge) ---------- */
@view-transition{ navigation:auto }
::view-transition-old(root){ animation:vt-out .22s var(--ease) both }
::view-transition-new(root){ animation:vt-in .38s var(--ease) both }
@keyframes vt-out{ to{ opacity:0; transform:translateY(-8px) } }
@keyframes vt-in{ from{ opacity:0; transform:translateY(12px) } }

html{ scroll-padding-top:calc(var(--site-top) + var(--s3)) }

/* ---------- üst çubuk: marka + sayfa menüsü ---------- */
.site-mast{ height:auto; transition:box-shadow var(--dur) var(--ease), transform .3s var(--ease) }
.site-mast .mast-row{ height:var(--mast-h) }
.site-mast.scrolled{ box-shadow:var(--shadow-lg) }
.site-mast .menu-btn .lbl{ display:inline }
@media (min-width:900px){
  .site-mast .sect{ visibility:hidden }
  .site-mast .ibtn .lbl{ display:inline }
}
.pnav{ display:none; border-top:1px solid var(--rule); height:var(--pnav-h) }
@media (min-width:900px){ .pnav{ display:block } }
.pnav-in{ display:flex; gap:2px; height:100%; overflow-x:auto; scrollbar-width:none; align-items:stretch;
  mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%) }
.pnav-in::-webkit-scrollbar{ display:none }
@media (min-width:1100px){ .pnav-in{ justify-content:space-between; mask-image:none } }
.pnav a{ position:relative; display:flex; align-items:center; gap:6px; padding:0 10px; white-space:nowrap;
  color:var(--ink-soft); text-decoration:none; font-size:var(--fs-xs); font-weight:700; letter-spacing:.02em;
  transition:color var(--dur) var(--ease), background var(--dur) var(--ease) }
.pnav a i{ color:var(--ink-mute); transition:color var(--dur), transform .35s var(--ease) }
.pnav a::after{ content:""; position:absolute; left:10px; right:10px; bottom:0; height:3px; background:var(--wsj);
  transform:scaleX(0); transform-origin:left; transition:transform .35s var(--ease) }
.pnav a:hover{ color:var(--ink); background:var(--wsj-tint) }
.pnav a:hover i{ color:var(--wsj); transform:translateY(-2px) }
.pnav a:hover::after{ transform:scaleX(.5) }
.pnav a.on{ color:var(--ink) }
.pnav a.on i{ color:var(--wsj) }
.pnav a.on::after{ transform:scaleX(1) }

/* ---------- çekmece menü (sayfa + bölüm ağacı) ---------- */
.site-drawer .panel{ width:min(460px,100%); animation:dr-in .32s var(--ease) both }
.site-drawer .scrim{ animation:fade-in .25s var(--ease) both }
@keyframes dr-in{ from{ transform:translateX(40px); opacity:0 } }
@keyframes fade-in{ from{ opacity:0 } }
.site-drawer nav{ padding-bottom:var(--s7) }
.dgroup{ border-bottom:1px solid var(--rule) }
.dgroup .dpage{ display:flex; align-items:center; gap:var(--s3); min-height:52px; padding:var(--s2) var(--s4);
  font-family:var(--serif); font-size:var(--fs-lg); font-weight:700; color:var(--ink); text-decoration:none }
.dgroup .dpage i{ width:22px; text-align:center; color:var(--wsj) }
.dgroup .dpage em{ margin-left:auto; font-style:normal; font-family:var(--sans); font-size:var(--fs-2xs); color:var(--ink-mute); letter-spacing:.1em }
.dgroup .dpage:hover{ background:var(--wsj-tint) }
.dgroup.here{ background:var(--wsj-tint) }
.dgroup.here .dpage{ color:var(--wsj-deep) }
.site-drawer nav a.sub{ min-height:40px; padding:var(--s1) var(--s4) var(--s1) calc(var(--s4) + 34px); font-size:var(--fs-sm) }
.dgroup:not(.here) a.sub{ display:none }
@media (min-width:760px){ .dgroup:not(.here) a.sub{ display:flex } }

/* ---------- ana sayfa kapağı: eylem düğmeleri + giriş animasyonu ---------- */
.hero-cta{ display:flex; flex-wrap:wrap; gap:var(--s3); margin-top:var(--s5) }
.btn-cta{ display:inline-flex; align-items:center; gap:var(--s2); min-height:var(--touch); padding:0 var(--s5);
  background:var(--hero-accent); color:var(--hero-bg); font-weight:900; font-size:var(--fs-sm); letter-spacing:.06em;
  text-decoration:none; border:2px solid var(--hero-accent); transition:transform var(--dur) var(--ease), background var(--dur), color var(--dur) }
.btn-cta:hover{ transform:translateY(-2px); color:var(--hero-bg) }
.btn-cta.ghost{ background:transparent; color:var(--hero-ink) }
.btn-cta.ghost:hover{ background:var(--hero-accent); color:var(--hero-bg) }
.hero .hero-img img,.phero-bg img{ will-change:transform }
.js .hero .wrap > *{ animation:rise .9s var(--ease) both }
.js .hero .wrap > *:nth-child(2){ animation-delay:.08s }
.js .hero .wrap > *:nth-child(3){ animation-delay:.16s }
.js .hero .wrap > *:nth-child(4){ animation-delay:.24s }
.js .hero .wrap > *:nth-child(5){ animation-delay:.32s }
.js .hero .wrap > *:nth-child(n+6){ animation-delay:.4s }
.js .hero .hero-img img{ animation:kenburns 18s ease-out both }
@keyframes rise{ from{ opacity:0; transform:translateY(28px) } }
@keyframes kenburns{ from{ scale:1.12 } to{ scale:1 } }

/* ---------- iç sayfa kapağı ---------- */
.phero{ position:relative; overflow:hidden; background:var(--hero-bg); color:var(--hero-ink);
  min-height:clamp(340px,62vh,560px); display:flex; align-items:flex-end; isolation:isolate }
.phero-bg{ position:absolute; inset:0; z-index:-1 }
.phero-bg img{ width:100%; height:115%; object-fit:cover; filter:grayscale(.35) contrast(1.05) brightness(.55) }
.phero-bg::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(100deg,var(--hero-ov1) 0%,var(--hero-ov2) 50%,var(--hero-ov3) 100%) }
.phero-pattern{ background:
  radial-gradient(1200px 500px at 85% 10%, color-mix(in srgb,var(--hero-accent) 22%,transparent), transparent 60%),
  radial-gradient(800px 400px at 0% 100%, color-mix(in srgb,var(--wsj) 30%,transparent), transparent 60%), var(--hero-bg) }
.phero-pattern::after{ background:
  repeating-linear-gradient(0deg, var(--hero-rule) 0 1px, transparent 1px 56px),
  repeating-linear-gradient(90deg, var(--hero-rule) 0 1px, transparent 1px 56px); opacity:.35;
  mask-image:linear-gradient(180deg,#000,transparent 85%) }
.phero-pattern span{ position:absolute; border-radius:50%; filter:blur(50px); opacity:.45;
  background:var(--hero-accent); animation:drift 16s ease-in-out infinite alternate }
.phero-pattern span:nth-child(1){ width:320px; height:320px; right:8%; top:-80px }
.phero-pattern span:nth-child(2){ width:220px; height:220px; left:12%; bottom:-60px; background:var(--wsj); animation-duration:21s }
.phero-pattern span:nth-child(3){ width:160px; height:160px; right:38%; top:40%; opacity:.25; animation-duration:13s }
@keyframes drift{ to{ transform:translate(-60px,40px) scale(1.15) } }
.phero .wrap{ position:relative; width:100%; padding-top:var(--s8); padding-bottom:var(--s7) }
.phero-k{ display:flex; align-items:center; gap:var(--s2); font-weight:900; font-size:var(--fs-2xs); letter-spacing:.24em;
  text-transform:uppercase; color:var(--hero-mute); margin-bottom:var(--s4) }
.phero-k i{ color:var(--hero-accent); font-size:var(--fs-sm) }
.phero-t{ font-family:var(--serif); font-weight:900; font-size:clamp(38px,6.4vw,84px); line-height:1; letter-spacing:-.025em;
  color:var(--hero-ink); max-width:16ch }
.phero-t::after{ content:""; display:block; width:78px; height:4px; background:var(--hero-accent); margin-top:var(--s5);
  transform-origin:left; animation:grow 1s .35s var(--ease) both }
@keyframes grow{ from{ transform:scaleX(0) } }
.phero-d{ font-family:var(--serif); font-style:italic; font-size:clamp(17px,1.7vw,23px); color:var(--hero-soft);
  max-width:60ch; margin-top:var(--s4); line-height:1.45 }
.phero-chips{ display:flex; flex-wrap:wrap; gap:var(--s2); margin-top:var(--s5) }
.phc{ display:inline-flex; align-items:center; gap:var(--s2); min-height:var(--touch); padding:0 var(--s4);
  border:1px solid var(--hero-rule); color:var(--hero-ink); text-decoration:none; font-size:var(--fs-sm); font-weight:700;
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); transition:background var(--dur), border-color var(--dur), transform var(--dur) var(--ease) }
.phc b{ font-family:var(--serif); color:var(--hero-accent) }
.phc:hover{ background:var(--hero-accent); color:var(--hero-bg); border-color:var(--hero-accent); transform:translateY(-2px) }
.phc:hover b{ color:var(--hero-bg) }
.phero-credit{ margin-top:var(--s5); font-size:var(--fs-2xs); color:var(--hero-mute); max-width:70ch }
.phero-down{ position:absolute; right:var(--gutter); bottom:var(--s5); width:var(--touch); height:var(--touch);
  display:grid; place-items:center; border:1px solid var(--hero-rule); border-radius:50%; color:var(--hero-ink);
  text-decoration:none; animation:bob 2.2s ease-in-out infinite }
.phero-down:hover{ background:var(--hero-accent); color:var(--hero-bg) }
@keyframes bob{ 50%{ transform:translateY(6px) } }
.phero :focus-visible{ outline-color:var(--hero-accent) }
.js .phero .wrap > *:not(.phero-down){ animation:rise .8s var(--ease) both }
.js .phero .wrap > :nth-child(2){ animation-delay:.07s }
.js .phero .wrap > :nth-child(3){ animation-delay:.14s }
.js .phero .wrap > :nth-child(4){ animation-delay:.21s }
@media (max-width:599px){ .phero-down{ display:none } .phero .wrap{ padding-top:var(--s7); padding-bottom:var(--s6) } }

/* ---------- kaydırmada belirme ---------- */
.js .rv{ opacity:0; transform:translateY(var(--rv-dist)); transition:opacity var(--rv-dur) var(--ease), transform var(--rv-dur) var(--ease);
  transition-delay:calc(var(--rv-i,0) * 70ms) }
.js .rv.rv-l{ transform:translateX(calc(var(--rv-dist) * -1)) }
.js .rv.rv-s{ transform:scale(.96) }
.js .rv.in{ opacity:1; transform:none }
.sec-head .kicker{ position:relative }
.js .sec-head.rv .kicker::after{ content:""; display:inline-block; vertical-align:middle; margin-left:var(--s3); height:2px; width:0;
  background:var(--wsj); transition:width 1s .25s var(--ease) }
.js .sec-head.rv.in .kicker::after{ width:48px }

/* ---------- sayaç: sabit genişlik titreşimi önler ---------- */
.cnt{ font-variant-numeric:tabular-nums }

/* ---------- kart hover canlılığı ---------- */
.card,.bigstat,.person-card,.bio-card,.co,.fig{ transition:transform .35s var(--ease), box-shadow .35s var(--ease) }
@media (hover:hover){
  .card:hover,.person-card:hover,.bio-card:hover,.co:hover{ transform:translateY(-3px); box-shadow:var(--lift) }
  .bigstat:hover{ transform:translateY(-3px) }
}

/* ---------- ana sayfa: bölüm kartları ---------- */
.chap-grid{ display:grid; gap:var(--s4); grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); margin-top:var(--s5) }
.chap{ position:relative; display:flex; flex-direction:column; gap:var(--s2); padding:var(--s5); min-height:230px;
  background:var(--surface); border:1px solid var(--rule); color:var(--ink); text-decoration:none; overflow:hidden;
  transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s }
.chap::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--wsj);
  transform:scaleY(.25); transform-origin:top; transition:transform .45s var(--ease) }
.chap-no{ position:absolute; right:var(--s4); top:var(--s2); font-family:var(--serif); font-weight:900; font-size:64px;
  line-height:1; color:var(--wsj-tint); -webkit-text-stroke:1px var(--rule-strong); transition:transform .5s var(--ease) }
.chap-ico{ width:48px; height:48px; display:grid; place-items:center; background:var(--wsj-tint); color:var(--wsj); font-size:20px;
  transition:background .35s, color .35s, transform .45s var(--ease) }
.chap-t{ font-family:var(--serif); font-weight:900; font-size:var(--fs-xl); line-height:1.15; margin-top:var(--s2) }
.chap-d{ color:var(--ink-soft); font-size:var(--fs-sm) }
.chap-s{ color:var(--ink-mute); font-size:var(--fs-2xs); letter-spacing:.02em; margin-top:auto; padding-top:var(--s3); border-top:1px solid var(--rule) }
.chap-go{ display:flex; align-items:center; gap:var(--s2); font-weight:900; font-size:var(--fs-2xs); letter-spacing:.14em;
  text-transform:uppercase; color:var(--wsj) }
.chap-go i{ transition:transform .35s var(--ease) }
.chap:hover{ transform:translateY(-5px); box-shadow:var(--lift); border-color:var(--wsj); color:var(--ink) }
.chap:hover::before{ transform:scaleY(1) }
.chap:hover .chap-ico{ background:var(--wsj); color:var(--on-wsj); transform:rotate(-6deg) scale(1.06) }
.chap:hover .chap-no{ transform:translateY(4px) scale(1.08) }
.chap:hover .chap-go i{ transform:translateX(5px) }

/* ---------- sağ bölüm rayı (geniş ekran) ---------- */
.srail{ position:fixed; right:var(--s4); top:50%; transform:translateY(-50%); z-index:50; display:none; flex-direction:column; gap:var(--s2) }
@media (min-width:1320px){ .srail{ display:flex } }
.srail a{ display:flex; align-items:center; justify-content:flex-end; gap:var(--s2); min-height:28px; text-decoration:none }
.srail .rd{ width:10px; height:10px; border-radius:50%; border:2px solid var(--ink-mute); background:var(--paper);
  transition:transform .3s var(--ease), background .3s, border-color .3s }
.srail .rl{ font-size:var(--fs-2xs); font-weight:700; color:var(--ink); background:var(--surface); border:1px solid var(--rule);
  padding:2px var(--s2); opacity:0; transform:translateX(8px); transition:opacity .25s, transform .25s var(--ease); pointer-events:none; white-space:nowrap }
.srail a:hover .rl,.srail a:focus-visible .rl,.srail a.on .rl{ opacity:1; transform:none }
.srail a.on .rd{ background:var(--wsj); border-color:var(--wsj); transform:scale(1.35) }
.srail a:hover .rd{ border-color:var(--wsj) }

/* ---------- alt gezinme (önceki / sonraki) ---------- */
.pager{ border-top:2px solid var(--ink); background:var(--surface-2); padding:var(--s6) 0 }
.pager-in{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s4) }
.pg{ display:flex; flex-direction:column; gap:var(--s1); padding:var(--s4) var(--s5); min-height:92px; justify-content:center;
  background:var(--surface); border:1px solid var(--rule); text-decoration:none; color:var(--ink);
  transition:border-color .3s, transform .35s var(--ease), box-shadow .35s var(--ease) }
.pg.next{ text-align:right; align-items:flex-end }
.pg.ph{ visibility:hidden }
.pg-k{ font-size:var(--fs-2xs); font-weight:900; letter-spacing:.16em; text-transform:uppercase; color:var(--wsj) }
.pg-k i{ transition:transform .35s var(--ease) }
.pg-t{ font-family:var(--serif); font-size:var(--fs-xl); font-weight:900; line-height:1.15 }
.pg:hover{ border-color:var(--wsj); transform:translateY(-3px); box-shadow:var(--lift); color:var(--ink) }
.pg.next:hover .pg-k i{ transform:translateX(5px) }
.pg.prev:hover .pg-k i{ transform:translateX(-5px) }
@media (max-width:599px){ .pager-in{ grid-template-columns:1fr } .pg.ph{ display:none } .pg-t{ font-size:var(--fs-lg) } }

/* ---------- site alt bilgisi ---------- */
.site-foot .foot-grid{ display:grid; gap:var(--s6); grid-template-columns:1fr; margin-bottom:var(--s5) }
@media (min-width:760px){ .site-foot .foot-grid{ grid-template-columns:1.3fr 1fr } }
.foot-brand{ font-weight:900; letter-spacing:.22em; text-transform:uppercase; font-size:var(--fs-xs); margin-bottom:var(--s3) }
.foot-h{ font-weight:900; letter-spacing:.18em; text-transform:uppercase; font-size:var(--fs-2xs); margin-bottom:var(--s2) }
.foot-links{ list-style:none; columns:2; column-gap:var(--s5) }
.foot-links li{ break-inside:avoid }
.foot-links a{ display:inline-flex; gap:var(--s2); min-height:36px; align-items:center; text-decoration:none }
.foot-links a:hover{ text-decoration:underline }
.foot-small{ font-size:var(--fs-2xs); opacity:.85 }

/* ---------- başa dön: ilerleme halkası ---------- */
.totop{ border-radius:50%; background:conic-gradient(var(--wsj) calc(var(--p,0) * 1%), var(--surface) 0) }
.totop i{ background:var(--surface); width:36px; height:36px; border-radius:50%; display:grid; place-items:center }
.totop:hover i{ background:var(--wsj); color:var(--on-wsj) }

/* ---------- yazı boyutu: tipografi ölçeği tek çarpanla (--fz, Görünüm paneli) ---------- */
:root{
  --fz:1;
  --fs-2xs:calc(11px * var(--fz)); --fs-xs:calc(12.5px * var(--fz)); --fs-sm:calc(14px * var(--fz)); --fs-md:calc(16px * var(--fz));
  --fs-lg:calc(19px * var(--fz)); --fs-xl:calc(24px * var(--fz)); --fs-2xl:calc(30px * var(--fz));
}
body{ font-family:var(--sans) }

/* ---------- kağıt tonu (yalnız açık tema): gazete kremi varsayılan; kart/tablo yüzeyleri de kağıt tonunda ----------
   Metin kontrastı: en açık gri metin (--ink-mute) en koyu tonda (sepya) 5,35:1 — WCAG AA. */
:root[data-theme="light"]{ --surface:#F7F2E9; --surface-2:#EDE6D9 }
:root[data-theme="light"][data-paper="sepya"]{
  --paper:#F1E7D2; --surface:#F5ECDA; --surface-2:#E9DEC6; --glass:rgba(241,231,210,.94); --rule:#D8CAAE; --rule-strong:#BFAE8E; --logo-bg:#F8F1E2 }
:root[data-theme="light"][data-paper="beyaz"]{
  --paper:#FAFAF8; --surface:#FFFFFF; --surface-2:#F1F1EE; --glass:rgba(250,250,248,.94); --rule:#E0E0DC; --rule-strong:#C9C9C4; --logo-bg:#FFFFFF }
@media (prefers-color-scheme:light){
  :root:not([data-theme]){ --surface:#F7F2E9; --surface-2:#EDE6D9 }
  :root:not([data-theme])[data-paper="sepya"]{
    --paper:#F1E7D2; --surface:#F5ECDA; --surface-2:#E9DEC6; --glass:rgba(241,231,210,.94); --rule:#D8CAAE; --rule-strong:#BFAE8E; --logo-bg:#F8F1E2 }
  :root:not([data-theme])[data-paper="beyaz"]{
    --paper:#FAFAF8; --surface:#FFFFFF; --surface-2:#F1F1EE; --glass:rgba(250,250,248,.94); --rule:#E0E0DC; --rule-strong:#C9C9C4; --logo-bg:#FFFFFF }
}
.vt-swatch{ display:inline-block; width:14px; height:14px; border:1px solid var(--border-control); vertical-align:-2px }

/* ---------- eksik ikon kuralları (Font Awesome 6 Free Solid) ---------- */
.fa-font::before{content:"\f031"}
.fa-compress::before{content:"\f066"}
.fa-magnifying-glass-minus::before{content:"\f010"}
.fa-up-down-left-right::before{content:"\f0b2"}

/* ---------- tablo düzeltmesi: ad sütunu harf harf kırılmasın, rozetler sarsın ---------- */
table.wsj td{ overflow-wrap:break-word; word-break:normal; hyphens:auto }
table.wsj td:first-child{ min-width:11ch }
table.wsj td .st,table.wsj td .pill{ display:inline; white-space:normal; line-height:1.9;
  -webkit-box-decoration-break:clone; box-decoration-break:clone }
table.wsj td .kay{ overflow-wrap:anywhere }
/* büyük yazı boyutunda (Görünüm → 150%) rozetler ve sözlük düğmeleri satır sarsın, ekrandan taşmasın */
.pill,.st{ white-space:normal; flex-wrap:wrap; max-width:100% }
button.gl,a.gl{ white-space:normal }
html{ overflow-x:clip }

/* ---------- Görünüm paneli ---------- */
.vpanel{ position:fixed; z-index:95; top:calc(var(--mast-h) + 6px); right:max(var(--gutter), calc((100vw - var(--maxw)) / 2 + var(--gutter)));
  width:min(400px, calc(100vw - 2 * var(--gutter))); max-height:calc(100dvh - var(--mast-h) - 16px); overflow:auto;
  background:var(--surface); color:var(--ink); border:1px solid var(--rule-strong); box-shadow:var(--shadow-lg);
  animation:vp-in .25s var(--ease) both }
.vpanel[hidden]{ display:none }
@keyframes vp-in{ from{ opacity:0; transform:translateY(-8px) } }
.vp-head{ display:flex; align-items:center; justify-content:space-between; padding:var(--s2) var(--s3) var(--s2) var(--s4);
  border-bottom:2px solid var(--ink); position:sticky; top:0; background:var(--surface); z-index:1 }
.vp-head h2{ font-family:var(--serif); font-size:20px; display:flex; gap:var(--s2); align-items:center }
.vp-head h2 i{ color:var(--wsj); font-size:16px }
.vp-body{ padding:var(--s3) var(--s4) var(--s4) }
.vp-sec{ border:0; margin:0 0 var(--s4) }
.vp-sec legend{ font-weight:900; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-mute);
  margin-bottom:var(--s2); display:flex; gap:var(--s2); align-items:center; width:100% }
.vp-sec legend output{ margin-left:auto; color:var(--wsj); letter-spacing:.04em; font-size:13px }
.seg{ display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--border-control) }
.seg label{ position:relative; cursor:pointer }
.seg input,.vf-opt input{ position:absolute; opacity:0; width:1px; height:1px }
.seg span{ display:flex; align-items:center; justify-content:center; gap:6px; min-height:var(--touch); font-size:14px; font-weight:700;
  transition:background var(--dur), color var(--dur) }
.seg label + label span{ border-left:1px solid var(--border-control) }
.seg input:checked + span{ background:var(--wsj); color:var(--on-wsj) }
.seg input:focus-visible + span,.vf-opt input:focus-visible ~ .vf-txt{ outline:3px solid var(--wsj); outline-offset:2px }
.fz-row{ display:flex; align-items:center; gap:var(--s3) }
.fz-row input[type=range]{ flex:1; accent-color:var(--wsj); min-height:var(--touch) }
.fz-s{ font-size:13px } .fz-l{ font-size:19px }
.vp-prev{ margin-top:var(--s2); padding:var(--s2) var(--s3); background:var(--surface-2); border-left:3px solid var(--wsj);
  font-size:var(--fs-md); line-height:1.6 }
.vf-list{ display:grid; gap:4px }
.vf-opt{ position:relative; display:flex; align-items:center; gap:var(--s3); padding:var(--s2) var(--s3); min-height:56px; cursor:pointer;
  border:1px solid var(--rule); transition:border-color var(--dur), background var(--dur) }
.vf-opt:hover{ border-color:var(--wsj); background:var(--wsj-tint) }
.vf-opt:has(input:checked){ border-color:var(--wsj); background:var(--wsj-tint); box-shadow:inset 3px 0 0 var(--wsj) }
.vf-a{ flex:0 0 44px; font-size:26px; line-height:1; text-align:center; color:var(--ink) }
.vf-txt{ display:flex; flex-direction:column; min-width:0 }
.vf-txt b{ font-size:15px }
.vf-txt small{ font-size:12.5px; color:var(--ink-mute); line-height:1.35 }
.vf-a[data-f="varsayilan"]{ font-family:'Lato',sans-serif }
.vf-a[data-f="literata"]{ font-family:'Literata',serif }
.vf-a[data-f="source-serif"]{ font-family:'Source Serif 4',serif }
.vf-a[data-f="merriweather"]{ font-family:'Merriweather',serif }
.vf-a[data-f="inter"]{ font-family:'Inter',sans-serif }
.vf-a[data-f="atkinson"]{ font-family:'Atkinson Hyperlegible Next',sans-serif }
.vf-a[data-f="lexend"]{ font-family:'Lexend',sans-serif }
.vf-a[data-f="plex"]{ font-family:'IBM Plex Sans',sans-serif }
.vf-a[data-f="sistem"]{ font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif }
.vp-reset{ width:100%; justify-content:center }
.vp-note{ margin-top:var(--s2); font-size:12.5px; color:var(--ink-mute) }
#btn-view[aria-expanded="true"]{ background:var(--wsj); color:var(--on-wsj); border-color:var(--wsj) }
@media (max-width:599px){ .vpanel{ left:var(--gutter); right:var(--gutter); width:auto } }

/* ---------- diyagram yakınlaştırma ---------- */
.zbar{ display:inline-flex; align-items:center; gap:2px; margin-left:auto }
.zbar .ibtn{ min-width:40px; height:40px }
.zbar output{ min-width:5ch; text-align:center; font-size:13px; font-weight:700; font-variant-numeric:tabular-nums; color:var(--ink-soft) }
.diag .dtools{ flex-wrap:wrap }
.diag-scroll.zoomable,.diag-big.zoomable{ overflow:auto; max-height:min(78vh,900px); touch-action:pan-x pan-y; cursor:grab;
  overscroll-behavior:contain }
.diag-scroll.zoomable.dragging,.diag-big.zoomable.dragging{ cursor:grabbing; user-select:none }
.diag-scroll.zoomable svg,.diag-big.zoomable svg{ max-width:none }
.zhint{ font-size:12px; color:var(--ink-mute); margin-top:var(--s1) }
.lightbox .lb-body:has(.diag-big.zoomable){ overflow:hidden; padding:0; display:block }
.lightbox .lb-body .diag-big.zoomable{ min-width:0; width:100%; height:100%; max-height:none; padding:var(--s3) }
.lightbox .lb-bar .zbar{ margin-left:auto }

/* ---------- canlı akış ---------- */
.fa-tower-broadcast::before{content:"\f519"}
@media (min-width:900px) and (max-width:1359px){ .pnav a i{ display:none } }
.live-dot{ display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--neg); vertical-align:1px;
  box-shadow:0 0 0 0 color-mix(in srgb,var(--neg) 60%,transparent); animation:live 1.8s ease-out infinite }
@keyframes live{ 70%{ box-shadow:0 0 0 8px transparent } 100%{ box-shadow:0 0 0 0 transparent } }
.phero .live-dot{ background:var(--hero-accent) }
.ak-tools{ display:flex; flex-wrap:wrap; gap:var(--s3); align-items:center; margin:var(--s4) 0 var(--s5);
  position:sticky; top:calc(var(--site-top) + 0px); z-index:5; background:var(--sec-bg,var(--paper)); padding:var(--s2) 0; border-bottom:1px solid var(--rule) }
.ak-tools .chips{ display:flex; flex-wrap:wrap; gap:var(--s1) }
.ak-q{ flex:1 1 220px }
.ak-tools .chip .sw{ background:var(--lane); border:1px solid var(--on-wsj) }
.ak-tools .chip[aria-pressed="false"] .sw{ border-color:var(--border-control) }
.ak-q input{ width:100%; min-height:var(--touch); padding:0 var(--s3); border:1px solid var(--border-control); background:var(--surface); color:var(--ink); font:inherit }
.ak-days{ list-style:none; padding:0 }
.ak-dh{ display:flex; align-items:baseline; gap:var(--s3); font-family:var(--serif); font-size:var(--fs-xl); margin:var(--s6) 0 var(--s3);
  padding-bottom:var(--s2); border-bottom:2px solid var(--ink) }
.ak-dh .ak-n{ margin-left:auto; font-family:var(--sans); font-size:var(--fs-xs); font-weight:700; color:var(--ink-mute); letter-spacing:.06em }
.ak-month summary{ cursor:pointer; list-style:none; font-size:var(--fs-lg); border-bottom-width:1px }
.ak-month summary::-webkit-details-marker{ display:none }
.ak-month summary::before{ content:"\f054"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:12px; color:var(--wsj); transition:transform .25s var(--ease) }
.ak-month details[open] summary::before{ transform:rotate(90deg) }
.ak-list{ list-style:none; padding:0; position:relative }
.ak-list::before{ content:""; position:absolute; left:67px; top:0; bottom:0; width:2px; background:var(--rule) }
.ak-it{ display:grid; grid-template-columns:52px 32px minmax(0,1fr); align-items:start; margin-bottom:var(--s3) }
.ak-time{ font-weight:900; font-size:var(--fs-sm); color:var(--ink-soft); text-align:right; padding-top:var(--s3) }
.ak-dot{ width:14px; height:14px; border-radius:50%; background:var(--paper); border:3px solid var(--lane,var(--wsj)); margin:16px auto 0; position:relative; z-index:1 }
.ak-card{ background:var(--surface); border:1px solid var(--rule); border-left:4px solid var(--lane,var(--wsj)); padding:var(--s3) var(--s4) }
.ak-card h4{ font-family:var(--serif); font-size:var(--fs-lg); line-height:1.3; margin:var(--s1) 0 }
.ak-card p{ color:var(--ink-soft) }
.ak-meta{ display:flex; gap:var(--s2); align-items:center; flex-wrap:wrap }
.ak-kat{ font-size:var(--fs-2xs); font-weight:900; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-mute) }
.ak-fig{ margin:var(--s2) 0 var(--s3); max-width:560px }
.ak-fig img{ width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover; border:1px solid var(--rule); background:var(--surface-2) }
.ak-fig figcaption{ font-size:var(--fs-2xs); color:var(--ink-mute); margin-top:4px }
.ak-foot{ margin-top:var(--s2); display:flex; flex-direction:column; gap:var(--s1) }
.ak-it:target .ak-card,.ak-it.flash .ak-card{ box-shadow:0 0 0 3px var(--wsj) }
.ak-it.hidden,.ak-day.hidden{ display:none }
@media (max-width:599px){
  .ak-list::before{ left:9px } .ak-it{ grid-template-columns:20px minmax(0,1fr) }
  .ak-time{ grid-column:2; text-align:left; padding:0 0 2px; font-size:var(--fs-xs) } .ak-time:empty{ display:none }
  .ak-dot{ grid-column:1; grid-row:1 / span 2; margin:4px 0 0 2px } .ak-card{ grid-column:2; grid-row:2 }
}
/* yeni kayıt uyarısı (yoklama) */
.ak-new{ position:fixed; left:50%; top:calc(var(--site-top) + 12px); transform:translateX(-50%); z-index:90; display:flex; gap:var(--s3); align-items:center;
  background:var(--ink); color:var(--paper); padding:var(--s2) var(--s2) var(--s2) var(--s4); box-shadow:var(--shadow-lg); animation:vp-in .3s var(--ease) both;
  max-width:calc(100vw - 2 * var(--gutter)) }
.ak-new[hidden]{ display:none }
.ak-new .btn{ min-height:40px }

/* ---------- ana sayfa: sağda son gelişmeler ---------- */
@media (min-width:1100px){
  .pg-index #s01 > .wrap{ max-width:calc(var(--maxw) + 380px); display:grid; grid-template-columns:minmax(0,1fr) 340px; column-gap:var(--s6) }
  .pg-index #s01 > .wrap > *{ grid-column:1 }
  .pg-index #s01 > .wrap > .home-feed{ grid-column:2; grid-row:1 / span 40; align-self:start; position:sticky; top:calc(var(--site-top) + var(--s4)) }
}
.home-feed{ background:var(--surface); border:1px solid var(--rule); border-top:4px solid var(--neg); margin:var(--s4) 0 var(--s5) }
.hf-head{ padding:var(--s3) var(--s4) var(--s2); border-bottom:1px solid var(--rule) }
.hf-head h3{ font-family:var(--serif); font-size:var(--fs-xl); display:flex; align-items:center; gap:var(--s2); margin:0 }
.hf-stamp{ font-size:var(--fs-xs); color:var(--ink-mute); margin-top:2px }
.hf-list{ list-style:none; padding:0; max-height:min(62vh,640px); overflow:auto }
.hf-it{ border-bottom:1px solid var(--rule); border-left:3px solid var(--lane,var(--wsj)); padding:var(--s2) var(--s4) var(--s2) var(--s3) }
.hf-it a{ display:flex; flex-direction:column; gap:2px; color:var(--ink); text-decoration:none }
.hf-it a:hover .hf-t{ color:var(--wsj); text-decoration:underline }
.hf-d{ font-size:var(--fs-2xs); font-weight:900; letter-spacing:.08em; color:var(--ink-mute) }
.hf-t{ font-size:var(--fs-sm); line-height:1.4; font-weight:700 }
.hf-du{ display:inline-block; margin-top:4px; font-size:var(--fs-2xs); font-weight:900; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-mute) }
.hf-du.du-ONAYLANDI,.hf-du.du-DOGRU{ color:var(--pos) } .hf-du.du-IDDIA,.hf-du.du-BELIRSIZ{ color:var(--amber) } .hf-du.du-YANLIS{ color:var(--neg) }
.hf-all{ display:flex; align-items:center; justify-content:space-between; min-height:var(--touch); padding:0 var(--s4); font-weight:900; font-size:var(--fs-xs);
  letter-spacing:.12em; text-transform:uppercase; text-decoration:none }
.hf-all:hover{ background:var(--wsj-tint) }
@media (prefers-reduced-motion:reduce){ .live-dot{ animation:none } }

/* ---------- hareketi azalt / yazdır ---------- */
@media (prefers-reduced-motion:reduce){
  .js .rv{ opacity:1; transform:none; transition:none }
  .js .hero .wrap > *,.js .phero .wrap > *,.js .hero .hero-img img,.phero-pattern span,.phero-down,.phero-t::after{ animation:none }
  ::view-transition-old(root),::view-transition-new(root){ animation:none }
  .chap,.pg,.card,.chap *{ transition:none }
}
@media print{
  .pnav,.srail,.pager,.phero-down,.hero-cta,.phero-chips{ display:none!important }
  .js .rv{ opacity:1!important; transform:none!important }
  .phero{ min-height:0; background:none; color:#000 }
  .phero-bg{ display:none }
  .phero-t,.phero-d,.phero-k{ color:#000 }
}

/* ---------- çerez onayı (KVKK açık rıza; Google Analytics yalnız "Kabul et" sonrası) ---------- */
.cerez{ position:fixed; left:var(--gutter); right:var(--gutter); bottom:var(--gutter); z-index:110; max-width:760px; margin:0 auto;
  display:flex; flex-wrap:wrap; gap:var(--s3) var(--s4); align-items:center; padding:var(--s3) var(--s4);
  background:var(--surface); color:var(--ink); border:1px solid var(--rule-strong); border-top:3px solid var(--wsj); box-shadow:var(--shadow-lg);
  animation:vp-in .3s var(--ease) both }
.cerez[hidden]{ display:none }
.cerez p{ flex:1 1 320px; font-size:var(--fs-sm); line-height:1.5; margin:0 }
.cerez-dugmeler{ display:flex; gap:var(--s2); flex:0 0 auto }
@media print{ .cerez{ display:none!important } }

/* ---------- site içi arama (assets/arama.js) ---------- */
.arama{ position:fixed; inset:0; z-index:120; background:var(--scrim); display:flex; justify-content:center; align-items:flex-start;
  padding:min(8vh,80px) var(--gutter) var(--gutter); animation:fade-in .2s var(--ease) both }
.arama[hidden]{ display:none }
.arama-ic{ width:min(760px,100%); max-height:100%; display:flex; flex-direction:column; background:var(--surface); color:var(--ink);
  border:1px solid var(--rule-strong); border-top:3px solid var(--wsj); box-shadow:var(--shadow-lg); animation:vp-in .25s var(--ease) both }
.arama-ust{ display:flex; align-items:center; gap:var(--s2); padding:var(--s2) var(--s2) var(--s2) var(--s4); border-bottom:1px solid var(--rule) }
.arama-ust > i{ color:var(--wsj); font-size:18px }
.arama-ust input{ flex:1; min-width:0; min-height:48px; border:0; background:transparent; color:var(--ink); font:inherit; font-size:var(--fs-lg); outline:none }
.arama-ust input::-webkit-search-cancel-button{ -webkit-appearance:none }
.arama-ust:focus-within{ box-shadow:inset 0 -2px 0 var(--wsj) }
.arama-cip{ display:flex; flex-wrap:wrap; gap:var(--s1); padding:var(--s2) var(--s4) 0 }
.arama-cip:empty{ display:none }
.arama-durum{ padding:var(--s2) var(--s4) 0; font-size:var(--fs-xs); color:var(--ink-mute); min-height:1.2em }
.arama-sonuc{ list-style:none; overflow:auto; padding:var(--s2) var(--s2) var(--s2); flex:1 1 auto; overscroll-behavior:contain }
.arama-a{ display:grid; gap:2px; padding:var(--s2) var(--s3); text-decoration:none; color:var(--ink); border-left:3px solid transparent }
.arama-a:hover,.arama-a[aria-selected="true"]{ background:var(--wsj-tint); border-left-color:var(--wsj) }
.arama-meta{ display:flex; flex-wrap:wrap; gap:var(--s2); align-items:center; font-size:var(--fs-2xs); font-weight:900; letter-spacing:.1em; text-transform:uppercase }
.arama-tur{ color:var(--wsj) }
.arama-tur.t-kisi{ color:var(--lane-yargi,var(--wsj)) } .arama-tur.t-sirket{ color:var(--lane-piyasa,var(--wsj)) }
.arama-tur.t-canli-akis,.arama-tur.t-olay{ color:var(--lane-spk,var(--wsj)) } .arama-tur.t-baglanti{ color:var(--lane-siyaset,var(--wsj)) }
.arama-bag{ color:var(--ink-mute); font-weight:700; letter-spacing:.04em; text-transform:none }
.arama-t{ font-family:var(--serif); font-weight:700; font-size:var(--fs-md); line-height:1.3 }
.arama-x{ font-size:var(--fs-sm); color:var(--ink-soft); line-height:1.45 }
.arama mark{ background:color-mix(in srgb,var(--wsj) 22%,transparent); color:inherit; padding:0 1px; border-radius:2px }
.arama-daha{ margin:0 var(--s4) var(--s2) }
.arama-ipucu{ padding:var(--s2) var(--s4); border-top:1px solid var(--rule); font-size:var(--fs-2xs); color:var(--ink-mute) }
@media (max-width:599px){
  .arama{ padding:0 }
  .arama-ic{ width:100%; height:100%; max-height:none; border:0 }
  .arama-ipucu{ display:none }
}
.ara-flash{ animation:ara-flash 2.2s var(--ease) 1 }
@keyframes ara-flash{ 0%,30%{ box-shadow:0 0 0 4px var(--wsj) } 100%{ box-shadow:0 0 0 0 transparent } }
@media (prefers-reduced-motion:reduce){ .arama,.arama-ic,.ara-flash{ animation:none } }
@media print{ .arama{ display:none!important } }
.arama-daha[hidden]{ display:none }