.legal-shell{width:min(980px,calc(100% - 28px));margin:0 auto}
.legal-header{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.legal-nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--g);background:rgba(255,255,255,.42);font-size:11px;font-weight:800}
.legal-nav a:hover,.legal-nav a.active{background:var(--g);color:#fff;border-color:var(--g)}
.legal-main{padding:30px 0 70px}
.legal-hero{padding:28px;border-radius:30px;background:linear-gradient(140deg,var(--gs),var(--gd));color:#fff;box-shadow:0 22px 55px rgba(18,73,53,.16);border:1px solid rgba(255,255,255,.08)}
.legal-kicker{display:inline-flex;padding:6px 11px;border:1px solid rgba(214,171,61,.35);border-radius:999px;color:var(--gold2);background:rgba(214,171,61,.08);font-size:10px;font-weight:900}
.legal-hero h1{margin:12px 0 6px;font-size:clamp(28px,5vw,45px);line-height:1.25}
.legal-hero p{margin:0;color:rgba(255,255,255,.75);font-size:13px;line-height:1.9}
.legal-meta{margin-top:15px;display:flex;gap:8px;flex-wrap:wrap;color:rgba(255,255,255,.62);font-size:10px}
.legal-meta span{display:inline-flex;align-items:center;gap:5px}
.legal-card{margin-top:16px;padding:24px;border-radius:24px;background:rgba(255,255,255,.52);border:1px solid var(--line);box-shadow:0 10px 30px rgba(18,73,53,.06)}
.legal-card h2{margin:0 0 10px;color:var(--g);font-size:18px}
.legal-card h3{margin:18px 0 8px;color:var(--g);font-size:14px}
.legal-card p,.legal-card li{color:#4e584f;font-size:13px;line-height:2}
.legal-card p{margin:6px 0}
.legal-card ul,.legal-card ol{margin:8px 0;padding-right:22px}
.legal-note{margin:14px 0;padding:15px 16px;border-radius:17px;background:rgba(214,171,61,.11);border:1px solid rgba(214,171,61,.3);color:#66501c;font-size:12px;line-height:1.9}
.legal-note.green{background:rgba(18,73,53,.07);border-color:rgba(18,73,53,.18);color:var(--g)}
.legal-note.danger{background:rgba(150,40,40,.05);border-color:rgba(150,40,40,.16);color:#7c3030}
.legal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.legal-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:16px;text-decoration:none;font-size:12px;font-weight:900;border:1px solid var(--g)}
.legal-button.primary{background:var(--g);color:#fff}
.legal-button.gold{background:var(--gold);border-color:var(--gold);color:var(--gd)}
.legal-button.ghost{background:transparent;color:var(--g)}
.legal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}
.legal-link-card{padding:20px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.48);text-decoration:none;transition:transform .18s ease,border-color .18s ease}
.legal-link-card:hover{transform:translateY(-2px);border-color:rgba(214,171,61,.5)}
.legal-link-card b{display:block;color:var(--g);font-size:16px;margin-bottom:5px}
.legal-link-card span{color:var(--muted);font-size:11px;line-height:1.8}
.legal-contact{direction:ltr;unicode-bidi:isolate;font-family:Tahoma,Arial,sans-serif;font-weight:700}
.legal-footer{min-height:100px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--muted);font-size:10px}
.legal-footer nav{display:flex;gap:12px;flex-wrap:wrap}
.legal-footer a{color:var(--g);text-decoration:none;font-weight:800}
.role-note{margin:-36px 0 48px;padding:20px 22px;border-radius:24px;background:rgba(18,73,53,.06);border:1px solid rgba(18,73,53,.14);display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}
.role-note div{min-width:0}
.role-note b{display:block;color:var(--g);font-size:13px;margin-bottom:5px}
.role-note span{color:#5f685f;font-size:11px;line-height:1.8}
@media(max-width:760px){
  .legal-header{align-items:flex-start;padding:15px 0}
  .legal-nav{justify-content:flex-start}
  .legal-grid{grid-template-columns:1fr}
  .legal-hero,.legal-card{padding:20px}
  .legal-footer{padding:24px 0;flex-direction:column;align-items:flex-start}
  .role-note{grid-template-columns:1fr;margin:-22px 0 34px}
}