/* ===== Yasal / Legal Pages ===== */

/* --- Hero --- */
.legal-hero{padding:48px 0 32px; background:linear-gradient(180deg,#F8FAFB,#F0F3F7); border-bottom:1px solid var(--border)}
.legal-hero h1{font-size:32px; font-weight:800; color:var(--navy-900); letter-spacing:-.02em}
.legal-hero p{font-size:14px; color:var(--muted); margin-top:6px}
.legal-hero__meta{display:flex; gap:16px; margin-top:12px; font-size:12.5px; color:var(--muted)}
.legal-hero__meta span{display:inline-flex; align-items:center; gap:4px}

/* --- Layout --- */
.legal-layout{display:grid; grid-template-columns:220px 1fr; gap:40px; padding:48px 0 80px}

/* --- Sidebar TOC --- */
.legal-toc{position:sticky; top:90px; grid-column:1; grid-row:1 / -1}
.legal-toc h4{font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); margin-bottom:14px}
.legal-toc ul{list-style:none; margin:0; padding:0; display:grid; gap:2px}
.legal-toc a{display:block; padding:8px 14px; border-radius:10px; font-size:13px; font-weight:500; color:var(--navy-700); text-decoration:none; transition:background .2s, color .2s; border-left:3px solid transparent}
.legal-toc a:hover{background:var(--bg-soft); color:var(--teal-500)}
.legal-toc a.is-active{background:var(--teal-50); color:var(--teal-600); font-weight:600; border-left-color:var(--teal-500)}
.legal-toc a:focus-visible{outline:2px solid var(--teal-500); outline-offset:2px; border-radius:10px}

/* --- Tab Nav (document switcher) --- */
.legal-tabs{display:flex; gap:4px; padding:16px 0 0; flex-wrap:wrap}
.legal-tabs a{padding:8px 16px; border-radius:10px; font-size:13px; font-weight:600; color:var(--muted); text-decoration:none; transition:all .2s; border:1px solid transparent}
.legal-tabs a:hover{background:var(--bg-soft); color:var(--navy-900)}
.legal-tabs a.is-active{background:var(--teal-50); color:var(--teal-600); border-color:var(--teal-100)}
.legal-tabs a:focus-visible{outline:2px solid var(--teal-500); outline-offset:2px; border-radius:10px}

/* --- Content --- */
.legal-content{min-width:0; grid-column:2; grid-row:1}
.legal-content h2{font-size:22px; font-weight:800; color:var(--navy-900); margin:40px 0 14px; padding-top:20px; border-top:1px solid var(--border); letter-spacing:-.01em}
.legal-content h2:first-child{margin-top:0; padding-top:0; border-top:none}
.legal-content h3{font-size:17px; font-weight:700; color:var(--navy-900); margin:28px 0 10px}
.legal-content p{font-size:14px; color:var(--text); line-height:1.7; margin-bottom:14px}
.legal-content ul,.legal-content ol{margin:0 0 14px 18px; display:grid; gap:6px}
.legal-content li{font-size:14px; color:var(--text); line-height:1.6}
.legal-content strong{color:var(--navy-900)}

/* Highlight box */
.legal-highlight{background:var(--teal-50); border:1px solid var(--teal-100); border-radius:14px; padding:18px 20px; margin:20px 0}
.legal-highlight h4{font-size:14px; font-weight:700; color:var(--teal-600); margin-bottom:8px}
.legal-highlight p,.legal-highlight li{font-size:13.5px; color:var(--navy-700)}

/* Warning box */
.legal-warning{background:#FEF2F2; border:1px solid #FECACA; border-radius:14px; padding:18px 20px; margin:20px 0}
.legal-warning h4{font-size:14px; font-weight:700; color:#DC2626; margin-bottom:8px}
.legal-warning p{font-size:13.5px; color:#7F1D1D}

/* Table */
.legal-table{width:100%; border-collapse:collapse; margin:20px 0; font-size:13px}
.legal-table th{background:var(--bg-soft); padding:10px 14px; text-align:left; font-weight:700; color:var(--navy-900); border-bottom:2px solid var(--border)}
.legal-table td{padding:10px 14px; border-bottom:1px solid var(--border); color:var(--text)}
.legal-table tr:last-child td{border-bottom:none}

/* CTA Banner */
.legal-cta{background:var(--bg-soft); border-radius:16px; padding:32px; text-align:center; margin-top:48px; border:1px solid var(--border)}
.legal-cta h3{font-size:20px; font-weight:800; color:var(--navy-900); margin-bottom:8px}
.legal-cta p{font-size:14px; color:var(--muted); margin-bottom:18px}
.legal-cta__btns{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}

/* --- Responsive --- */
@media(max-width:900px){
  .legal-layout{grid-template-columns:1fr; gap:0}
  .legal-toc{position:static; grid-column:auto; grid-row:auto; margin-bottom:24px; padding:16px; background:var(--bg-soft); border-radius:14px}
  .legal-toc ul{display:flex; flex-wrap:wrap; gap:4px}
  .legal-toc a{padding:6px 12px; font-size:12px; border-left:none; border-radius:8px}
  .legal-content{grid-column:auto; grid-row:auto}
  .legal-hero h1{font-size:24px}
  .legal-tabs{overflow-x:auto; flex-wrap:nowrap; gap:6px; padding-bottom:8px}
  .legal-tabs a{white-space:nowrap; flex:none}
}
@media(max-width:560px){
  .legal-hero{padding:32px 0 20px}
  .legal-hero h1{font-size:20px}
  .legal-content h2{font-size:18px; margin:28px 0 10px}
  .legal-cta{padding:24px 16px}
  .legal-cta h3{font-size:17px}
}