/* Clearer navigation and choices while retaining the original visual theme. */
header{height:auto;min-height:70px;gap:20px}header nav{align-items:center;gap:7px;overflow-x:auto;padding:5px 0;scrollbar-width:none}header nav::-webkit-scrollbar{display:none}header nav a{flex:0 0 auto;padding:7px 11px;border-radius:99px;background:#f1f8f5}header nav a:last-child{background:var(--navy);color:#fff}
.hero{position:relative}.hero-copy{max-width:600px}.hero-copy>p:not(.lead){max-width:520px}.hero-art{border:1px solid #fff;box-shadow:0 24px 70px rgba(30,77,68,.13)}
.page-guide{position:sticky;top:70px;z-index:15;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;width:min(1080px,calc(100% - 40px));margin:-28px auto 30px;padding:10px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 13px 35px rgba(38,75,68,.11);backdrop-filter:blur(12px)}.page-guide a{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border-radius:14px;color:var(--ink);text-decoration:none}.page-guide a:hover,.page-guide a:focus-visible{background:var(--mint);outline:none}.page-guide span{display:grid;flex:0 0 29px;place-items:center;width:29px;height:29px;border-radius:10px;background:var(--green);color:#fff;font-size:12px;font-weight:900}.page-guide b{overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.step-heading{display:grid;grid-template-columns:76px 1fr;gap:22px;align-items:start;margin-bottom:28px}.step-heading>span{display:grid;place-items:center;width:70px;height:70px;border-radius:22px;background:var(--navy);color:#fff;font-size:22px;font-weight:950;box-shadow:0 10px 25px rgba(23,54,95,.16)}.step-heading h2{margin-top:0}.step-heading p{margin-bottom:0}
.morning-grid button,.reason-grid button,.idea-grid button,.reflection-choices button{position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.morning-grid button:after,.reason-grid button:after,.idea-grid button:after{content:"選ぶ";position:absolute;right:15px;bottom:12px;color:#668078;font-size:10px;font-weight:900}.morning-grid button.selected:after,.reason-grid button.selected:after,.idea-grid button.selected:after{content:"✓ 選択中";color:var(--green)}.morning-grid button.selected,.reason-grid button.selected,.idea-grid button.selected{box-shadow:0 12px 28px rgba(44,139,119,.14)}.morning-grid button:focus-visible,.reason-grid button:focus-visible,.idea-grid button:focus-visible,.scene-nav button:focus-visible,.hint-button:focus-visible{outline:4px solid #eec35c;outline-offset:3px}
.morning-result{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 22px;box-shadow:0 8px 28px rgba(67,75,70,.06)}.morning-result strong,.morning-result p{grid-column:1}.morning-result a{grid-column:2;grid-row:1/3;padding:10px 16px;border-radius:99px;background:#fff;color:var(--navy);text-decoration:none}
.scene-wrap{border-block:1px solid #d9eae3}.scene-layout{gap:32px}.scene-nav{box-shadow:inset 0 0 0 1px #cbe5db}.scene-nav button.active{border-color:var(--green);box-shadow:none}.scene-nav button.active:after{content:"表示中";justify-self:start;margin-top:4px;color:var(--green);font-size:10px;font-weight:900}.scene-detail{box-shadow:0 15px 40px rgba(38,75,68,.07)}.hint-button strong{justify-self:center;margin-top:8px;padding:7px 16px;border-radius:99px;background:rgba(255,255,255,.2)}.scene-hint{display:grid;gap:10px}.scene-hint section{border:1px solid var(--line);border-radius:17px;background:#fff}.scene-hint[hidden]{display:none}.scene-hint .point{margin:0}
.purpose{max-width:950px}.purpose-flow{border:1px solid #d6e7ef}.purpose-flow span{box-shadow:0 8px 22px rgba(23,54,95,.06)}
.reason-grid{grid-template-columns:repeat(2,1fr)}.reason-grid button{grid-template-columns:auto 1fr;justify-items:start;min-height:125px;text-align:left}.reason-grid b{font-size:19px}.reason-message{margin-top:18px;border-left:5px solid var(--green);font-weight:700}
.idea-grid{grid-template-columns:repeat(3,1fr)}.idea-grid button{grid-template-columns:58px 1fr;justify-items:start;align-content:center;min-height:145px;text-align:left;font-size:39px}.idea-grid b,.idea-grid small{grid-column:2}.idea-grid b{font-size:17px}.idea-grid small{line-height:1.5}.idea-grid button:last-child{grid-column:2/3}.chosen{margin-top:18px;border-left:5px solid var(--green);font-weight:700}
.try-plan{margin-top:22px;padding:28px;border:1px solid #cfe5dc;border-radius:24px;background:linear-gradient(135deg,#f0faf6,#fffaf0);box-shadow:0 12px 32px rgba(44,139,119,.08)}.try-plan>small{display:block;color:var(--green);font-weight:900;letter-spacing:.08em}.try-plan>strong{display:block;margin:6px 0;color:var(--navy);font-size:21px}.timing-box{margin:22px 0 18px;padding-top:18px;border-top:1px solid #cfe2da}.timing-box>span{display:block;margin-bottom:10px;color:var(--navy);font-weight:900}.timing-box>div{display:flex;flex-wrap:wrap;gap:9px}.timing-box button{padding:10px 16px;border:2px solid #beddd2;border-radius:99px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 5px 14px rgba(38,75,68,.05)}.timing-box button:hover,.timing-box button:focus-visible{border-color:var(--green);background:#f3fbf8}.timing-box button.selected{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 8px 18px rgba(44,139,119,.2)}#confirm-idea{padding:12px 22px;border:0;border-radius:99px;background:var(--coral);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 9px 22px rgba(239,120,97,.2)}#confirm-idea:hover{background:#df6853}
.observe-wrap{background:linear-gradient(180deg,#eef8f4,#f8fbfa)}.day-card{box-shadow:0 8px 24px rgba(38,75,68,.06)}.reflection-panel,.next-step-panel{border:1px solid var(--line);box-shadow:0 12px 35px rgba(38,75,68,.06)}
.three-days{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.day-card{display:grid;gap:7px;padding:20px;border:1px solid #d4e6df;border-radius:20px;background:#fff}.day-card b{color:var(--navy);font-size:18px}.day-card span{font-size:13px}.reflection-panel{margin-top:28px;padding:30px;border-radius:26px;background:#fff}.reflection-panel>small,.next-step-panel>small{color:var(--green);font-weight:900;letter-spacing:.12em}.reflection-panel h3,.next-step-panel h3{margin:5px 0;color:var(--navy);font-size:27px}.reflection-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:19px}.reflection-choices button{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;min-height:105px;padding:18px;border:2px solid #d1e6de;border-radius:19px;background:#f7fcfa;color:var(--ink);font:inherit;font-size:27px;text-align:left;cursor:pointer}.reflection-choices b,.reflection-choices small{grid-column:2}.reflection-choices b{color:var(--navy);font-size:16px}.reflection-choices small{font-size:12px}.reflection-choices button:hover,.reflection-choices button:focus-visible{border-color:var(--green);background:#edf8f4;transform:translateY(-2px)}.reflection-choices button.selected{border-color:var(--coral);background:#fff0ed;box-shadow:0 9px 22px rgba(239,120,97,.12)}.reflection-choices button.selected:after{content:"✓ 選択中";grid-column:2;color:#c95e4b;font-size:10px;font-weight:900}.reflection-result{margin-top:16px;padding:16px 18px;border-left:5px solid var(--coral);border-radius:14px;background:#fff5e7}.next-step-panel{margin-top:18px;padding:27px;border-radius:24px;background:#f5fbf8}.next-actions{display:flex;flex-wrap:wrap;gap:9px}.next-actions button,.next-actions a{padding:10px 15px;border:1px solid #cce1d9;border-radius:99px;background:#fff;color:var(--navy);font:inherit;font-size:13px;font-weight:900;text-decoration:none;cursor:pointer}.next-actions button:hover,.next-actions a:hover{background:var(--mint)}
.help{margin-block:70px;padding:55px;border:1px solid #f1d9cd;border-radius:32px;background:#fff}.help-grid article{border:1px solid #f2d8ca}.sources a{transition:transform .15s ease,box-shadow .15s ease}.sources a:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(38,75,68,.08)}
@media(max-width:900px){header nav a:not(:last-child){display:block}.page-guide{top:70px;display:flex;overflow-x:auto;justify-content:flex-start}.page-guide a{flex:0 0 auto}.page-guide b{overflow:visible}.idea-grid{grid-template-columns:repeat(2,1fr)}.idea-grid button:last-child{grid-column:auto}.step-heading{grid-template-columns:62px 1fr}.step-heading>span{width:58px;height:58px;border-radius:18px}.morning-result{display:block}.morning-result a{display:inline-flex;margin-top:8px}}
@media(max-width:620px){header{display:grid;grid-template-columns:1fr;gap:2px;padding:8px 14px}header nav{width:100%}.page-guide{position:relative;top:auto;width:calc(100% - 20px);margin-top:-13px}.page-guide a{padding:7px}.step{padding:70px 0}.step-heading{grid-template-columns:48px 1fr;gap:13px}.step-heading>span{width:45px;height:45px;border-radius:14px;font-size:16px}.step-heading h2{font-size:32px}.morning-grid button{min-height:125px}.morning-grid span{font-size:43px}.morning-grid b{font-size:18px}.reason-grid,.idea-grid,.three-days,.reflection-choices{grid-template-columns:1fr}.reason-grid button,.idea-grid button{min-height:120px}.scene-wrap,.observe-wrap{padding:70px 0}.scene-nav{display:flex;overflow-x:auto;padding:12px}.scene-nav button{flex:0 0 210px}.try-plan,.reflection-panel{padding:22px}.timing-box>div{display:grid;grid-template-columns:1fr 1fr}.timing-box button{text-align:center}.help{width:calc(100% - 26px);padding:30px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.morning-grid button,.reason-grid button,.idea-grid button,.reflection-choices button{transition:none}}