/* Bileşen katmanı: en son yüklenir; renkler ve ölçüler tokens.css'ten gelir. */
:root{--font-ui:'Archivo','Meclis Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--font-reading:'Archivo','Meclis Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--font-okuma:'Meclis Reading',Georgia,serif;--font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;--paper:#f4f6f6;--atlas-paper:#f4f6f6;--ink:#0b1114;--atlas-ink:#0b1114}

:root[data-tema="koyu"]{--paper:var(--kagit);--atlas-paper:var(--kagit);--ink:var(--murekkep);--atlas-ink:var(--murekkep);--muted:var(--murekkep-2);--line:var(--cizgi);--atlas-rule:var(--cizgi);--soft:var(--kagit-2);--accent:var(--vurgu);--atlas-green:var(--vurgu);--surface:var(--yuzey);--surface-subtle:var(--kagit-2)}

/* Tipografi rolleri: başlık ve sayılar Archivo 800, etiket ve veri JetBrains Mono, uzun okuma serif */
.transcript>p,.snippet,.speech-body,.source-paragraph,.prose>p,.prose>ul,.prose>ol,.reading-specimen{font-family:var(--font-okuma)}
main :is(h1,h2,h3,h4){font-family:var(--font-reading)!important;font-weight:800!important;letter-spacing:-.025em!important}
main :is(h1,h2,h3,h4) em{font-style:normal;font-weight:inherit!important;letter-spacing:inherit!important}
.atlas-stats strong,.stats strong,.pulse-card>strong,.journal-day,.karne-stats strong,.ana-bant-rakamlar strong,.kesif-sayi{font-family:var(--font-reading)!important;font-weight:800!important;letter-spacing:-.03em!important;font-variant-numeric:tabular-nums}
main .atlas-hero h1{font-size:clamp(40px,5.6vw,72px)!important;line-height:1.05!important}
main :is(.atlas-head,.page-head) h1{font-size:clamp(34px,4.4vw,56px)!important;line-height:1.1!important}
main .section-heading h2{font-size:clamp(26px,3vw,36px)!important;line-height:1.15!important}
.eyebrow{font-family:var(--font-mono)!important;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--vurgu)}
.liste-deger,.mini-not,.karne-table thead th{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}
body{font-size:var(--yazi-g);line-height:1.6}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px;transition:none}
.atlas-head p,.karne-dipnot,.karne-hafta,.karne-method{font-size:var(--yazi-o);line-height:1.6}
.brand small{font-size:var(--yazi-s);letter-spacing:.06em;margin-left:0}

/* Dosya kartları: renk dolgusu ve renkli üst kenarlık yok; parti yalnızca küçük rozetle anılır. */
.member-card,.institution-card{background:var(--yuzey)!important;border:1px solid var(--cizgi)!important;border-radius:var(--yaricap-m)!important;box-shadow:none}
.member-card{padding:var(--bosluk-5)!important}
.member-card h3{font-size:20px!important;line-height:1.3}
.member-card p{font-size:var(--yazi-m)!important;color:var(--murekkep-2)}
.member-card:hover,.institution-card:hover{border-color:var(--vurgu)!important;transform:none}

