/* Legal pages: sits on top of styles.css */
.legal-top{padding:calc(var(--nav-h) + 56px) 0 0}
.lang-switch{display:flex;gap:8px}
.lang-switch button{font:inherit;font-size:13px;font-weight:500;letter-spacing:.08em;background:none;border:1px solid var(--line);color:var(--mut);padding:8px 14px;border-radius:6px;cursor:pointer;min-height:40px}
.lang-switch button[aria-pressed="true"]{background:var(--g);border-color:var(--g);color:#fff}
.legal{padding:calc(var(--nav-h) + 64px) 0 120px}
html.js .legal [data-lang]{display:none}
html.js .legal [data-lang].lang-visible{display:block}
.page-subtitle{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);font-weight:500;display:flex;align-items:center;gap:12px}
.page-subtitle::before{content:"";width:24px;height:1px;background:var(--t)}
.page-title{font-weight:900;font-size:clamp(36px,5vw,60px);margin:18px 0 10px;letter-spacing:-.01em}
.last-updated{color:var(--mut);font-size:14px;margin-bottom:48px}
.legal-section{padding:40px 0;border-top:1px solid var(--line)}
.legal-section h2{font-weight:900;font-size:clamp(21px,2.4vw,26px);margin-bottom:18px;line-height:1.3}
.legal-section h3{font-weight:900;font-size:18px;margin:28px 0 10px}
.section-num{color:var(--t);margin-right:10px}
.legal p,.legal li{color:var(--body);font-size:16px;line-height:1.75}
.legal p{margin:0 0 14px}
.legal ul,.legal ol{padding-left:22px;margin:0 0 14px}
.legal li{margin-bottom:6px}
.legal a{color:var(--g);text-decoration:underline;text-decoration-color:var(--t);text-underline-offset:3px}
.legal code{font-size:14px;background:var(--soft);padding:2px 6px;border-radius:4px}
.info-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px 24px;margin:18px 0}
.info-card.warn{border-left:3px solid var(--m);border-radius:0 8px 8px 0;margin-bottom:12px}
.info-card.warn p{margin:0}
.info-card dl{display:grid;grid-template-columns:1fr;gap:4px 24px;margin:0}
@media(min-width:700px){.info-card dl{grid-template-columns:220px 1fr}}
.info-card dt{font-weight:500;color:var(--g);font-size:14px}
.info-card dd{margin:0 0 10px;color:var(--body);font-size:15px}
@media(min-width:700px){.info-card dd{margin:0 0 6px}}
.toc{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px 28px;margin:0 0 24px}
.toc h2{font-size:14px;letter-spacing:.2em;text-transform:uppercase;font-family:Roboto;font-weight:500;color:var(--mut);margin-bottom:12px}
.toc ol{columns:2;column-gap:32px;margin:0}
@media(max-width:600px){.toc ol{columns:1}}
.toc a{text-decoration:none}
.cookie-table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:15px}
.cookie-table caption{text-align:left;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--mut);padding-bottom:10px}
.cookie-table th{text-align:left;font-weight:500;color:var(--g);border-bottom:1px solid var(--g);padding:10px 12px 10px 0}
.cookie-table td{border-bottom:1px solid var(--line);padding:12px 12px 12px 0;color:var(--body);vertical-align:top}
@media(max-width:700px){
  .cookie-table thead{display:none}
  .cookie-table tr{display:block;border-top:1px solid var(--line);padding:12px 0}
  .cookie-table td{display:grid;grid-template-columns:110px 1fr;gap:12px;border:0;padding:4px 0}
  .cookie-table td::before{content:attr(data-label);font-weight:500;color:var(--g)}
}