/*
 * legal-pages.css
 * Place at: /assets/css/legal-pages.css
 * Zero conflicts with main.css
 */

/* ═══ BREADCRUMB ══════════════════════════════════════════════ */
.lg-breadcrumb { background:var(--navy,#04060f);border-bottom:1px solid rgba(255,255,255,.06);padding:.65rem 0;font-size:.8rem;color:rgba(255,255,255,.4) }
.lg-breadcrumb a { color:rgba(255,255,255,.65);transition:color .2s }
.lg-breadcrumb a:hover { color:#fff }
.lg-breadcrumb span { margin:0 .45rem;opacity:.3 }

/* ═══ HERO ════════════════════════════════════════════════════ */
.lg-hero { position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.07);padding:3.5rem 0 3rem }
.lg-hero-glow { position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(120px);opacity:.2;top:-100px;right:-80px;pointer-events:none }
.lg-hero-inner { position:relative;z-index:1;text-align:center }
.lg-hero-icon { display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;font-size:2rem;margin-bottom:1.1rem }
.lg-hero-tag { display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .9rem;border-radius:100px;border:1px solid;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem }
.lg-hero-title { font-family:var(--fd);font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.04em;color:#fff;margin-bottom:.75rem;line-height:1.1 }
.lg-hero-desc { font-size:1rem;color:rgba(255,255,255,.6);max-width:600px;margin-inline:auto;line-height:1.7;margin-bottom:1.5rem }
.lg-hero-meta { display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap }
.lg-meta-chip { display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .85rem;border-radius:100px;border:1px solid;font-size:.78rem;font-weight:500 }

/* ═══ LEGAL NAV STRIP ═════════════════════════════════════════ */
.lg-nav-strip { background:var(--sw);border-bottom:1px solid var(--border);padding:.85rem 0;overflow-x:auto }
.lg-nav-inner { display:flex;gap:.5rem;flex-wrap:nowrap;white-space:nowrap;min-width:max-content }
.lg-nav-pill { display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .85rem;border-radius:100px;border:1px solid var(--border);font-size:.78rem;font-weight:600;color:var(--ink-50);transition:all .2s;text-decoration:none;white-space:nowrap }
.lg-nav-pill:hover { border-color:var(--ink-50);color:var(--ink) }
.lg-nav-pill.active { font-weight:700 }

/* ═══ MAIN LAYOUT ═════════════════════════════════════════════ */
.lg-main { padding:3rem 0 5rem;background:var(--surface) }
.lg-grid { display:grid;grid-template-columns:240px 1fr;gap:2.5rem;align-items:start }

/* ═══ TABLE OF CONTENTS ═══════════════════════════════════════ */
.lg-toc { position:sticky;top:90px }
.lg-toc-inner { background:var(--sw);border:1px solid var(--border);border-radius:16px;padding:1.3rem 1.4rem }
.lg-toc-title { font-family:var(--fd);font-size:.875rem;font-weight:700;color:var(--ink);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid var(--border) }
.lg-toc-list { list-style:none;display:flex;flex-direction:column;gap:.2rem;counter-reset:toc-counter }
.lg-toc-list li { counter-increment:toc-counter }
.lg-toc-link { font-size:.78rem;color:var(--ink-50);text-decoration:none;display:block;padding:.35rem .5rem;border-radius:6px;transition:all .2s;border-left:2px solid transparent }
.lg-toc-link:hover { color:var(--lc,#2563EB);background:rgba(0,0,0,.03);border-left-color:var(--lc,#2563EB) }
.lg-toc-contact { margin-top:1.1rem;padding-top:.85rem;border-top:1px solid var(--border) }
.lg-toc-contact p { font-size:.75rem;color:var(--ink-30);margin-bottom:.3rem }
.lg-toc-contact a { font-size:.8rem;font-weight:600;text-decoration:none }
.lg-toc-contact a:hover { text-decoration:underline }

/* ═══ CONTENT ARTICLE ═════════════════════════════════════════ */
.lg-content {}

.lg-intro-block { padding:1.2rem 1.5rem;border-radius:0 12px 12px 0;margin-bottom:2rem;font-size:.9375rem;color:var(--ink-75);line-height:1.7 }

/* Sections */
.lg-section { margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border) }
.lg-section:last-of-type { border-bottom:none }
.lg-sec-head { display:flex;align-items:center;gap:.85rem;padding:1rem 1.25rem;border-radius:0 10px 10px 0;margin-bottom:1.1rem }
.lg-sec-icon { width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0 }
.lg-sec-head h2 { font-family:var(--fd);font-size:1.1rem;font-weight:800;letter-spacing:-.025em;margin:0 }

.lg-sec-body { font-size:.9rem;color:var(--ink-75);line-height:1.8 }
.lg-sec-body p { margin-bottom:.85rem }
.lg-sec-body p:last-child { margin-bottom:0 }
.lg-list { margin:.5rem 0 .85rem 1.1rem;display:flex;flex-direction:column;gap:.4rem }
.lg-list li { font-size:.9rem;color:var(--ink-75);line-height:1.6 }
.lg-list li::marker { color:var(--orange) }
.lg-numbered { display:flex;gap:.65rem;align-items:baseline;margin-bottom:.5rem }
.lg-num { font-weight:700;font-size:.85rem;flex-shrink:0 }

/* Contact block */
.lg-contact-block { display:flex;align-items:flex-start;gap:1.1rem;padding:1.5rem;background:var(--sw);border:1px solid var(--border);border-radius:14px;margin-top:2.5rem }
.lg-contact-icon { width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0 }
.lg-contact-block h3 { font-family:var(--fd);font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:.35rem }
.lg-contact-block p { font-size:.875rem;color:var(--ink-50);line-height:1.65;margin:0 }
.lg-contact-block a { font-weight:600;text-decoration:none }
.lg-contact-block a:hover { text-decoration:underline }

/* Other pages */
.lg-other-pages { margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border) }
.lg-other-pages h4 { font-family:var(--fd);font-size:.875rem;font-weight:700;color:var(--ink-50);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem }
.lg-other-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:.65rem }
.lg-other-card { display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;background:var(--sw);border:1px solid var(--border);border-radius:10px;text-decoration:none;transition:all .2s;border-left:3px solid transparent }
.lg-other-card:hover { border-left-color:var(--loc,#2563EB);background:rgba(0,0,0,.02);transform:translateX(2px) }
.lg-other-icon { width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0 }
.lg-other-card span:nth-child(2) { font-size:.8rem;font-weight:600;color:var(--ink);flex:1;line-height:1.3 }
.lg-other-arrow { font-size:.75rem;color:var(--ink-30);flex-shrink:0 }

/* ═══ RESPONSIVE ══════════════════════════════════════════════ */
@media (max-width:900px) { .lg-grid{grid-template-columns:1fr} .lg-toc{position:static} }
@media (max-width:640px) {
  .lg-hero-inner { padding:0 .5rem }
  .lg-hero-meta { flex-direction:column;align-items:center }
  .lg-nav-strip { padding:.65rem 0 }
  .lg-main { padding:2rem 0 3.5rem }
  .lg-sec-head { flex-direction:column;align-items:flex-start }
  .lg-contact-block { flex-direction:column }
  .lg-other-grid { grid-template-columns:1fr 1fr }
}