/* フェーズ0プロトタイプ共通 — シニア向け: 大きい文字・大きいボタン・1画面1アクション */
:root{
  --paper:#FAF6EC; --card:#FFFFFF; --ink:#33302A; --sub:#6B6353;
  --green:#2F6B4F; --green-deep:#24523D; --green-soft:#E4EEE5;
  --aka:#C4503A; --aka-soft:#F7E4DE;
  --line:#E5DCC8; --chip:#F1EAD8;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none !important}
body{
  background:var(--paper); color:var(--ink);
  font-family:"Hiragino Maru Gothic ProN","BIZ UDGothic","Yu Gothic","Meiryo",sans-serif;
  font-size:18px; line-height:1.9; -webkit-font-smoothing:antialiased;
}
.mono{font-family:"SF Mono","Menlo",monospace;font-variant-numeric:tabular-nums}
.wrap{max-width:560px;margin:0 auto;padding:0 18px}
h1,h2{line-height:1.5;text-wrap:balance;font-weight:800}
button{font-family:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:6px}

.btn{display:inline-block;border:none;cursor:pointer;text-decoration:none;text-align:center;
  font-size:20px;font-weight:800;border-radius:999px;padding:18px 34px;line-height:1.4;width:100%}
.btn-main{background:var(--green);color:#fff}
.btn-main:active{background:var(--green-deep)}
.btn-sub{background:var(--card);color:var(--ink);border:2px solid var(--line);font-size:17px;padding:14px 26px}
.btn:disabled{opacity:.45;cursor:default}

input.big{font-family:inherit;font-size:20px;width:100%;padding:16px;border:2px solid var(--line);
  border-radius:14px;text-align:center;background:var(--card)}
.note{font-size:14px;color:var(--sub)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}