/* 特商法表記・プライバシーポリシー・利用規約（読みやすさ優先の1段組み） */
:root {
  --brown: #4a3127;
  --brown-soft: #6e5348;
  --line: #eadfe0;
  --paper: #ffffff;
  --bg: #fbf7f4;
  --pink-tint: #fde8f0;
  --font-round: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "BIZ UDPGothic", "Yu Gothic", sans-serif;
  color-scheme: light;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--brown); font-family: var(--font-round); font-weight: 500; line-height: 1.9; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
.top { background: var(--paper); border-block-end: 1px solid var(--line); }
.top .in { max-width: 820px; margin-inline: auto; padding: 14px 16px; display: flex; align-items: center; gap: 10px; }
.top a { text-decoration: none; font-weight: 900; display: inline-flex; align-items: center; gap: 8px; }
.top svg { inline-size: 22px; block-size: 28px; }
main { max-width: 820px; margin-inline: auto; padding: 28px 16px 60px; }
h1 { font-size: clamp(1.4rem, 1.2rem + 1vw, 1.9rem); margin: 0 0 6px; }
.updated { color: var(--brown-soft); font-size: 0.85rem; margin: 0 0 24px; }
h2 { font-size: 1.12rem; margin: 30px 0 8px; padding-inline-start: 12px; border-inline-start: 5px solid #f6a6c4; }
p, ul, ol { margin: 0 0 12px; }
ul, ol { padding-inline-start: 1.4em; }
li + li { margin-block-start: 4px; }
.box { background: var(--paper); border-radius: 18px; padding: 8px 20px; }
dl.table { margin: 0; display: grid; grid-template-columns: minmax(8em, 14em) minmax(0, 1fr); }
dl.table dt, dl.table dd { margin: 0; padding: 14px 4px; border-block-end: 1px solid var(--line); }
dl.table dt { font-weight: 700; }
dl.table > :nth-last-child(-n + 2) { border-block-end: 0; }
.note { color: var(--brown-soft); font-size: 0.9rem; }
.todo { background: #fff4c4; border-radius: 6px; padding: 0 6px; font-weight: 700; }
.links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-block-start: 36px; font-size: 0.92rem; }
@media (max-width: 600px) {
  dl.table { grid-template-columns: 1fr; }
  dl.table dt { padding-block-end: 0; border-block-end: 0; }
  dl.table dd { padding-block-start: 4px; }
  dl.table > :nth-last-child(2) { border-block-end: 0; }
}
