/* =====================================================================
   Hukuki sayfalar (/kvkk, /gizlilik-politikasi, /cerez-politikasi) — yalnız includes/legal-page.php.
   Kırık beyaz zemin, ince ayraçlar, Bricolage başlıklar + Azeret etiketler; kart, gradyan ve animasyon yok.
   Masaüstü (≥1024): solda yapışkan içindekiler, sağda okunabilir metin sütunu; altında tek sütun.
   ===================================================================== */
.lg-main{padding-top:calc(58px + 14px)}
.lg-eb,.lg-k{display:flex;align-items:center;gap:10px;font-family:'Azeret Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lg-eb::before{content:"";flex:none;width:22px;height:2px;background:var(--red)}
.lg-n{font-family:'Azeret Mono',monospace;font-size:11px;font-weight:500;color:var(--red)}

/* ---------- taslak uyarısı (yalnız yayım öncesi, yerel) ---------- */
.lg-draft{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:16px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;line-height:1.45;color:var(--ink2)}
.lg-draft b{font-family:'Azeret Mono',monospace;font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.lg-todo{padding:0 3px;background:var(--red-soft);color:var(--red-dk);font-weight:500}

/* ---------- başlık ---------- */
.lg-hero{padding:clamp(24px,3.5vw,48px) 0 clamp(32px,4vw,56px);border-bottom:1px solid var(--line)}
.lg-hero .lg-eb{margin-top:clamp(20px,3vw,36px)}
.lg-hero h1{margin-top:14px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-stretch:88%;letter-spacing:-.04em;line-height:.95;font-size:clamp(36px,6vw,88px);overflow-wrap:anywhere}
.lg-lead{margin-top:18px;max-width:640px;padding:2px 0 2px clamp(16px,1.6vw,22px);border-left:2px solid var(--red);font-size:clamp(16px,1.3vw,18px);line-height:1.55;color:var(--ink2)}
.lg-meta{display:grid;gap:0;margin:24px 0 0;max-width:640px;border-top:1px solid var(--ink)}
.lg-meta div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:10px 0;border-bottom:1px solid var(--line)}
.lg-meta dt{font-family:'Azeret Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lg-meta dd{display:flex;flex-wrap:wrap;gap:0 18px;margin:0;font-size:14.5px;font-weight:600}
.lg-meta a{display:inline-flex;align-items:center;min-height:32px;color:var(--ink);transition:color .15s}
.lg-meta a:hover{color:var(--red)}

/* ---------- gövde ---------- */
.lg-body{padding:clamp(28px,4vw,64px) 0 clamp(56px,7vw,112px)}
.lg-grid{display:grid;gap:28px}
.lg-toc ol{list-style:none;margin:10px 0 0;padding:0;border-top:1px solid var(--ink)}
.lg-toc li{border-bottom:1px solid var(--line)}
.lg-toc a{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:baseline;gap:6px;min-height:44px;padding:11px 0;font-size:14.5px;line-height:1.35;color:var(--ink2);transition:color .15s}
.lg-toc a:hover{color:var(--red)}
.lg-text{min-width:0;max-width:720px}
.lg-text section{padding:28px 0;border-top:1px solid var(--line);scroll-margin-top:96px}
.lg-text section:first-child{padding-top:0;border-top:0}
.lg-text h2{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:baseline;gap:6px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.15;font-size:clamp(21px,1.9vw,26px)}
.lg-text p{margin-top:12px;font-size:16px;line-height:1.7;color:var(--ink2);overflow-wrap:anywhere}
.lg-text a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}
.lg-text a:hover{color:var(--red)}
.lg-list{margin:12px 0 0;padding:0 0 0 20px;font-size:16px;line-height:1.65;color:var(--ink2)}
.lg-list li{margin-top:6px;padding-left:4px}
.lg-list li::marker{color:var(--red)}
.lg-list b{color:var(--ink);font-weight:600}

/* çerez / depolama tablosu: dar ekranda satırlar alt alta etiketli bloklara dönüşür */
.lg-table{width:100%;margin-top:16px;border-collapse:collapse;font-size:14.5px;line-height:1.5;text-align:left}
.lg-table thead th{padding:0 12px 10px 0;border-bottom:1px solid var(--ink);font-family:'Azeret Mono',monospace;font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lg-table tbody th,.lg-table td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink2)}
.lg-table tbody th{font-weight:500;color:var(--ink);white-space:nowrap}
.lg-table code{font-family:'Azeret Mono',monospace;font-size:12.5px}
@media(max-width:699px){
  .lg-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .lg-table,.lg-table tbody,.lg-table tr,.lg-table tbody th,.lg-table td{display:block}
  .lg-table tr{padding:12px 0;border-bottom:1px solid var(--line)}
  .lg-table tr:first-child{border-top:1px solid var(--ink)}
  .lg-table tbody th,.lg-table td{padding:3px 0;border-bottom:0;white-space:normal}
  .lg-table td::before{content:attr(data-label);display:block;font-family:'Azeret Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
}

@media(min-width:1024px){
  .lg-grid{grid-template-columns:minmax(220px,3fr) minmax(0,8fr);gap:clamp(40px,5vw,96px);align-items:start}
  .lg-toc{position:sticky;top:82px}
  .lg-text section{padding:36px 0}
}

/* ---------- <1024 px: içindekiler açılır/kapanır çubuk (assets/js/legal.js; JS yoksa liste açık) ---------- */
.lg-toc-btn{display:none}
@media(max-width:1023px){
  /* Bilgi listesinin son çizgisi + başlık bölümünün tam genişlik alt çizgisi kalkar; içindekiler çubuğunun koyu üst
     çizgisi tek ayraç olur. */
  .lg-hero{padding-bottom:24px;border-bottom:0}
  .lg-meta div:last-child{border-bottom:0}
  .lg-body{padding-top:0}
  .lg-toc.is-collapsible>.lg-k{display:none}
  .lg-toc.is-collapsible .lg-toc-btn{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
  .lg-toc-btn .lg-k{flex:1}
  .lg-toc-count{font-family:'Azeret Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
  .lg-toc-btn svg{flex:none;transition:transform .2s}
  .lg-toc.is-open .lg-toc-btn svg{transform:rotate(180deg)}
  .lg-toc-btn:focus-visible{outline:2px solid var(--red);outline-offset:2px}
  .lg-toc.is-collapsible ol{display:none;margin-top:0;border-top:0}
  .lg-toc.is-open ol{display:block}
}
@media(prefers-reduced-motion:reduce){.lg-toc-btn svg{transition:none}}

/* ---------- okunan bölüm (assets/js/legal.js) ---------- */
.lg-toc a{position:relative}
.lg-toc a.is-on{color:var(--ink);font-weight:600}
.lg-toc a.is-on::before{content:"";position:absolute;left:-14px;top:12px;bottom:12px;width:2px;background:var(--red)}

/* ---------- madde başlığı: "Kimlik" kendi satırında, açıklama altında ---------- */
.lg-list .lg-lbl{display:block;color:var(--ink);font-weight:600}

/* ---------- {iletisim}: etiketli satırlar; telefon ve e-posta bağlantı ---------- */
.lg-contact{display:grid;gap:6px;margin-top:2px}
.lg-contact>span{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:baseline}
.lg-contact b{font-family:'Azeret Mono',monospace;font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* ---------- başvuru kutusu: yalnız ≥1280 px, sağda yapışkan ---------- */
.lg-aside{display:none}
@media(min-width:1280px){
  .lg-grid{grid-template-columns:minmax(200px,3fr) minmax(0,720px) minmax(240px,3fr);gap:clamp(40px,4vw,72px)}
  .lg-aside{display:block;position:sticky;top:82px}
  .lg-aside p{margin-top:10px;padding-top:12px;border-top:1px solid var(--ink);font-size:14px;line-height:1.55;color:var(--ink2)}
  .lg-aside .lg-contact{margin-top:14px;font-size:14px;line-height:1.5;color:var(--ink2)}
  .lg-aside .lg-contact>span{grid-template-columns:1fr;gap:2px;padding:10px 0;border-bottom:1px solid var(--line)}
  .lg-aside .lg-contact a{color:var(--ink);font-weight:600;overflow-wrap:anywhere;transition:color .15s}
  .lg-aside .lg-contact a:hover{color:var(--red)}
  .lg-aside-a{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:8px;font-size:14px;font-weight:600;color:var(--ink);transition:color .15s}
  .lg-aside-a:hover{color:var(--red)}
}
/* Panelden düzenlenen gövde (includes/legal/legal-html.php): satır başlığı code olmasa da mono; liste içi strong; H3 alt başlık */
.lg-table tbody th{font-family:'Azeret Mono',monospace;font-size:12.5px}
.lg-list strong{color:var(--ink);font-weight:600}
.lg-text h3{margin-top:22px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px;letter-spacing:-.01em;line-height:1.25;color:var(--ink)}