/* 特商法・プライバシーポリシー・利用規約の共通スタイル（index.html の色の決まりに合わせる） */
:root {
  --bg: #FAFAF8; --card: #FFFFFF; --ink: #2C2C2C; --muted: #6F675D; --line: #E8E3DA;
  --gold: #B8966E; --gold-text: #7E6140; --r-md: 14px;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--bg); color: var(--ink); font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', Meiryo, sans-serif; line-height: 1.9; font-size: 16px; }
:focus-visible { outline: 3px solid var(--gold-text); outline-offset: 3px; }
header { border-bottom: 1px solid var(--line); background: var(--card); padding: 1rem clamp(1rem, 5vw, 2.5rem); }
header a { font-family: 'Noto Serif JP', serif; font-weight: 700; font-size: 1.1rem; letter-spacing: .08em; text-decoration: none; color: var(--ink); }
main { max-width: 820px; margin: 0 auto; padding: clamp(3rem, 8vw, 5rem) clamp(1rem, 5vw, 2.5rem); }
h1 { font-family: 'Noto Serif JP', serif; font-weight: 500; font-size: clamp(1.5rem, 4vw, 2rem); letter-spacing: .06em; margin-bottom: 2rem; }
h2 { font-size: 1.05rem; margin: 2.2rem 0 .6rem; }
p, li { color: var(--ink); }
ol, ul { padding-left: 1.4em; display: grid; gap: .3rem; }
.draft { background: #FFF6E5; border: 1px solid #E8C98F; border-radius: var(--r-md); padding: 1rem 1.2rem; margin-bottom: 2rem; font-size: .92rem; }
.fill { background: #FFF1C9; padding: 0 .3em; border-radius: 3px; font-weight: 700; }
table { width: 100%; border-collapse: collapse; background: var(--card); border: 1px solid var(--line); }
th, td { text-align: left; vertical-align: top; padding: .9rem 1rem; border-bottom: 1px solid var(--line); font-size: .95rem; }
th { width: 32%; background: #F5F1EA; font-weight: 700; }
@media (max-width: 599px) { th, td { display: block; width: 100%; } th { border-bottom: none; padding-bottom: .2rem; } }
.back { margin-top: 3rem; }
.back a, td a { color: var(--gold-text); }
footer { text-align: center; color: var(--muted); font-size: .85rem; padding: 2rem 1rem; border-top: 1px solid var(--line); }