/* KolayPR iç sayfalar (kurumsal, kaynaklar, yasal): home-v2b.css ve home-v3.css'in üstüne yüklenir.
   Renkler ve koyu mod home-v3.css'teki değişkenlerden gelir; burada yalnızca iç sayfa bileşenleri var. */

/* ===== Sayfa başlığı ===== */
.sayfa-bas{position:relative;padding-block:clamp(36px,5vw,64px) clamp(40px,5vw,64px);background:var(--hero-bg);border-bottom:1px solid var(--border)}
.kirinti{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:22px;font-size:.9rem;color:var(--muted)}
.kirinti a{color:var(--link);text-decoration:none}
.kirinti a:hover{text-decoration:underline;text-underline-offset:4px}
.kirinti span[aria-hidden]{color:var(--border-strong)}
.sayfa-bas h1{font-size:clamp(2.1rem,4.2vw,3.3rem);line-height:1.06;letter-spacing:-.035em;max-width:20ch}
.sayfa-bas .lead{margin-top:16px;max-width:58ch;font-size:clamp(1.05rem,1.4vw,1.2rem)}
.sayfa-bas .hero-cta{margin-top:28px}
.sayfa-meta{margin-top:14px;font-size:.9375rem;color:var(--muted)}

/* ===== Uzun metin (yasal, rehber) ===== */
.yazi{max-width:74ch;color:var(--text);font-size:1.0625rem;line-height:1.75}
.yazi>:first-child{margin-top:0}
.yazi h2{margin:2.4em 0 .7em;font-size:clamp(1.4rem,2.2vw,1.75rem);line-height:1.2}
.yazi h3{margin:1.8em 0 .5em;font-size:1.15rem;line-height:1.3}
.yazi p{margin:0 0 1em}
/* html{scroll-padding-top} (home-v2b) menü payını zaten veriyor; section[id] payı eklenmesin */
.yazi section[id]{scroll-margin-top:0}
.yazi section:first-child h2{margin-top:0}
.yazi ul,.yazi ol{margin:0 0 1.2em;padding:0}
.yazi ul>li{position:relative;padding-left:22px;margin-bottom:.5em}
.yazi ul>li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;background:var(--accent);clip-path:polygon(0 0,calc(100% - 3px) 0,100% 3px,100% 100%,0 100%)}
.yazi ol{counter-reset:madde}
.yazi ol>li{position:relative;padding-left:30px;margin-bottom:.5em;counter-increment:madde}
.yazi ol>li::before{content:counter(madde) ".";position:absolute;left:0;font-weight:700;color:var(--ink)}
.yazi strong{color:var(--ink);font-weight:600}
.yazi a{color:var(--link);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.yazi a:hover{color:var(--link-hover)}
.yazi blockquote{margin:1.4em 0;padding:16px 20px;border-left:3px solid var(--accent);background:var(--surface-2);color:var(--ink);font-size:1.1rem}
.yazi table{width:100%;margin:0 0 1.4em;border-collapse:collapse;font-size:.95rem;line-height:1.55}
.yazi th,.yazi td{padding:12px 14px;text-align:left;vertical-align:top;border:1px solid var(--border)}
.yazi th{background:var(--surface-2);color:var(--ink);font-weight:600}
.tablo-kap{overflow-x:auto;margin:0 0 1.4em}
.tablo-kap table{margin:0;min-width:520px}

/* ===== İçindekiler + metin düzeni ===== */
.yazi-duzen{display:grid;gap:36px}
.yazi-duzen>*{min-width:0}
@media (min-width:1000px){.yazi-duzen{grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start}}
.icindekiler{padding:20px 22px;background:var(--surface-2);border-top:3px solid var(--lacivert)}
@media (min-width:1000px){.icindekiler{position:sticky;top:calc(var(--nav-h) + 24px);max-height:calc(100dvh - var(--nav-h) - 48px);overflow:auto}}
.icindekiler h2{margin:0 0 12px;font:700 .8125rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.icindekiler ol{margin:0;padding:0;list-style:none;counter-reset:ic}
.icindekiler li{counter-increment:ic}
.icindekiler ol a{display:flex;gap:10px;padding:7px 0;color:var(--text);text-decoration:none;font-size:.95rem;line-height:1.4;border-bottom:1px solid var(--border)}
.icindekiler li:last-child a{border-bottom:0}
.icindekiler ol a::before{content:counter(ic,decimal-leading-zero);flex:none;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.icindekiler ol a:hover{color:var(--link)}
.icindekiler .yan-not .link{min-height:36px}
.icindekiler .yan-not{margin-top:18px;padding-top:16px;border-top:1px solid var(--border-strong);font-size:.95rem}
.icindekiler .yan-not strong{display:block;color:var(--ink)}
.icindekiler .yan-not p{margin:4px 0 10px;color:var(--text)}

/* ===== Kartlar (tek köşe kesik, ana sayfadaki paketlerle aynı teknik) ===== */
.kart{position:relative;padding:24px;background:var(--surface);border:1px solid var(--border);--cut:22px;--cizgi:var(--border);--bw:1px}
.kart::before{content:"";position:absolute;z-index:1;top:calc(-1 * var(--bw));right:calc(-1 * var(--bw));width:var(--cut);height:var(--cut);pointer-events:none;
  background:linear-gradient(225deg,var(--zemin,var(--bg)) calc(50% - var(--bw)),var(--cizgi) calc(50% - var(--bw)),var(--cizgi) calc(50% + var(--bw) * .5),transparent calc(50% + var(--bw) * .5))}
.kart h3{font-size:1.15rem;line-height:1.3}
.kart p{margin-top:8px;font-size:1rem;color:var(--text)}
.kartlar{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.kart .kart-ico{display:grid;place-items:center;width:44px;height:44px;margin-bottom:16px;background:var(--lacivert);color:var(--vurgu-acik);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.kart .kart-ico .ico{width:22px;height:22px}
a.kart{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:border-color .2s}
a.kart:hover{border-color:var(--ink);--cizgi:var(--ink)}
a.kart:hover h3{color:var(--link)}

/* bölüm başlığı */
.bolum-bas{max-width:720px;margin-bottom:clamp(28px,4vw,48px)}
.bolum-bas .lead{margin-top:12px}
.etiket{display:inline-block;padding:5px 12px 5px 10px;background:var(--accent-soft);color:var(--accent-ink);font:700 .75rem/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}

/* ===== İki sütun (metin + görsel) ===== */
.ikili{display:grid;gap:40px;align-items:center}
@media (min-width:920px){.ikili{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px}}
.ikili .yazi{max-width:none}
.gorsel-kesik{overflow:hidden;background:var(--surface-2);clip-path:polygon(0 0,calc(100% - 48px) 0,100% 48px,100% 100%,0 100%)}
.gorsel-kesik img{width:100%;height:100%;object-fit:cover}
.ozellikler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}
.ozellikler li{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface-2);color:var(--ink);font-weight:600;font-size:.95rem}
.ozellikler .ico{color:var(--accent)}

/* ===== Lacivert bant (misyon, alıntı) ===== */
.bant{background:var(--lacivert);color:var(--lacivert-metin);padding-block:clamp(56px,7vw,96px);--zemin:var(--lacivert)}
.bant .eyebrow{color:var(--vurgu-acik)}
.bant blockquote{margin:0;max-width:30ch;font:700 clamp(1.8rem,3.6vw,2.9rem)/1.12 var(--font-display);letter-spacing:-.03em;color:#fff;text-wrap:balance}

/* rakamlar: ana sayfadaki .stats, dört sütun */
.stats--4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:28px 24px;margin:0}
@media (min-width:760px){.stats--4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ===== Ekip ===== */
.ekip{display:grid;gap:28px 24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.ekip figure{margin:0}
.ekip .foto{aspect-ratio:1/1;overflow:hidden;background:var(--surface-2);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
.ekip .foto img{width:100%;height:100%;object-fit:cover}
.ekip h3{margin-top:16px;font-size:1.15rem}
.ekip .rol{margin-top:2px;color:var(--accent-ink);font-weight:600;font-size:.95rem}
.ekip figcaption p:last-child{margin-top:8px;font-size:.98rem;color:var(--text)}

/* ===== Blog ===== */
.one-cikan{display:grid;gap:32px;align-items:start}
@media (min-width:960px){.one-cikan{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}}
.one-cikan .gorsel-kesik{aspect-ratio:16/10}
.yazi-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:14px;font-size:.92rem;color:var(--muted)}
.yazar{display:flex;align-items:center;gap:12px;margin-top:20px}
.yazar img{width:44px;height:44px;object-fit:cover;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.yazar strong{display:block;color:var(--ink);font-size:.98rem}
.yazar span{font-size:.9rem;color:var(--muted)}
.one-cikan h2{margin-top:14px;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.12}
.one-cikan .yazi{margin-top:22px;font-size:1rem}
.one-cikan .yazi h3{margin-top:0}
.blog-kart{padding:0}
.blog-kart .gorsel{aspect-ratio:16/9;overflow:hidden;background:var(--surface-2)}
.blog-kart .gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.blog-kart:hover .gorsel img{transform:scale(1.03)}
.blog-kart .ic{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.blog-kart h3{margin-top:12px}
.blog-kart .yazi-meta{margin-top:auto;padding-top:16px}
@media (prefers-reduced-motion:reduce){.blog-kart .gorsel img{transition:none}}

/* ===== Rehber ===== */
.bolum-no{display:inline-grid;place-items:center;width:40px;height:40px;margin-right:12px;vertical-align:middle;background:var(--lacivert);color:#fff;font:700 1rem/1 var(--font-display);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
.yazi .kartlar{margin:1.4em 0 .4em;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.yazi .kart{padding:18px 20px}
.yazi .kart h3{margin:0}
.yazi .kart p{margin:6px 0 0;font-size:.98rem;line-height:1.5}
.ornekler{display:grid;gap:14px;margin:1.4em 0}
@media (min-width:760px){.ornekler{grid-template-columns:1fr 1fr}}
.ornek{padding:18px 20px;border-top:4px solid var(--ornek-renk);background:var(--surface-2)}
.ornek--yanlis{--ornek-renk:#C2412D}
.ornek--dogru{--ornek-renk:#1F7A4D}
:root[data-mod="koyu"] .ornek--yanlis{--ornek-renk:#FF8A78}
:root[data-mod="koyu"] .ornek--dogru{--ornek-renk:#5CD39A}
.ornek .baslik{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-weight:700;color:var(--ornek-renk)}
.ornek .alinti{margin:0 0 8px;color:var(--ink);font-weight:600}
.ornek p:last-child{margin:0;font-size:.98rem}
.yazi ul.isaretli>li{padding-left:34px}
.yazi ul.isaretli>li::before{display:none}
.yazi ul.isaretli .ico{position:absolute;left:0;top:.2em;width:22px;height:22px;padding:3px;color:#fff;background:#1F7A4D}
.yazi ul.isaretli .ico.hayir{background:#C2412D}
.yazi ul.isaretli strong{display:block}

/* ===== SSS ===== */
.sss-ara{position:relative;max-width:640px;margin-top:28px}
.sss-ara .input{padding-left:46px;min-height:52px}
.sss-ara .ara-ico{position:absolute;left:15px;top:15px;width:22px;height:22px;color:var(--muted);pointer-events:none}
.sss-ara.yukleniyor .ara-ico{animation:don 1s linear infinite}
@keyframes don{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sss-ara.yukleniyor .ara-ico{animation:none;opacity:.5}}
.sss-cevap{margin-top:12px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--ink);font-size:.98rem;line-height:1.6}
.sss-cevap a{color:var(--link);font-weight:600}
.sss-gruplar{display:grid;gap:48px;max-width:860px}
.sss-grup h2{margin-bottom:8px;font-size:1.35rem}
.sss-soru{border-bottom:1px solid var(--border)}
.sss-soru summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:16px 0;cursor:pointer;list-style:none;color:var(--ink);font-weight:600;font-size:1.05rem;line-height:1.4}
.sss-soru summary::-webkit-details-marker{display:none}
.sss-soru summary::after{content:"";flex:none;width:28px;height:28px;background:linear-gradient(currentColor,currentColor) center/12px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 12px no-repeat;border:1px solid var(--border-strong);color:var(--ink);transition:transform .2s}
.sss-soru[open] summary::after{background:linear-gradient(currentColor,currentColor) center/12px 2px no-repeat;transform:rotate(180deg)}
.sss-soru summary:hover{color:var(--link)}
.sss-soru .cevap{padding:0 44px 20px 0;color:var(--text);line-height:1.7}

/* ===== İletişim ===== */
.iletisim-duzen{display:grid;gap:40px;align-items:start}
@media (min-width:960px){.iletisim-duzen{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px}}
.iletisim-duzen form>.two:first-child .field{margin-top:0}
.bilgi-liste{display:grid;gap:18px;margin-top:16px}
.bilgi-liste dt{font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.bilgi-liste dd{margin:4px 0 0;color:var(--ink);font-size:1.02rem}
.bilgi-liste a{color:var(--link)}
.kart .not{margin-top:22px;padding-top:18px;border-top:1px solid var(--border);font-size:.95rem}
.mesaj-pencere{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(7,28,71,.45)}
.mesaj-pencere .modal-box{text-align:left}

/* ===== Bilgi kutusu (KVKK veri sorumlusu vb.) ===== */
.bilgi-kutu{margin:0 0 1.6em;padding:18px 20px;background:var(--surface-2);border-left:3px solid var(--lacivert)}
.bilgi-kutu h3{margin:0 0 6px;font-size:1.05rem}
.bilgi-kutu p{margin:0;font-size:.98rem}

/* ===== Sayfa sonu çağrısı: ana sayfanın kapanış kartı, maskot durağan ===== */
.final .kolay-sabit{width:clamp(150px,30vw,240px);height:auto;justify-self:start}
@media (min-width:860px){.final .kolay-sabit{width:240px}}

/* footer: bulunulan sayfa */
.site-footer a[aria-current="page"]{color:var(--ink);font-weight:600}
.nav-panel a[aria-current="page"],.nav-links a[aria-current="page"]{color:var(--ink)}

/* sayfa başlığından hemen sonraki bölüm daha yakın başlar */
.sayfa-bas+.section{padding-top:clamp(40px,5vw,64px)}
.blog-kart .etiket{align-self:flex-start}
.kartlar--blog{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}

/* ===================================================================== */
/* Giriş / kayıt / şifre sıfırlama                                        */
/* ===================================================================== */
.giris-govde{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg)}
.giris-ust{border-bottom:1px solid var(--border);background:var(--surface)}
.giris-ust .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--nav-h)}
.giris-ust .sag{display:flex;align-items:center;gap:8px 16px;font-size:.95rem;color:var(--muted)}
.giris-ust .sag a{color:var(--link);font-weight:600;text-decoration:none}
.giris-ust .sag a:hover{text-decoration:underline;text-underline-offset:4px}
@media (max-width:560px){.giris-ust .sag .ust-not{display:none}}
.giris-ana{flex:1;display:flex}
.giris-duzen{display:grid;width:100%}
@media (min-width:1000px){.giris-duzen{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.giris-form{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,6vw,72px) 16px}
.giris-form>div{width:100%;max-width:440px;margin-inline:auto}
.giris-form h1{font-size:clamp(1.9rem,3.4vw,2.5rem);line-height:1.08;letter-spacing:-.03em}
.giris-form .alt-baslik{margin-top:10px;color:var(--text)}
.giris-form form{margin-top:8px}
.giris-form .btn-block{margin-top:24px}
.alt-link{margin-top:22px;text-align:center;color:var(--text);font-size:.98rem}
.alt-link a{color:var(--link);font-weight:600;text-decoration:none}
.alt-link a:hover{text-decoration:underline;text-underline-offset:4px}
.etiket-satir{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.etiket-satir a{font-size:.9rem;font-weight:600;color:var(--link);text-decoration:none}
.etiket-satir a:hover{text-decoration:underline;text-underline-offset:4px}
.field .ipucu{margin-top:8px;font-size:.875rem;line-height:1.45;color:var(--muted)}
.field .zorunlu{color:#C2412D;margin-left:2px}
:root[data-mod="koyu"] .field .zorunlu{color:#FF8A78}

/* şifre alanı + göster/gizle */
.sifre{position:relative}
.sifre .input{padding-right:52px}
.goz{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:var(--muted);cursor:pointer}
.goz:hover{color:var(--ink)}
.goz svg{width:20px;height:20px;fill:currentColor}
.goz .kapali,.goz[aria-pressed="true"] .acik{display:none}
.goz[aria-pressed="true"] .kapali{display:block}

/* şifre gücü */
.guc{display:flex;gap:6px;margin-top:10px}
.guc i{flex:1;height:4px;background:var(--border);transition:background-color .2s}
.guc i[data-renk="kirmizi"]{background:#C2412D}
.guc i[data-renk="turuncu"]{background:#D9731A}
.guc i[data-renk="sari"]{background:#C9A100}
.guc i[data-renk="yesil-acik"]{background:#5E9F2E}
.guc i[data-renk="yesil"]{background:#1F7A4D}
.guc-etiket{margin-top:6px;font-size:.85rem;color:var(--muted);min-height:1.2em}

/* onay kutusu */
.onay{display:flex;gap:12px;align-items:flex-start;margin-top:22px;font-size:.95rem;line-height:1.5;color:var(--text)}
.onay input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--primary)}
.onay a{color:var(--link);font-weight:600}
.cf-turnstile{margin-top:20px}

/* bilgi bildirimi (kayıt başarılı vb.) */
.bildirim{margin:0 0 18px;padding:12px 16px;border-left:3px solid var(--bildirim,#1F7A4D);background:var(--surface-2);color:var(--ink);font-size:.95rem;line-height:1.5}

/* e-posta gönderildi kutusu */
.sonuc{text-align:left}
.sonuc .ikon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:20px;background:var(--lacivert);color:var(--vurgu-acik);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.sonuc .ikon .ico{width:28px;height:28px}
.sonuc .dugmeler{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* lacivert tanıtım paneli */
.giris-panel{display:none;position:relative;overflow:hidden;background:var(--lacivert);color:var(--lacivert-metin)}
@media (min-width:1000px){.giris-panel{display:flex;flex-direction:column;justify-content:center;padding:56px clamp(40px,5vw,80px)}}
.giris-panel::before{content:"";position:absolute;right:-12%;top:-18%;width:70%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(109,179,255,.18),transparent 70%);pointer-events:none}
.giris-panel>*{position:relative}
.giris-panel .kolay-sabit{width:min(300px,60%);height:auto;margin-bottom:12px}
.giris-panel h2{max-width:18ch;font-size:clamp(1.9rem,2.8vw,2.6rem);line-height:1.08;letter-spacing:-.03em;color:#fff}
.giris-panel h2 em{font-style:normal;color:var(--vurgu-acik)}
.giris-panel>p{margin-top:16px;max-width:44ch;font-size:1.05rem}
.panel-kartlar{display:grid;gap:10px;margin-top:32px;max-width:460px}
.panel-kart{display:flex;align-items:center;gap:14px;padding:14px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.panel-kart .ico{flex:none;width:36px;height:36px;padding:8px;background:var(--vurgu-acik);color:var(--lacivert);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
.panel-kart strong{display:block;color:#fff;font-size:.98rem}
.panel-kart span{font-size:.9rem}
.panel-kart .sayi{margin-left:auto;text-align:right;font:700 1.4rem/1 var(--font-display);color:#fff}
.panel-kart .sayi small{display:block;margin-top:4px;font:600 .8rem/1 var(--font-body);color:var(--vurgu-acik)}

/* kayıt: tek sütun, geniş kart */
.giris-duzen--tek{grid-template-columns:1fr!important}
.giris-duzen--tek .giris-form>div{max-width:680px}
.kayit-kart{padding:clamp(24px,4vw,40px);background:var(--surface);border:1px solid var(--border);position:relative;--cut:28px;--cizgi:var(--border);--bw:1px;--zemin:var(--bg)}
.kayit-kart::before{content:"";position:absolute;z-index:1;top:-1px;right:-1px;width:var(--cut);height:var(--cut);pointer-events:none;
  background:linear-gradient(225deg,var(--zemin) calc(50% - 1px),var(--cizgi) calc(50% - 1px),var(--cizgi) calc(50% + .5px),transparent calc(50% + .5px))}

.giris-alt{border-top:1px solid var(--border);background:var(--surface)}
.giris-alt .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding-block:18px;font-size:.88rem;color:var(--muted)}
.giris-alt nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.giris-alt a{color:var(--muted);text-decoration:none}
.giris-alt a:hover{color:var(--link)}

/* ===================================================================== */
/* Blog makalesi                                                          */
/* ===================================================================== */
.makale-bas .yazar{margin-top:22px}
.makale-kapak{max-width:1040px;margin:0 auto;aspect-ratio:16/8}
.makale-kapak img{width:100%;height:100%;object-fit:cover}
.makale-govde{max-width:74ch;margin-inline:auto}
.makale-govde.yazi>h2:first-child{margin-top:0}
.ilgili{max-width:74ch;margin:48px auto 0;padding-top:28px;border-top:1px solid var(--border)}
.ilgili h2{font-size:1.15rem;margin-bottom:16px}
.ilgili .kartlar{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.ilgili a.kart{flex-direction:row;align-items:center;gap:14px;padding:18px 20px;font-weight:600;color:var(--ink)}
.ilgili a.kart .ico{flex:none;color:var(--accent)}
.geri-link{display:inline-flex;align-items:center;gap:8px;margin-top:28px;color:var(--link);font-weight:600;text-decoration:none;min-height:44px}
.geri-link .ico{transform:scaleX(-1)}
.geri-link:hover{text-decoration:underline;text-underline-offset:4px}

/* ===================================================================== */
/* İş başvurusu                                                           */
/* ===================================================================== */
.basvuru{max-width:820px;margin-inline:auto}
.form-grup{margin:0;padding:0;border:0}
.form-grup+.form-grup{margin-top:36px;padding-top:28px;border-top:1px solid var(--border)}
.form-grup legend{display:flex;align-items:center;gap:10px;padding:0;margin-bottom:4px;font:700 1.15rem/1.3 var(--font-display);color:var(--ink)}
.form-grup legend .ico{width:32px;height:32px;padding:7px;background:var(--lacivert);color:var(--vurgu-acik);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}
.dosya-alan{position:relative;margin-top:16px;padding:32px 20px;text-align:center;background:var(--surface-2);border:2px dashed var(--border-strong);cursor:pointer;transition:border-color .2s,background-color .2s}
.dosya-alan:hover,.dosya-alan:focus-within,.dosya-alan.border-primary{border-color:var(--accent);background:var(--accent-soft)}
.dosya-alan .ico{width:36px;height:36px;margin:0 auto 10px;color:var(--accent)}
.dosya-alan p{margin:0;color:var(--ink);font-weight:600}
.dosya-alan p+p{margin-top:4px;font-weight:400;font-size:.9rem;color:var(--muted)}
#applyFilesList{margin-top:14px;font-size:.9rem;color:var(--text);text-align:left}
#applyFilesList p{margin:2px 0;font-weight:400;color:var(--text)}
#applyFilesList .text-red-500{color:#C2412D;font-weight:600}
:root[data-mod="koyu"] #applyFilesList .text-red-500{color:#FF8A78}
.basvuru textarea.input{margin-top:16px}

/* ===================================================================== */
/* 404                                                                    */
/* ===================================================================== */
.hata-kod{font:800 clamp(5rem,16vw,9rem)/.9 var(--font-display);letter-spacing:-.06em;color:var(--lacivert)}
:root[data-mod="koyu"] .hata-kod{color:var(--vurgu-acik)}
.hata-yollar{margin-top:8px}
.hata-yollar a.kart{gap:4px}
.hata-yollar a.kart .ico{width:24px;height:24px;margin-bottom:10px;color:var(--accent)}
.hata-yollar a.kart strong{color:var(--ink);font-size:1.05rem}
.hata-yollar a.kart span{color:var(--muted);font-size:.95rem}

/* ===================================================================== */
/* Bülten önizleme ve medya galerisi (gazeteciye giden bağlantılar)        */
/* İçerik betikle oluşturulur; betiğin eklediği sınıf adları korunarak      */
/* yalnızca burada biçimlenir.                                             */
/* ===================================================================== */
.arac-govde{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-alt)}
.arac-ust{display:flex;align-items:center;gap:12px;min-height:60px;padding:8px 16px;background:var(--surface);border-bottom:1px solid var(--border)}
.arac-ust .brand-img{height:34px}
.arac-ust .baslik{font:700 1.05rem/1.2 var(--font-display);color:var(--ink);padding-left:12px;border-left:1px solid var(--border)}
.arac-ust .sag{margin-left:auto;display:flex;align-items:center;gap:12px}
.arac-ust .mod-dugme{width:40px;height:40px}
#invalid{max-width:520px;margin:48px auto;padding:28px 24px;text-align:center;background:var(--surface);border:1px solid var(--border);border-top:3px solid #C2412D;color:var(--ink)}
#invalid p:first-child{font-weight:600}
#invalidDetail{margin-top:8px;color:var(--muted);font-size:.95rem}
/* bülten önizleme */
.bulten-kap{width:100%;max-width:820px;margin:0 auto;padding:20px 16px 40px;display:grid;gap:16px}
.bulten-kap .kart{padding:24px}
#bulletinKonu{font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.2}
#bulletinMetin{margin-top:16px;white-space:pre-wrap;color:var(--text);font-size:1.02rem;line-height:1.75}
.bulten-kap .kucuk-baslik{margin:0 0 12px;font:700 .78rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#thumbGrid{display:flex;flex-wrap:wrap;gap:10px}
#thumbGrid a{position:relative;display:block}
#thumbGrid img{width:132px;height:88px;object-fit:cover;border:1px solid var(--border)}
#thumbGrid a span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;text-shadow:0 1px 6px rgba(0,0,0,.6)}
#docsList{display:grid;gap:8px}
#docsList a{display:inline-flex;align-items:center;gap:8px;color:var(--link);font-weight:600;text-decoration:none}
#docsList a:hover{text-decoration:underline;text-underline-offset:4px}
#galleryBtnSection{text-align:center}
.bulten-alt{display:flex;justify-content:center;padding:8px 0}
.bulten-alt .brand-img{height:30px;opacity:.75}
/* medya galerisi */
.galeri-govde{height:100dvh;overflow:hidden}
#app.galeri{flex:1;display:flex;flex-direction:column;gap:12px;width:100%;max-width:1100px;margin:0 auto;padding:12px 16px 16px;min-height:0}
#app.galeri.hidden{display:none}
#irtibat{font-size:.85rem;line-height:1.4;color:var(--text);text-align:right}
#irtibat .font-semibold{font-weight:600;color:var(--ink)}
#irtibat a{color:var(--link)}
#stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface);border:1px solid var(--border)}
#stage>p{color:var(--muted);font-size:.95rem}
#stage img{max-width:100%;max-height:100%;object-fit:contain}
#stage iframe{width:100%;height:100%}
#stage .flex-col{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;text-align:center;color:var(--ink)}
#stage .flex-col svg{width:64px;height:64px;color:var(--muted)}
#stageCaption{text-align:center;color:var(--muted);font-size:.9rem}
.galeri-dugmeler{flex:none;display:flex;justify-content:center;gap:10px}
.galeri-serit{flex:none;padding:8px;background:var(--surface);border:1px solid var(--border)}
#thumbList{display:flex;gap:8px;overflow-x:auto}
#thumbList::-webkit-scrollbar{height:6px}
#thumbList::-webkit-scrollbar-thumb{background:var(--border-strong)}
#thumbList>div{position:relative;flex:none;width:144px;overflow:hidden;cursor:pointer;background:var(--surface-2);border:2px solid transparent;transition:border-color .2s}
#thumbList>div:hover{border-color:var(--border-strong)}
#thumbList>div.border-sky-500{border-color:var(--accent)}
#thumbList img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
#thumbList img.opacity-50{opacity:.5}
#thumbList>div>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;text-shadow:0 1px 6px rgba(0,0,0,.6)}
#thumbList>div>div{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;background:rgba(0,0,0,.55);color:#fff;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:560px){#thumbList>div{width:112px}.arac-ust .baslik{display:none}}
