:root{
  --brand:#bf0000; --ink:#2b2b2b; --bg:#fffaf5;
  --brand-accent:#e4007f; /* oklch 非対応ブラウザ向けフォールバック */
  --brand-accent:oklch(0.65 0.32 337); /* LP（index.css --primary/--accent）と同一 */
  --link:#0066cc;
  --font: "Noto Sans JP", system-ui, sans-serif; --maxw:720px;
}
html{font-size:17px}                 /* シニア可読性: 大きめ基準 */
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.9}
.article{max-width:var(--maxw);margin:0 auto;padding:16px}
.article h1{font-size:1.7rem;line-height:1.4}
.article h2{font-size:1.35rem;border-left:6px solid var(--brand-accent);padding-left:.6em;margin-top:2em}
.article h3{font-size:1.12rem;color:var(--ink);margin-top:1.5em;padding-bottom:.2em;border-bottom:2px solid #f0d0d0}
.article a{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.article a.cta-btn{color:#fff;text-decoration:none} /* CTAは白文字（LPのaccent-foregroundと同一）。リンク色の上書きを打ち消す */
.pr-note{font-size:.85rem;background:#f3f3f3;border-radius:8px;padding:8px 12px;margin:8px 0;color:#555}
.article img{max-width:100%;height:auto;display:block;margin:0 auto}
.article figure{margin:24px 0}
.article figcaption{font-size:.85rem;color:#555;text-align:center;margin-top:8px}
.article table{border-collapse:collapse;width:100%;margin:16px 0;font-size:.95rem;background:#fff}
.article th,.article td{border:1px solid #d9a8c4;padding:10px 12px;text-align:left;vertical-align:top}
.article th{background:var(--brand-accent);color:#fff;font-weight:700}
.article tr:nth-child(even) td{background:#fdf4f9}
.cl-box{accent-color:var(--brand-accent)}
.cta-btn{display:block;text-align:center;background:var(--brand-accent);color:#fff;font-weight:700;
  font-size:clamp(.95rem,4.6vw,1.15rem);/* スマホ幅ではラベル16字が1行に収まるまで縮む */
  padding:16px 10px;border-radius:12px;text-decoration:none;margin:20px 0}