﻿/* Legal pages */
:root{
  --section-py:clamp(3rem,5vw,4rem);
  --card-pad:clamp(1.5rem,3vw,2rem);
  --layout-gap:clamp(1.5rem,3vw,2.5rem);
}
/* Page hero */
.legal-hero{
  background:linear-gradient(145deg,#000022 0%,#07266D 50%,#052666 100%);
  padding:var(--section-py) 0;position:relative;overflow:hidden;
}
.legal-hero::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 80% 20%,rgba(6,95,211,.2),transparent 50%);
  pointer-events:none;
}
.legal-hero-inner{position:relative;z-index:1}
.legal-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:rgba(255,255,255,.45);margin-bottom:1rem;flex-wrap:wrap}
.legal-breadcrumb a{color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s}
.legal-breadcrumb a:hover{color:#fff}
.legal-breadcrumb i{font-size:.55rem;opacity:.5}
.legal-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:#8ab8f5;background:rgba(6,95,211,.18);border:1px solid rgba(6,95,211,.3);
  padding:5px 12px;border-radius:100px;margin-bottom:1rem;
}
.legal-hero h1{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(1.85rem,4vw,2.6rem);font-weight:800;color:#fff;
  letter-spacing:-.03em;line-height:1.1;margin-bottom:.75rem;
}
.legal-hero p{font-size:.92rem;color:rgba(255,255,255,.6);line-height:1.75;max-width:560px}
.legal-meta{display:flex;gap:1.25rem;flex-wrap:wrap;margin-top:1.25rem}
.legal-meta span{font-size:.76rem;color:rgba(255,255,255,.45);display:flex;align-items:center;gap:5px}
.legal-meta i{color:#8ab8f5;font-size:.7rem}

/* Content layout */
.legal-body{padding:var(--section-py) 0 calc(var(--section-py) + 1rem)}
.legal-layout.page-shell{
  display:grid;grid-template-columns:220px 1fr;gap:var(--layout-gap);align-items:start;
}
.legal-toc{
  position:sticky;top:96px;
  background:#fff;border:1px solid var(--g200);border-radius:16px;
  padding:var(--card-pad);box-shadow:0 4px 20px rgba(7,38,109,.06);
}
.legal-toc h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:.72rem;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.85rem}
.legal-toc a{
  display:block;font-size:.78rem;font-weight:500;color:var(--g500);
  text-decoration:none;padding:5px 0 5px 10px;
  border-left:2px solid transparent;transition:color .2s,border-color .2s;
  line-height:1.45;
}
.legal-toc a:hover,.legal-toc a.active{color:var(--indigo);border-left-color:var(--indigo)}

.legal-content{
  background:#fff;border:1px solid var(--g200);border-radius:22px;
  padding:var(--card-pad);box-shadow:0 4px 24px rgba(7,38,109,.06);
  position:relative;overflow:hidden;
}
.legal-content::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--indigo),#8ab8f5);
}
.legal-content section{margin-bottom:2.25rem;padding-bottom:2.25rem;border-bottom:1px solid var(--g100)}
.legal-content section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.legal-content h2{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:1.15rem;font-weight:800;color:var(--navy);
  letter-spacing:-.02em;margin-bottom:.85rem;
  display:flex;align-items:center;gap:8px;
}
.legal-content h2 .sec-num{
  font-size:.65rem;font-weight:800;color:var(--indigo);
  background:rgba(6,95,211,.08);border:1px solid rgba(6,95,211,.14);
  padding:3px 8px;border-radius:6px;letter-spacing:.04em;
}
.legal-content p{font-size:.88rem;color:var(--g600);line-height:1.78;margin-bottom:.85rem}
.legal-content p:last-child{margin-bottom:0}
.legal-content ul{margin:.5rem 0 .85rem 1.25rem}
.legal-content li{font-size:.88rem;color:var(--g600);line-height:1.72;margin-bottom:.35rem}
.legal-content a{color:var(--indigo);font-weight:600;text-decoration:none}
.legal-content a:hover{text-decoration:underline}
.legal-highlight{
  background:var(--g50);border:1px solid var(--g200);border-radius:12px;
  padding:1rem 1.15rem;margin:.85rem 0;
}
.legal-highlight p{margin:0;font-size:.84rem}

.legal-contact-card{
  background:linear-gradient(135deg,rgba(6,95,211,.06),rgba(7,38,109,.04));
  border:1px solid rgba(6,95,211,.14);border-radius:14px;
  padding:1.25rem 1.5rem;margin-top:1rem;
}
.legal-contact-card h3{font-family:'Plus Jakarta Sans',sans-serif;font-size:.92rem;font-weight:800;color:var(--navy);margin-bottom:.65rem}
.legal-contact-card p{font-size:.84rem;margin-bottom:.35rem}
.legal-contact-card p:last-child{margin-bottom:0}

.legal-back{
  display:inline-flex;align-items:center;gap:7px;
  margin-top:2rem;font-size:.84rem;font-weight:600;color:var(--indigo);text-decoration:none;
  transition:gap .2s;
}
.legal-back:hover{gap:10px}

@media(max-width:900px){
  :root{--section-py:2.25rem;--card-pad:1.5rem;--layout-gap:1.5rem}
  .legal-layout.page-shell{grid-template-columns:1fr}
  .legal-toc{position:static;display:flex;flex-wrap:wrap;gap:.35rem .75rem}
  .legal-toc h3{width:100%}
  .legal-toc a{border-left:none;padding:4px 0}
}
@media(max-width:768px){
  .hdr-nav{display:none}
  .hdr-mob{display:block}
}