/* Karne: rakam şeridi, durum çubuğu, tablo, kontroller */
.karne-stats{margin:var(--bosluk-5) 0;gap:var(--bosluk-5)}
.karne-stats div{border-left:4px solid var(--cizgi);padding-left:var(--bosluk-3)}
.karne-stats div:nth-child(1){border-color:var(--veri-zamaninda)}
.karne-stats div:nth-child(2){border-color:var(--veri-gec)}
.karne-stats div:nth-child(3){border-color:var(--veri-cevapsiz)}
.karne-stats strong{font:600 clamp(32px,6vw,56px)/1 var(--font-reading);color:var(--murekkep)}
.karne-stats span{font-size:var(--yazi-m);color:var(--murekkep-2)}
.durum-cubugu{display:flex;height:14px;border-radius:var(--yaricap-s);overflow:hidden;background:var(--kagit-2);margin:var(--bosluk-3) 0}
.durum-cubugu.bos{height:auto;padding:var(--bosluk-1) var(--bosluk-2);font-size:var(--yazi-s);color:var(--murekkep-2)}
.seg{display:block;height:100%}
.seg-zamaninda{background:var(--veri-zamaninda)}
.seg-gec{background:var(--veri-gec)}
.seg-cevapsiz{background:repeating-linear-gradient(135deg,var(--veri-cevapsiz) 0 6px,var(--veri-cevapsiz-koyu) 6px 9px)}
.seg-suruyor{background:var(--veri-suruyor)}
.karne-kontrol{display:flex;flex-wrap:wrap;gap:var(--bosluk-4);align-items:end;margin:var(--bosluk-4) 0}
.karne-kontrol label{display:grid;gap:var(--bosluk-1);font-size:var(--yazi-m)}
.karne-kontrol input{min-width:min(100%,280px);padding:10px 12px;border:1px solid var(--cizgi);border-radius:var(--yaricap-m);font:inherit;background:var(--yuzey)}
.karne-indir{padding:10px 14px;border:1px solid var(--vurgu);border-radius:var(--yaricap-m);color:var(--vurgu);text-decoration:none;white-space:nowrap}
.karne-indir:hover{background:var(--vurgu);color:var(--yuzey)}
.karne-table-wrap{overflow-x:auto;max-width:100%}
.karne-table{min-width:760px;width:100%;border-collapse:collapse;font-size:var(--yazi-m);font-variant-numeric:tabular-nums}
.karne-table th,.karne-table td{padding:var(--bosluk-3);border-bottom:1px solid var(--cizgi);text-align:right;vertical-align:middle}
.karne-table th:first-child,.karne-table td:first-child{text-align:left}
.karne-table thead th{cursor:pointer;white-space:nowrap;color:var(--murekkep-2);font-weight:600}
.karne-table thead th[data-sort="yok"]{cursor:default}
.karne-table thead th[aria-sort="ascending"]::after{content:" ↑"}
.karne-table thead th[aria-sort="descending"]::after{content:" ↓"}
.karne-table td:not(.karne-dagilim){white-space:nowrap}
.karne-table td small{font-size:var(--yazi-s);color:var(--murekkep-2);margin-left:var(--bosluk-1)}
.karne-table .karne-dagilim{min-width:180px;text-align:left}
.karne-table .karne-dagilim .durum-cubugu{margin:0}
.karne-table tbody th a{color:var(--murekkep);font-weight:600}

/* Aylık grafik: dar ekranda kaydırılabilir kap, yazı okunur kalır */
.aylik-grafik{margin:var(--bosluk-5) 0;overflow-x:auto}
.aylik-grafik svg{display:block;width:100%;min-width:560px;max-width:760px;height:auto}
.aylik-grafik rect{fill:var(--vurgu)}
.aylik-grafik rect.kismi{fill:url(#kismi)}
.aylik-grafik .deger,.aylik-grafik .ay,.aylik-grafik .yil{font-size:14px;font-family:var(--font-ui)}
.aylik-grafik .deger{fill:var(--murekkep)}
.aylik-grafik .ay{fill:var(--murekkep-2)}
.aylik-grafik .yil{fill:var(--murekkep);font-weight:600}
.aylik-grafik figcaption{font-size:var(--yazi-m);color:var(--murekkep-2);margin-top:var(--bosluk-2)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

/* Ana sayfa: rakam bandı */
.ana-bant{border-top:1px solid var(--murekkep);border-bottom:1px solid var(--cizgi);padding:var(--bosluk-5) 0;margin:var(--bosluk-6) 0}
.ana-bant-rakamlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--bosluk-5)}
.ana-bant-rakamlar div{display:grid;gap:var(--bosluk-1);align-content:start}
.ana-bant-rakamlar strong{font:600 clamp(28px,4vw,44px)/1 var(--font-reading);color:var(--murekkep)}
.ana-bant-rakamlar span{font-size:var(--yazi-m);color:var(--murekkep-2)}
.ana-bant-not{margin:var(--bosluk-4) 0 0;font-size:var(--yazi-m);color:var(--murekkep-2)}
.ana-bant-not a{color:var(--vurgu);margin-left:var(--bosluk-2)}

/* Ana sayfa: denetim (sol rakamlar, sağ aylık çubuklar) */
.ana-denetim{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--bosluk-6);align-items:start}
.ana-denetim-sag{border-left:1px solid var(--cizgi);padding-left:var(--bosluk-6)}
.mini-aylik{display:flex;align-items:flex-end;gap:4px;height:160px;border-bottom:1px solid var(--murekkep)}
.mini-cubuk{flex:1;min-width:0;background:var(--vurgu);border-radius:2px 2px 0 0}
.mini-cubuk[data-kismi="1"]{background:repeating-linear-gradient(135deg,var(--vurgu) 0 4px,var(--yuzey) 4px 7px)}
.mini-not{font-size:var(--yazi-s);color:var(--murekkep-2);margin:var(--bosluk-2) 0 0}

