.self-study-map,.family-support{max-width:1180px;margin:auto}.map-intro{background:#eaf4ed;border:1px solid #c6dfcc;border-radius:24px;padding:clamp(20px,4vw,40px);margin-bottom:20px}.map-intro h1{font-size:clamp(26px,3vw,38px);margin:10px 0}.map-stats{display:flex;gap:26px;flex-wrap:wrap;margin-top:24px}.map-stats span{display:flex;flex-direction:column;font-size:14px}.map-stats strong{font-size:25px;color:#256553}.map-filters{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin:20px 0}.map-filters label{flex:1;min-width:160px}.map-filters select{width:100%}.map-regions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:20px;margin:24px 0}.map-region{border:1px solid #ddd9cc;background:#fffdf7;border-radius:22px;overflow:hidden;align-self:start}.map-region>header{display:flex;gap:16px;align-items:center;padding:22px;background:#edf1e4}.map-region h2{margin:0;font-size:22px}.map-region header p{margin:8px 0 0;color:#59615a;line-height:1.7}.region-symbol{font-size:34px;color:#44785e;min-width:42px;text-align:center}.map-stage{border-top:1px solid #e1e3d8;padding:16px 20px}.map-stage>summary{display:flex;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;align-items:center;min-height:50px}.map-stage>summary>span:first-child{display:grid;gap:5px}.map-stage>summary:after{content:'＋';color:#476d58}.map-stage[open]>summary:after{content:'－'}.map-stage>summary small{color:#64725e}.map-stage>summary>span:nth-child(2){font-size:12px;white-space:nowrap}.map-steps{padding-left:24px}.map-steps li{padding:16px 0;border-top:1px dashed #d8ddcc}.map-steps li>strong{display:block}.map-steps p{font-size:13px;line-height:1.7;color:#5b675b}.map-steps small{display:block}.map-status{display:inline-block;font-size:12px;background:#edf2e8;padding:4px 8px;border-radius:8px;margin:8px 0}.self-study-map button,.family-support button{min-height:44px;margin:6px 6px 0 0}.insight-list{display:grid;gap:10px}.insight-row{display:flex;justify-content:space-between;text-align:left;padding:18px;background:#fff;border:1px solid #dadfd7;border-radius:14px;gap:16px;width:100%}.insight-row>span:first-child{display:grid;gap:8px}.insight-row small{color:#687264}.family-support textarea{min-height:100px;width:100%}.family-support .answer-image{max-width:100%;height:auto;background:white}.family-support form{max-width:680px}.family-support label{display:block;margin:14px 0}.family-support input,.family-support select{max-width:100%;width:100%}@media(max-width:700px){.map-filters{display:grid;grid-template-columns:1fr}.map-regions{grid-template-columns:1fr}.map-stage{padding:14px}.map-stats{gap:18px}.insight-row{padding:14px}}@media(prefers-reduced-motion:reduce){.family-support{scroll-behavior:auto}}
.self-study-map button,.family-support button{border:1px solid #b6c8b7;border-radius:10px;background:#edf5e9;color:#2e5541;padding:10px 15px;font:inherit;cursor:pointer}.self-study-map button:disabled,.family-support button:disabled{opacity:.5;cursor:default}.self-study-map button:focus-visible,.family-support button:focus-visible{outline:3px solid #679c78;outline-offset:3px}.family-support .insight-row{background:#fff;line-height:1.6}.family-support h2{margin-top:0}