.legal-page{min-height:100vh;background:
  radial-gradient(circle at 92% 2%,rgba(28,175,170,.12),transparent 28rem),
  linear-gradient(180deg,#f9fbf9 0%,var(--paper) 100%);color:var(--ink)}
.legal-shell{max-width:980px;margin:0 auto;padding:34px var(--pad) 90px}
.legal-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:48px}
.legal-back{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--aqua);text-decoration:none}
.legal-back:hover{text-decoration:underline;text-underline-offset:4px}
.legal-mark{height:28px;width:auto}
.legal-hero{padding:0 0 38px;border-bottom:1px solid var(--line)}
.legal-hero h1{font-size:clamp(2.25rem,6vw,4.8rem);line-height:1;letter-spacing:-.045em;margin:18px 0 22px;max-width:15ch}
.legal-hero .lead{font-size:clamp(1.02rem,2vw,1.2rem);max-width:66ch}
.legal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.legal-summary article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}
.legal-summary h2{font-size:.92rem;margin:0 0 6px}
.legal-summary p{font-size:.84rem;color:var(--muted)}
.legal-content{display:grid;gap:14px;margin-top:28px}
.legal-section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(22px,4vw,34px)}
.legal-section h2{font-size:1.18rem;margin:0 0 12px;letter-spacing:0}
.legal-section h3{font-size:1rem;margin:24px 0 8px}
.legal-section p,.legal-section li,.legal-section dd{color:var(--muted)}
.legal-section p+p{margin-top:10px}
.legal-section ul{padding-left:1.2rem;margin-top:10px}
.legal-section li+li{margin-top:7px}
.legal-definition{display:grid;gap:10px;margin-top:12px}
.legal-definition div{background:var(--chalk);border:1px solid var(--line);border-radius:12px;padding:15px}
.legal-definition dt{font-weight:700}
.legal-definition dd{margin-top:4px}
.legal-note{margin-top:18px;border-left:4px solid var(--aqua);background:#edf7f5;border-radius:0 12px 12px 0;padding:14px 16px;color:var(--muted)}
.legal-table-wrap{overflow-x:auto;margin-top:16px;border:1px solid var(--line);border-radius:14px}
.legal-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff;font-family:var(--mono);font-size:.76rem}
.legal-table caption{text-align:left;padding:0 0 12px;font-family:var(--body);font-size:.9rem;color:var(--muted)}
.legal-table th,.legal-table td{text-align:left;padding:12px 13px;border-bottom:1px solid var(--line);white-space:nowrap}
.legal-table thead th{background:var(--navy);color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:.66rem}
.legal-table tbody th{color:var(--ink)}
.legal-table tbody tr:last-child th,.legal-table tbody tr:last-child td{border-bottom:0}
.legal-table .port-price{color:var(--aqua);font-weight:700}
.legal-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.legal-footer a{color:var(--aqua);font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){
  .legal-shell{padding-top:22px}
  .legal-topbar{margin-bottom:34px}
  .legal-summary{grid-template-columns:1fr}
  .legal-mark{height:23px}
}
@media(prefers-reduced-motion:reduce){.legal-page{scroll-behavior:auto}}
@media print{
  .legal-page{background:#fff}
  .legal-shell{max-width:none;padding:0}
  .legal-topbar{display:none}
  .legal-section,.legal-summary article{box-shadow:none;break-inside:avoid}
  .legal-table{min-width:0;font-size:9pt}
}