/* はじめてのアンケート（オンボーディング）。スマホを先に考え、1画面に1問。選択肢は大きなカード。 */
.onboarding-shell{min-height:100vh;min-height:100dvh;padding:18px 16px calc(32px + env(safe-area-inset-bottom));background:var(--chalk)}
.onboarding{max-width:560px;margin:0 auto}
.onb-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px;color:var(--ink);font-weight:800;font-size:.95rem}
.onb-brand .logo-flower{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--orange);color:#fff;font-size:.95rem}
.onb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}
.onb-back{display:inline-flex;align-items:center;gap:4px;padding:6px 8px 6px 2px;border:0;background:none;color:var(--muted);font:inherit;font-size:.86rem;font-weight:700;cursor:pointer}
.onb-back svg{width:18px;height:18px}
.onb-count{color:var(--ink);font-size:.95rem;font-weight:800;letter-spacing:.04em}
.onb-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:8px 0 0}
.onb-progress i{height:6px;border-radius:999px;background:#D7E3EF}
.onb-progress i.on{background:var(--orange)}
.onb-head{margin:22px 0 16px}
.onb-intro{margin:0 0 14px;padding:10px 14px;border-radius:14px;background:#fff;color:var(--muted);font-size:.84rem;line-height:1.6;box-shadow:var(--shadow-sm)}
.onb-head .eyebrow{display:block;color:var(--amaranth)}
.onb-head h1{margin:6px 0 6px;font-size:1.45rem;line-height:1.4;letter-spacing:-.01em}
.onb-head p:not(.onb-intro){margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}
.onb-options{display:grid;gap:10px}
.onb-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.onb-compact .onb-option:last-child:nth-child(odd){grid-column:1/-1}
.onb-option{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:14px 46px 14px 16px;border:1.5px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);font:inherit;font-size:1rem;font-weight:700;line-height:1.45;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s,background .15s,transform .15s}
.onb-compact .onb-option{justify-content:center;padding:14px 12px;text-align:center}
.onb-option:hover{border-color:#F7B79F}
.onb-option:active{transform:scale(.99)}
.onb-option:focus-visible{outline:3px solid #175d9c;outline-offset:2px}
.onb-option.selected{border-color:var(--orange);background:#FFF3EC}
.onb-emoji{flex:none;width:30px;font-size:1.45rem;line-height:1;text-align:center}
.onb-label{min-width:0}
.onb-check{position:absolute;right:14px;top:50%;display:grid;place-items:center;width:24px;height:24px;margin-top:-12px;border:2px solid #C9D6E3;border-radius:50%;background:#fff;color:#fff}
.onb-check svg{width:14px;height:14px;stroke-width:3}
.onb-option.selected .onb-check{border-color:var(--orange);background:var(--orange)}
.onb-compact .onb-check{right:10px}
.onb-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:20px}
.onb-actions .primary,.onb-actions .secondary{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:54px;font-size:1rem}
.onb-actions .primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
/* 「戻る」は「次へ」の左に、小さめに並べる。スキップは下の行に */
.onb-with-back{flex-flow:row wrap}
.onb-actions .onb-prev{flex:0 0 auto;width:auto;padding:0 18px 0 14px;color:var(--muted)}
.onb-actions .onb-prev svg{width:18px;height:18px}
.onb-with-back .onb-next,.onb-with-back .onb-finish{flex:1 1 0;width:auto}
.onb-with-back .onb-skip{flex-basis:100%}
.onb-skip{align-self:center;padding:10px 18px;border:0;background:none;color:var(--muted);font:inherit;font-size:.92rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.onb-form .field{margin:0}
.onb-form .field input{font-size:1.05rem}
.onb-hint{margin:8px 0 0;color:var(--muted);font-size:.82rem;line-height:1.6}
.onboarding .plant-example{margin-top:0}
.onboarding .plant-picker{margin-top:14px}
.onboarding .plant-name-field{margin-top:16px}
.onb-editing .onb-head{margin-top:18px}

/* マイページ：アンケートの回答 */
.answer-list{display:grid;margin:12px 0 0}
.answer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 12px;padding:12px 0;border-top:1px solid var(--line)}
.answer-row dt{color:var(--muted);font-size:.78rem;font-weight:700}
.answer-row dd{grid-column:1;margin:0;font-size:.92rem;font-weight:600;line-height:1.5}
.answer-edit{grid-column:2;grid-row:1/3;padding:7px 14px;border:0;border-radius:999px;background:var(--soft);color:var(--amaranth);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}
.onb-notice{margin:10px 0 0;color:var(--mint-ink);font-size:.86rem;font-weight:700}

@media(min-width:701px){
 .onboarding-shell{padding-top:40px}
 .onb-head h1{font-size:1.7rem}
}