:root { --navy:#0b2a52; --blue:#1657a5; --red:#d62839; --ink:#172033; --muted:#5f6c80; --line:#e1e6ed; --paper:#fff; --bg:#f4f7fa; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--bg); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.65; }
a { color: var(--blue); }
.legal-topbar { min-height: 68px; display: flex; align-items: center; padding: 12px max(20px, calc((100% - 980px)/2)); color: #fff; background: var(--navy); }
.legal-brand { display: flex; align-items: center; gap: 11px; color: #fff; text-decoration: none; }
.legal-mark { width: 38px; height: 38px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 11px; background: linear-gradient(145deg, #1f6dcc 0 53%, var(--red) 54%); font-style: italic; font-weight: 900; }
.legal-brand span:last-child { display: flex; flex-direction: column; line-height: 1.05; }
.legal-brand strong { font-style: italic; }
.legal-brand small { margin-top: 4px; color: #b8cee7; font-size: .55rem; letter-spacing: .16em; }
.legal-nav { margin-left: auto; display: flex; gap: 16px; }
.legal-nav a { color: #d9e7f6; font-size: .8rem; text-decoration: none; }
.legal-shell { width: min(900px, calc(100% - 32px)); margin: 32px auto 50px; padding: clamp(24px, 5vw, 54px); border: 1px solid var(--line); border-radius: 14px; background: var(--paper); box-shadow: 0 12px 40px rgba(10,35,67,.08); }
.legal-shell h1 { margin: 0; color: var(--navy); font-size: clamp(1.8rem, 4vw, 2.6rem); line-height: 1.15; letter-spacing: -.035em; }
.legal-shell h2 { margin: 32px 0 7px; color: var(--navy); font-size: 1.18rem; }
.legal-shell h3 { margin: 22px 0 5px; font-size: 1rem; }
.legal-shell p, .legal-shell li { color: #38455a; }
.legal-shell ul { padding-left: 22px; }
.legal-meta { margin: 9px 0 30px; color: var(--muted); font-size: .85rem; }
.legal-callout { margin: 22px 0; padding: 15px 17px; border-left: 4px solid var(--blue); border-radius: 5px 9px 9px 5px; background: #edf5ff; }
.legal-callout p { margin: 0; }
.status-lookup { display: grid; grid-template-columns: 1fr auto; gap: 8px; margin-top: 22px; }
.status-lookup input { min-height: 45px; padding: 10px 12px; border: 1px solid #cbd3de; border-radius: 8px; font: inherit; }
.status-lookup button { padding: 9px 16px; border: 0; border-radius: 8px; color: #fff; background: var(--blue); font: inherit; font-weight: 750; cursor: pointer; }
.status-result { margin-top: 12px; padding: 11px; border-radius: 8px; background: #f2f5f8; }
.legal-footer { padding: 20px; color: var(--muted); text-align: center; font-size: .78rem; }
@media (max-width: 650px) { .legal-nav { display: none; } .legal-shell { margin-top: 16px; padding: 23px 19px; } .status-lookup { grid-template-columns: 1fr; } }