/* 法務ページ・用語集・404 の共通。課題46 D2 で各ページの <style> から切り出し、
   D3（2026-10-20）で暗い地にそろえた（Q2）。色と書体は /assets/css/tokens.css（先に読む） */
:root{ --maxw:720px; }
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--c-bg); color:var(--c-text);
  font-family:var(--f-body);
  line-height:1.8; font-size:16px;
}
/* リンクは本文の色＋下線（Q1）。色だけに頼らない */
a{color:var(--c-text);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
.site-header,.site-footer{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.site-header{border-bottom:1px solid var(--c-rule);padding-top:18px;padding-bottom:14px}
.site-header .brand{font-size:15px;font-weight:700;color:var(--c-text);text-decoration:none;letter-spacing:.02em}
.site-header nav{margin-top:8px;font-size:13px;line-height:1.6}
.site-header nav a{color:var(--c-text-mute);text-decoration:none;margin-right:14px;white-space:nowrap}
.site-header nav a:hover{color:var(--c-text);text-decoration:underline}
/* 長い URL（privacy の Google の設定ページなど）がスマホ幅ではみ出さないよう、行の中で折る */
main{max-width:var(--maxw);margin:0 auto;padding:28px 20px 8px;overflow-wrap:break-word}
main h1{font-size:26px;line-height:1.4;margin:0 0 6px}
.updated{color:var(--c-text-mute);font-size:13px;margin:0 0 28px}
/* 段は太い罫で切る（§1） */
main h2{font-size:19px;margin:38px 0 10px;padding-top:10px;border-top:3px solid var(--c-text)}
main p{margin:0 0 16px}
main ul{margin:0 0 16px;padding-left:1.4em}
main li{margin:0 0 6px}
.note{color:var(--c-text-mute);font-size:14px}
.toplink{margin:32px 0 0}
.site-footer{border-top:1px solid var(--c-rule);margin-top:40px;padding-top:20px;padding-bottom:40px;font-size:13px;color:var(--c-text-mute)}
.site-footer nav a{color:var(--c-text-mute);text-decoration:none;margin-right:14px}
.site-footer nav a:hover{color:var(--c-text);text-decoration:underline}
.site-footer .copyright{margin-top:14px}