/* 見た目 B 白と緑（札 2026-10-11-article-site.md・2026-10-12）。端末のダークモードでも白のまま（本人 2026-10-12）。外の字体は読まない */
:root {
  --bg: #ffffff; --paper: #ffffff; --ink: #1c2430; --sub: #5b6573; --line: #d9dee5;
  --accent: #a2566a; --accent-soft: rgba(255,255,255,.75);
  --mincho: "Yu Mincho", "Hiragino Mincho ProN", serif;
  --font: "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", "Meiryo", sans-serif;
}
* { box-sizing: border-box; }
/* 見た目 L 水彩のにじみ（本人の決定 2026-10-12 07:53 UTC・前の「背景は白だけ」を置き換える） */
body { margin: 0; background: radial-gradient(circle at 10% 0, #f7d6dc 0 140px, transparent 300px), radial-gradient(circle at 100% 25%, #d8ead9 0 120px, transparent 280px), radial-gradient(circle at 20% 100%, #fbe7c9 0 140px, transparent 320px), #fffdfb; background-attachment: fixed; color: var(--ink); font-family: var(--font); font-size: 17px; line-height: 1.9; overflow-wrap: anywhere; }
a { color: var(--accent); }
.site { background: var(--paper); border-bottom: 1px solid var(--line); padding: 10px 16px; }
.logo { display: inline-flex; align-items: center; gap: 6px; font-family: var(--mincho); font-weight: 700; font-size: 1.35rem; color: var(--accent); letter-spacing: .04em; }
.logo svg { width: 28px; height: 28px; }
.logo .name { display: inline-grid; justify-items: center; line-height: 1.1; }
.logo small { font-family: var(--font); font-size: .5em; letter-spacing: .35em; margin-right: -.35em; color: var(--sub); }
/* パソコンでは列を広げ、字も大きくする。頭の「Bouquet」は本文の列の左にそろえる（本人「中央に寄せすぎ」2026-10-12） */
.site { padding-left: max(16px, calc((100% - 800px) / 2 + 16px)); }
@media (min-width: 900px) { body { font-size: 18px; } }
main { max-width: 800px; margin: 0 auto; padding: 24px 16px 48px; display: grid; gap: 28px; }
h1, h2 { font-family: var(--mincho); }
.site { background: transparent; }
h1 { font-size: 1.55rem; line-height: 1.45; margin: 0 0 16px; }
h2 { font-size: 1.2rem; line-height: 1.5; margin: 36px 0 8px; padding-left: 10px; border-left: 4px solid var(--accent); }
h3 { font-family: var(--mincho); font-size: 1.05rem; line-height: 1.5; margin: 24px 0 6px; color: var(--accent); }
p { margin: 0 0 1em; }
.lead { color: var(--sub); }
.toc { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; padding: 12px 16px; margin: 8px 0 0; }
.toc ol { margin: 4px 0 0; padding-left: 1.4em; }
.src { font-size: .85rem; color: var(--sub); }
.cta { background: var(--accent-soft); border-radius: 14px; padding: 20px 18px; display: grid; gap: 4px; }
.cta b { font-size: 1.15rem; }
.cta p { margin: 0; }
.go { display: block; margin-top: 12px; text-align: center; background: var(--accent); color: var(--paper); text-decoration: none; font-weight: 700; padding: 12px; border-radius: 999px; }
.by { border-top: 1px solid var(--line); padding-top: 12px; display: grid; gap: 2px; font-size: .9rem; color: var(--sub); }

/* 足：法の表示の3つ（S03）へ。LP の足と同じ並び */
.legal { border-top: 1px solid var(--line); padding: 20px 16px 32px; text-align: center; font-size: .85rem; color: var(--sub); }
.legal nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin-bottom: 6px; }
.legal p { margin: 0; }