/* Visual learning extends, rather than replaces, the Phase 6 layout. */
.hero .btn.visual-mode{background:#e2f0cf!important;color:#254c35!important;border-color:#b2cd9c}.observation-art{display:grid;grid-template-columns:minmax(0,1fr);margin:14px 0;background:#f0f5e9;border-radius:14px;padding:10px 14px}.observation-art .learning-figure{margin:0}.observation-art .learning-art{height:190px;width:100%;object-fit:contain}.observation-art p{font-size:13px;line-height:1.7;margin:7px 0 0}.observation-art p small{display:block;font-size:11px;color:#61766d}.staged-hint{margin:16px 0}.staged-hint>.btn{min-height:48px}.staged-hint #hint-content{margin-top:10px;background:#f1f5eb;border:1px solid #d0deca;border-radius:14px;padding:16px}.hint-step{font-size:12px;color:#3a6653;font-weight:800;margin:0 0 6px}.hint-text{font-size:17px;line-height:1.8;margin:5px 0 16px}.staged-hint .hint-close{display:block;margin-top:12px;min-height:44px}.staged-hint .learning-art{max-height:230px}.discovery-mini{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;background:#f2f5e9;border:1px solid #d1dec4;border-radius:14px;padding:14px;margin:18px 0}.discovery-mini .learning-figure{margin:0}.discovery-mini figcaption{display:none}.discovery-mini h3{font-size:20px;margin:5px 0}.discovery-mini .eyebrow{font-size:11px;letter-spacing:.02em}.discovery-mini p{font-size:14px;line-height:1.8;margin:7px 0}.card-point{border-left:3px solid #9cae5b;padding:6px 10px;background:#fffef5}.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.card-actions .btn{font-size:14px;min-height:44px}.card-actions small{font-size:12px;color:#44624b}.region-collection{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}.region-collection span{font-size:12px;background:#eaf0e1;border-radius:16px;padding:7px 12px}.discovery-filters{flex-wrap:wrap;align-items:center}.discovery-filters label{display:flex;align-items:center;gap:10px;font-size:15px}.discovery-filters select{min-height:48px}.discovery-filters .found-filter{min-height:48px;background:#edf3e8;padding:10px 14px;border-radius:10px;cursor:pointer}.found-filter input{width:20px;height:20px}.discovery-card .btn{width:100%;min-height:48px}.discovery-card .learning-figure img{height:auto;max-height:215px}.discovery-card .learning-figure figcaption{display:none}.discovery-card.locked h2{font-size:17px}.learning-dialog{width:min(850px,94vw);max-height:92dvh;overflow:auto;border:0;border-radius:18px;padding:22px;color:#173c46;background:#fffdf5;box-shadow:0 20px 80px #0006}.learning-dialog::backdrop{background:#102b38cc}.learning-dialog h2{font-size:27px}.learning-dialog>p,.learning-dialog li{line-height:1.9;font-size:16px}.learning-dialog ul{padding-left:22px}.learning-dialog .learning-art{max-height:390px}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.detail-toolbar .btn{min-height:48px}.detail-toolbar span{font-size:14px}.learning-dialog .eyebrow{display:block;margin:16px 0 8px;color:#486c50}.learning-dialog details{margin-top:18px;line-height:1.9;font-size:14px}.learning-dialog summary{cursor:pointer;min-height:44px}.learning-dialog [data-related-quiz]{min-height:50px}.staged-hint [hidden],#empty-gallery[hidden],.discovery-card[hidden],.learning-dialog .image-fallback[hidden]{display:none!important}#visual-note{line-height:1.8}@media(min-width:700px){.quiz:has(.observation-art){max-width:1150px}.quiz:has(.observation-art) .panel{padding:26px}.quiz:has(.observation-art) .question{font-size:27px}.quiz:has(.observation-art) .observation-art{float:right;width:37%;margin:6px 0 16px 20px}.quiz:has(.observation-art) .observation-art .learning-art{height:230px}.quiz:has(.observation-art) .choices,.quiz:has(.observation-art) .staged-hint{width:59%}.quiz:has(.observation-art) .panel:after{content:"";display:block;clear:both}}@media(max-width:600px){.observation-art{padding:9px}.observation-art .learning-art{height:150px}.discovery-mini{grid-template-columns:90px minmax(0,1fr);gap:10px;padding:12px}.discovery-mini h3{font-size:18px}.discovery-mini p{font-size:13px}.card-actions{grid-column:1/-1}.learning-dialog{padding:17px}.learning-dialog h2{font-size:23px}.learning-dialog .learning-art{max-height:280px}.discovery-filters{display:flex;align-items:stretch}.discovery-filters label{flex:1 1 100%}.discovery-filters select{flex:1;min-width:0}.question{font-size:22px}.quiz .panel{padding:19px}}@media(max-height:820px) and (min-width:601px){.observation-art .learning-art{height:135px}.quiz:has(.observation-art) .question{font-size:24px}.quiz:has(.observation-art) .choices{gap:8px}.quiz:has(.observation-art) .choice{min-height:54px}}
.learning-dialog{max-width:min(850px,94vw)}