/* ==========================================================================
   使用終了のお知らせ 用スタイル（この1枚で完結。新アプリの css は読み込まない）
   ・配色は新アプリ public/css/style.css の :root から必要な分だけ写した値
   ・文字は大きめ：見出し 34px・本文 24px（18px 未満は使わない）
   ========================================================================== */

:root {
  --color-background: #FAF6EE;   /* ページ背景（あたたかい白） */
  --color-surface: #FFFFFF;      /* カードの背景 */
  --color-text: #362E20;         /* 文字色（こげ茶） */
  --color-accent: #2E6B44;       /* 主役の深緑（見出しの帯に使う） */
  --color-border: #E0D6C5;       /* カードの薄い枠線 */
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;      /* 画面の中央寄りにカードを置く */
  justify-content: center;
  padding: 16px;
  background: var(--color-background);
  color: var(--color-text);
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 24px;
  line-height: 1.9;
}

.card {
  width: 100%;
  max-width: 560px;
  padding: 32px 24px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-top: 8px solid var(--color-accent);
  border-radius: 16px;
}

h1 {
  margin: 0 0 24px;
  font-size: 34px;
  line-height: 1.5;
  overflow-wrap: anywhere;   /* 狭い画面でも横にはみ出さない */
}

p {
  margin: 0;
  font-size: 24px;
  overflow-wrap: anywhere;
}