/* 地域学習・共通配色 3.0.25 */
:root{color-scheme:only light;--ink:#203a57;--sea:#f4f8fc;--panel:#fff;--border:#c6d7e4;--line:#93acc5;--outline:#607d9c;--fill:#eaf2fb;--kobe:#e2edf8;--range:#dceafb;--correct:#70cf91;--wrong:#f9dddd;--target:#ffe4a5;--accent:#245b82;--sub:#567086}
html,body{background:#f4f8fc;color:#203a57}header,.topnav,#choices{background:#f4f8fc}header{padding-bottom:10px}h1{color:#203a57}.sub{width:min(94vw,680px);margin:9px auto;padding:10px;border:1px solid #c6d7e4;border-radius:13px;background:#e5f1fc;color:#203a57;font-size:14px;line-height:1.5}body[data-mode="quiz2"] .sub{background:#e7f4ed}
#question{font-size:clamp(25px,7vw,36px);line-height:1.4;min-height:64px;padding:14px 10px;border-radius:18px;color:#203a57;border-color:#c6d7e4}#rangeName,#regionTitle{color:#567086}#progress{color:#203a57}.choice{background:#fff;color:#203a57;font-size:16px;min-height:52px;border-color:#c6d7e4;border-radius:13px}.choice.correct-choice{background:#70cf91;color:#174e2c;border-color:#22613d}.choice.wrong-choice{background:#f9dddd;color:#923737;border-color:#923737}
.municipality.correct,.municipality.answer-correct{fill:#70cf91;stroke:#22613d;stroke-width:2}.municipality.wrong-flash{fill:#f9dddd;stroke:#923737;stroke-width:2}.municipality.target,.municipality.kobe-base.target{animation:none;fill:#ffe4a5;stroke:#b6842b;stroke-width:2}.municipality.active-area{fill:#dceafb}.municipality.kobe-area{fill:#e2edf8}
.controls{top:14px;right:14px;gap:8px}.controls button{width:44px;height:44px;color:#203a57;border:1px solid #c6d7e4;border-radius:12px;background:#fffffff2;box-shadow:0 2px 6px #203a571a}
#feedback{left:14px;right:72px;transform:none;max-width:none;min-width:0;top:14px;white-space:pre-line;border:1px solid #c6d7e4;border-radius:24px;font-size:14px;line-height:1.45;background:#fffffff2}#feedback.ok{color:#174e2c}#feedback.ng{color:#923737}.auto-status{min-height:24px;margin:6px auto 0;font-size:12px;color:#567086;line-height:20px}
.result-card{border-color:#c6d7e4;border-radius:18px;color:#203a57}.result-card strong{font-size:clamp(30px,8vw,42px)}.result-card .primary,.btn.primary{background:#245b82;color:#fff;border-color:#245b82}.result-card button,.result-card a{color:#203a57;border-color:#c6d7e4;background:#fff}#wrongBtn{background:#eeeafb;color:#203a57;border-color:#c9bfdf}.card{border-color:#c6d7e4;background:#fff}.card:nth-child(2){background:#e7f4ed}.card:nth-child(3){background:#e5f1fc}.card:nth-child(4){background:#e7f4ed}.card:nth-child(5){background:#fff0df}.prefecture-profile{background:#eeeafb}.prefecture-outline{background:#e5f1fc}.lead{color:#567086}.regions button.active{background:#245b82;color:white}.label,.kobe-city-label{fill:#203a57}.region-label{fill:#203a57}.range-region,.region-fill{fill:#dceafb}.range-region:hover{fill:#e7f4ed}
.learning-version{text-align:center;font-size:11px;color:#607587;margin:12px auto}button:focus-visible,a:focus-visible{outline:3px solid #b27817;outline-offset:3px}