/* Ana sayfa: keşif ızgarası (tek tip, nötr) */
.kesif-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--bosluk-4)}
.kesif-kart{display:grid;gap:var(--bosluk-1);align-content:start;padding:var(--bosluk-5);background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--yaricap-m);text-decoration:none;color:var(--murekkep)}
.kesif-kart:hover{border-color:var(--vurgu)}
.kesif-sayi{font:600 28px/1 var(--font-reading);color:var(--vurgu)}
.kesif-kart strong{font-size:var(--yazi-o);line-height:1.3}
.kesif-aciklama{font-size:var(--yazi-m);color:var(--murekkep-2);line-height:1.4}

/* Ana sayfa: iki sütunlu ince satır listeleri */
.iki-sutun{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bosluk-6)}
.liste-baslik{display:flex;justify-content:space-between;align-items:baseline;gap:var(--bosluk-4);border-bottom:1px solid var(--murekkep);padding-bottom:var(--bosluk-2)}
.liste-baslik h3{margin:0;font:600 var(--yazi-o)/1.3 var(--font-ui)}
.liste-baslik a{font-size:var(--yazi-m);color:var(--vurgu);white-space:nowrap}
.liste-sutun ul{list-style:none;margin:0;padding:0}
.liste-sutun li a{display:flex;justify-content:space-between;gap:var(--bosluk-4);padding:var(--bosluk-3) 0;border-bottom:1px solid var(--cizgi);text-decoration:none;color:var(--murekkep);font-size:var(--yazi-g)}
.liste-sutun li a:hover span:first-child{color:var(--vurgu)}
.liste-sutun li a span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.liste-deger{color:var(--murekkep-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.liste-bos{padding:var(--bosluk-3) 0;color:var(--murekkep-2)}

/* Alt bilgi: dört hizalı sütun */
.alt-bilgi{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:var(--bosluk-6);align-items:start;width:min(1240px,calc(100% - 60px));margin:var(--bosluk-6) auto 0;padding:var(--bosluk-6) 0;border-top:1px solid var(--murekkep);background:none;font-size:var(--yazi-m)}
.alt-bilgi a{display:inline-flex;align-items:center;text-align:left;margin:0;min-height:32px}
.alt-marka p{margin:var(--bosluk-3) 0 0;font-size:var(--yazi-m);color:var(--murekkep-2)}
.alt-not{max-width:36ch;line-height:1.5}
.alt-bilgi .footer-logo{width:170px;height:auto;display:block}
.alt-sutun{display:block;min-width:0}
.alt-sutun h2{margin:0 0 var(--bosluk-3);font:600 var(--yazi-m)/1.2 var(--font-ui);letter-spacing:0;text-transform:none;color:var(--murekkep)}
.alt-sutun ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--bosluk-2)}
.alt-sutun a{font-size:var(--yazi-m);color:var(--murekkep-2);text-decoration:none;font-weight:400}
.alt-sutun a:hover{color:var(--vurgu);text-decoration:underline}

@media (max-width:900px){
.ana-bant-rakamlar{grid-template-columns:repeat(2,minmax(0,1fr))}
.ana-denetim{grid-template-columns:minmax(0,1fr)}
.ana-denetim-sag{border-left:0;padding-left:0;border-top:1px solid var(--cizgi);padding-top:var(--bosluk-5)}
.kesif-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
.iki-sutun{grid-template-columns:minmax(0,1fr)}
.alt-bilgi{grid-template-columns:repeat(2,minmax(0,1fr))}
.alt-marka{grid-column:1/-1}
}
@media (max-width:480px){
.kesif-izgara{grid-template-columns:minmax(0,1fr)}
.alt-bilgi{grid-template-columns:minmax(0,1fr)}
}

@media (max-width:680px){
.alt-bilgi{width:calc(100% - 40px)}
}

