/* 法務ページ共通スタイル。
   ⚠️ インライン <style> にしないこと。CSP が style-src 'self' のサイトでは
   黙って無効化され、無スタイルのページが本番に出る。 */
:root{ --bg:#0f1115; --panel:#171a21; --line:#252a34; --fg:#e8eaed; --dim:#9aa3b2; --accent:#5b9dff; }
@media (prefers-color-scheme: light){
  :root{ --bg:#f7f8fa; --panel:#fff; --line:#e3e6ec; --fg:#1a1d23; --dim:#5f6672; --accent:#2563eb; }
}
*{ box-sizing:border-box }
body{
  margin:0; background:var(--bg); color:var(--fg);
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;
  line-height:1.9; font-size:15px; font-feature-settings:"palt" 1;
  -webkit-font-smoothing:antialiased;
}
main{ max-width:760px; margin:0 auto; padding:32px 20px 64px }
h1{ font-size:22px; margin:0 0 4px; letter-spacing:.02em }
.lead{ color:var(--dim); font-size:14px; margin:0 0 28px }
h2{ font-size:16px; margin:32px 0 8px; padding-top:16px; border-top:1px solid var(--line) }
p{ margin:0 0 12px }
ul{ margin:0 0 12px; padding-left:1.3em }
li{ margin:0 0 8px }
code{ font-size:12.5px; background:var(--panel); padding:2px 6px; border-radius:4px;
      border:1px solid var(--line); word-break:break-all }
a{ color:var(--accent) }
.note{ background:var(--panel); border:1px solid var(--line); border-left:3px solid var(--accent);
       border-radius:8px; padding:12px 16px; color:var(--dim); font-size:13.5px; margin:0 0 12px }
footer{ margin-top:40px; padding-top:16px; border-top:1px solid var(--line);
        color:var(--dim); font-size:12.5px }
footer p{ margin:2px 0 }
@media (max-width:560px){ main{ padding:20px 14px 48px } h1{ font-size:19px } }