/* 規約ページと接続待ちの画面。本体と同じトークンを使う */
.legal-page{width:min(100% - 2rem,760px);margin:auto;padding:var(--s-6) 0 5rem}
.legal-page h1{margin-bottom:var(--s-5);font-size:clamp(1.375rem,3vw,1.75rem);font-weight:700}
.legal-page h2{margin-top:var(--s-6);margin-bottom:var(--s-2);font-size:var(--fs-lg)}
.legal-page p,.legal-page li{margin-bottom:var(--s-4);color:var(--muted);line-height:1.7}
.legal-page code{padding:0 var(--s-2);font-size:var(--fs-sm);background:var(--sub);border:1px solid var(--line)}
.legal-page .notice{padding:var(--s-5);background:var(--surface);border:1px solid var(--line-strong);border-left:3px solid var(--accent)}
.legal-page a,.privacy-note a{color:var(--accent);font-weight:600;text-underline-offset:.2em}
.legal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-6)}
/* 言語切替は本体と同じ形。ただしここは明るい面なので配色を差し替える */
.legal-toolbar .langsw{height:1.5rem;border-color:var(--line-strong)}
.legal-toolbar .langsw-now{color:var(--surface);background:var(--muted)}
.legal-toolbar .lang-toggle{color:var(--muted)}
.legal-toolbar .lang-toggle:hover{color:var(--ink);background:var(--hover)}
.security-gate{width:min(100% - 2rem,680px);margin:12vh auto;padding:var(--s-6);background:var(--surface);border:1px solid var(--line-strong);border-left:3px solid var(--neg)}
.security-gate h1{margin-bottom:var(--s-4);font-size:var(--fs-lg);font-weight:700}
.security-gate p{color:var(--muted);line-height:1.7}
.security-gate a{color:var(--accent);font-weight:600;text-underline-offset:.2em}