/* wizard.css — 診断ウィザード（進捗・年齢/ゲート/設問ステップ・選択肢ボタン）
   自動分割 2026-07-03（split_shindan2.py）｜正本＝このファイル。index.htmlはリンクするだけ。 */
/* ════ ウィザード ════ */
.wiz-top{display:flex;align-items:center;gap:12px;margin-bottom:22px;}
.wiz-back{background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;min-height:44px;display:inline-flex;align-items:center;font-size:13px;font-weight:700;color:var(--ink-soft);cursor:pointer;font-family:inherit;white-space:nowrap;}
.wiz-prog{flex:1;height:9px;background:var(--line);border-radius:999px;overflow:hidden;}
.wiz-prog-bar{height:100%;background:linear-gradient(90deg,var(--navy),var(--sky));border-radius:999px;transition:width .45s cubic-bezier(.3,1,.4,1);}
.wiz-count{font-size:15px;font-weight:700;color:var(--navy);white-space:nowrap;}
.wiz-count span{color:var(--ink-soft);font-size:13px;}

.stage-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:30px 22px 26px;box-shadow:var(--shadow);animation:slidein .35s cubic-bezier(.2,1,.4,1) both;}
@keyframes slidein{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
.q-step{text-align:center;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--coral-d);margin-bottom:12px;}
.q-title{font-size:27px;font-weight:700;color:var(--navy);text-align:center;line-height:1.5;letter-spacing:.01em;}
.q-hint{font-size:13.5px;color:var(--ink-soft);text-align:center;margin:13px auto 22px;line-height:1.7;max-width:440px;}
.q-links{display:flex;flex-direction:column;gap:7px;margin:-8px 0 20px;}
.q-links a{font-size:12.5px;color:var(--navy);font-weight:700;text-decoration:none;background:var(--pale);border-radius:10px;padding:12px 13px;text-align:center;}

/* 選択肢ボタン（大きく・一発で分かる）*/
.opt{position:relative;display:block;width:100%;text-align:left;background:#fff;border:2px solid var(--line);border-radius:14px;padding:16px 46px 16px 18px;margin-bottom:11px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .14s,border-color .14s,background .14s;font-family:inherit;}
.opt:active{transform:translateY(0);}
.opt.active{border-color:var(--navy);background:var(--pale);}
.opt.active::after{content:"✓";position:absolute;right:13px;top:50%;transform:translateY(-50%);width:23px;height:23px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:pop-badge .25s cubic-bezier(.2,1.4,.4,1) both;}
.opt .ol{display:flex;align-items:center;font-size:17px;font-weight:700;color:var(--ink);line-height:1.4;}
.opt-no{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--pale);color:var(--navy);font-family:'Outfit',sans-serif;font-weight:700;font-size:13px;margin-right:10px;flex-shrink:0;}
.opt.active .opt-no{background:#fff;}
.opt .od{display:block;font-size:12.5px;color:var(--ink-soft);margin-top:5px;line-height:1.6;margin-left:34px;}
.opt.active .ol{color:var(--navy);}