/* 業務ワン 法務ページ(利用規約/プライバシーポリシー/セキュリティポリシー)共通スタイル。
   index.html のデザイントークン(SPEC.md §6)と同じ値を採用し、ブランドの一貫性を保つ。 */
:root{
  --primary:#2F4BB3; --primary-dark:#233A8F; --accent:#F0862B;
  --sidebar:#1B2447; --sidebar-text:#C9CFE6;
  --bg:#F5F6FA; --surface:#FFFFFF; --ink:#1F2430; --muted:#6B7280; --line:#E3E6EE;
  --ok:#1E9E62; --warn:#D97706; --danger:#D64545;
  --font-sans:"Noto Sans JP","Hiragino Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{ box-sizing:border-box; }
body{ margin:0; font-family:var(--font-sans); color:var(--ink); background:var(--bg); line-height:1.8; font-size:15.5px; }
.wrap{ width:min(820px, calc(100% - 40px)); margin:0 auto; }
a{ color:var(--primary); }
a:hover{ text-decoration:underline; }
:focus-visible{ outline:2px solid var(--primary); outline-offset:2px; }
.site-header{ border-bottom:1px solid var(--line); background:rgba(255,255,255,.94); position:sticky; top:0; backdrop-filter:blur(10px); }
.nav{ display:flex; align-items:center; justify-content:space-between; min-height:64px; }
.brand{ display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:16px; color:var(--sidebar); text-decoration:none; }
.brand img{ width:28px; height:28px; display:block; }
.btn{ display:inline-flex; align-items:center; gap:6px; padding:9px 16px; border-radius:10px; border:1px solid var(--line); font-weight:700; font-size:13.5px; text-decoration:none; }
.btn-outlined{ color:var(--sidebar); background:var(--surface); }
.btn-outlined:hover{ background:var(--bg); text-decoration:none; }
.legal-main{ padding:56px 0 80px; background:var(--surface); }
.draft-banner{ padding:16px 20px; border-radius:10px; background:#FDF2E0; color:#7A4B08; font-size:13.5px; font-weight:700; margin-bottom:32px; border:1px solid rgba(217,119,6,.25); }
h1{ font-size:30px; color:var(--sidebar); margin:0 0 6px; }
.updated{ color:var(--muted); font-size:12.5px; margin:0 0 40px; }
h2{ font-size:17px; color:var(--sidebar); margin:36px 0 10px; }
section p, section li{ color:var(--ink); font-size:14.5px; }
section ul{ padding-left:20px; }
.footer{ margin-top:40px; padding:28px 0; background:var(--sidebar); color:var(--sidebar-text); font-size:12.5px; }
.footer a{ color:var(--sidebar-text); }
.footer-links{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.footer-links nav{ display:flex; flex-wrap:wrap; gap:14px; }
.footer-todo-inline{ color:#FFD48A; font-weight:700; }
@media (max-width:600px){ .legal-main{ padding:40px 0 60px; } h1{ font-size:24px; } }