/* Modül kalıbı: ana sayfadaki her blok aynı kart (beyaz zemin, ince çerçeve, tek iç boşluk) */
.modul,main:has(.atlas-hero) .atlas-section,.ana-bant{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--yaricap-m);padding:var(--bosluk-5);margin:var(--bosluk-5) 0}
main:has(.atlas-hero) .section-heading{border-bottom:0;padding-bottom:var(--bosluk-3);margin:0 0 var(--bosluk-3)}
main:has(.atlas-hero) .section-heading>a{font:500 12px/1.2 var(--font-mono);letter-spacing:.04em;color:var(--vurgu);text-decoration:none;white-space:nowrap}
.modul-baslik{margin:0 0 var(--bosluk-4)}
.ana-bant{border-top:1px solid var(--cizgi)}

/* Bu hafta: dört ölçü, geçen haftayla fark */
.hafta-rakamlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--bosluk-5)}
.hafta-olcu{display:grid;gap:var(--bosluk-1);align-content:start;padding-left:var(--bosluk-3);border-left:4px solid var(--cizgi)}
.hafta-olcu:first-child{border-color:var(--vurgu)}
.hafta-olcu strong{font-size:clamp(32px,4.4vw,52px);line-height:1;color:var(--murekkep)}
.hafta-olcu span{font-size:var(--yazi-m);color:var(--murekkep-2)}
.fark{font:500 12px/1.3 var(--font-mono);font-style:normal;color:var(--murekkep-2)}
.hafta-not{margin:var(--bosluk-4) 0 0;font:400 12px/1.5 var(--font-mono);color:var(--murekkep-2)}
@media (max-width:900px){.hafta-rakamlar{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Denetim modülünde rakamlar kendi sütununda kalır */
.ana-denetim-sol{min-width:0}
.ana-denetim .karne-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bosluk-4)}
.ana-denetim .karne-stats strong{font-size:clamp(26px,3.2vw,40px)!important}

@media (max-width:680px){
/* ana sayfa modülleri */
main:has(.atlas-hero) .section-heading{flex-wrap:wrap;gap:var(--bosluk-2)}
main:has(.atlas-hero) .section-heading>a{white-space:normal}
.ana-denetim .karne-stats{gap:var(--bosluk-2)}
.ana-denetim .karne-stats strong{font-size:22px!important}
.ana-denetim .karne-stats div{padding-left:var(--bosluk-2)}
.modul,main:has(.atlas-hero) .atlas-section,.ana-bant{padding:var(--bosluk-4)}
.hafta-olcu strong{font-size:30px}
}

/* Gündemde kartları */
.gundem-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bosluk-4)}
.gundem-kart{display:grid;gap:var(--bosluk-2);align-content:start;padding:var(--bosluk-4);background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--yaricap-m);text-decoration:none;color:var(--murekkep)}
.gundem-kart:hover{border-color:var(--vurgu)}
.gundem-etiket{font:500 12px/1 var(--font-mono);letter-spacing:.08em;color:var(--vurgu)}
.gundem-kart strong{font-size:var(--yazi-o);line-height:1.3}
.gundem-ozet{font-size:var(--yazi-m);color:var(--murekkep-2);line-height:1.4}

/* Kelime nabzı */
.kelime-liste{list-style:none;margin:0;padding:0}
.kelime-satir a{display:grid;grid-template-columns:minmax(90px,160px) minmax(0,1fr) auto;gap:var(--bosluk-4);align-items:center;padding:var(--bosluk-2) 0;border-bottom:1px solid var(--cizgi);text-decoration:none;color:var(--murekkep)}
.kelime-ad{font-weight:800}
.kelime-cubuk{display:block;height:10px;background:var(--kagit-2);border-radius:var(--yaricap-s);overflow:hidden}
.kelime-cubuk i{display:block;height:100%;background:var(--vurgu)}
.kelime-adet{font:400 12px/1 var(--font-mono);color:var(--murekkep-2);white-space:nowrap}
.kelime-satir a:hover .kelime-ad{color:var(--vurgu)}

/* Vekil dizini: A–Z şeridi, il seçici, harf sayfaları */
.harf-seridi{display:flex;flex-wrap:wrap;gap:var(--bosluk-1);margin:var(--bosluk-2) 0 var(--bosluk-4)}
.harf-bagi{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 var(--bosluk-2);border:1px solid var(--cizgi);border-radius:var(--yaricap-s);font:600 14px/1 var(--font-mono);text-decoration:none;color:var(--murekkep);background:var(--yuzey)}
a.harf-bagi:hover,a.harf-bagi[aria-current]{background:var(--vurgu-zemin);color:#fff;border-color:var(--vurgu-zemin)}
.harf-bagi.yok{color:var(--murekkep-2);opacity:.45;background:transparent}
.il-secici{display:flex;flex-wrap:wrap;gap:var(--bosluk-3);align-items:end}
.il-secici label{display:grid;gap:var(--bosluk-1);font-size:var(--yazi-m)}
.il-secici select{min-width:220px;padding:10px 12px;border:1px solid var(--cizgi);border-radius:var(--yaricap-m);font:inherit;background:var(--yuzey)}
.il-secici button{padding:10px 16px;border:1px solid var(--vurgu);border-radius:var(--yaricap-m);background:var(--vurgu);color:var(--yuzey);font:inherit;font-weight:600;cursor:pointer}
.harf-liste{list-style:none;margin:var(--bosluk-4) 0;padding:0}
.harf-liste a{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:var(--bosluk-4);padding:var(--bosluk-3) 0;border-bottom:1px solid var(--cizgi);text-decoration:none;color:var(--murekkep)}
.harf-liste a:hover .liste-ad{color:var(--vurgu)}
.harf-liste .liste-ad{font-weight:600}
.harf-liste .liste-il{color:var(--murekkep-2)}
@media (max-width:900px){.gundem-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){
/* yeni bölümler */
.gundem-izgara{grid-template-columns:minmax(0,1fr)}
.harf-liste a{grid-template-columns:minmax(0,1fr) auto;gap:var(--bosluk-1) var(--bosluk-3)}
.kelime-satir a{grid-template-columns:minmax(0,1fr) auto}
.kelime-satir .kelime-cubuk{grid-column:1/-1;order:3}
.il-secici select{min-width:0;width:100%}
.il-secici label{flex:1 1 100%}
}

/* Tema düğmesi */
.tema-dugme{display:inline-grid;place-items:center;width:44px;height:44px;margin-left:var(--bosluk-3);padding:0;border:1px solid var(--cizgi);border-radius:var(--yaricap-k);background:var(--yuzey);color:var(--murekkep);cursor:pointer}
.tema-dugme:hover{border-color:var(--vurgu);color:var(--vurgu)}

/* Üst menü: koyu, güçlü çubuk. Tam genişlik; içerik sütunuyla hizalı, kaydırınca üstte sabit */
.section-nav{display:flex;align-items:stretch;flex-wrap:wrap;gap:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 max(30px,calc((100% - 1240px)/2))!important;box-sizing:border-box;background:var(--bar);border:0!important;position:sticky;top:0;z-index:30}
.section-nav a,.section-nav summary{display:inline-flex;align-items:center;min-height:48px;padding:0 14px;font:600 15px/1 var(--font-ui);color:var(--bar-yazi);text-decoration:none;border-top:3px solid transparent;border-bottom:3px solid transparent;cursor:pointer;list-style:none}
.section-nav summary::-webkit-details-marker{display:none}
.section-nav summary::after{content:"▾";margin-left:6px;font-size:12px}
.section-nav a::after{display:none!important}
.section-nav a:hover,.section-nav summary:hover,.menu-diger[open] summary{color:#fff;background:rgba(255,255,255,.07)}
.section-nav a[aria-current="page"],.section-nav summary.etkin{color:#fff;border-bottom-color:var(--bar-vurgu)}
.menu-diger{position:relative}
.menu-diger-liste{position:absolute;top:100%;left:0;min-width:220px;display:grid;padding:var(--bosluk-2);background:var(--bar);border:1px solid rgba(255,255,255,.14);border-radius:0 0 var(--yaricap-m) var(--yaricap-m);box-shadow:0 12px 24px rgba(0,0,0,.25)}
.menu-diger-liste a{border:0;border-radius:var(--yaricap-s)}
.menu-diger-liste a[aria-current="page"]{background:rgba(255,255,255,.1)}

/* Logo: açık temada ana logo, koyu temada ters (açık renkli) logo */
.brand .logo-koyu,.alt-marka .logo-koyu,img.logo-koyu{display:none}
:root[data-tema="koyu"] .brand .logo-acik,:root[data-tema="koyu"] .alt-marka .logo-acik,:root[data-tema="koyu"] img.logo-acik{display:none}
:root[data-tema="koyu"] .brand .logo-koyu,:root[data-tema="koyu"] .alt-marka .logo-koyu,:root[data-tema="koyu"] img.logo-koyu{display:block}
