.learning-main{min-width:0;max-width:1080px;margin:48px auto 0}.learning-intro{max-width:860px;margin-bottom:24px}.learning-intro h1{margin:12px 0 20px;font-size:52px}.learning-intro .reading-lead{max-width:760px}.learning-routes{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.learning-routes>a{background:#eaf3f5;border:1px solid #d4e5e9;border-radius:12px;padding:16px 18px;text-decoration:none;display:block}.learning-routes strong{margin-bottom:4px;font-size:17px;display:block}.learning-routes span{color:var(--muted);font-size:13px;line-height:1.5;display:block}.learning-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 18px;margin-bottom:40px;padding:16px 0;display:flex}.learning-nav a{align-items:center;min-height:44px;font-size:14px;text-decoration:none;display:flex}.learning-section{margin-bottom:40px;scroll-margin-top:24px}.learning-section>h2{margin-top:10px}.learning-section>p{max-width:860px}.learning-main .phase-explain{gap:16px;margin:24px 0 0}.learning-main .phase-explain .card{flex-direction:column;padding:24px;display:flex}.learning-main .phase-explain h3{margin:16px 0 12px;font-size:23px}.learning-main .phase-explain p{font-size:16px}.phase-caption{color:var(--muted);margin-top:auto;font-size:14px}.learning-source{color:var(--muted);margin:20px 0 0;font-size:13px!important}.learning-main .explanation-steps{margin:24px 0 32px}.learning-ocean{grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;display:grid}.learning-ocean p{font-size:17px}.learning-ocean details p{font-size:16px}.learning-ocean .pacific-svg{max-height:240px}.learning-reading-grid,.learning-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.learning-reading-grid .card{padding:24px}.learning-reading-grid h3{margin:16px 0 12px}.learning-reading-grid p{margin-bottom:0;font-size:16px}.probability-lesson{margin-top:20px}.probability-lesson h3{margin:16px 0 12px}.probability-lesson>p{max-width:850px;font-size:17px}.chance-dots{grid-template-columns:repeat(20,minmax(0,1fr));gap:6px;max-width:520px;margin:24px 0 16px;display:grid}.chance-dots span{aspect-ratio:1;border-radius:50%;width:100%;max-width:18px;display:block}.example-legend{flex-wrap:wrap;gap:12px 24px;margin:16px 0 24px;padding:0;font-size:15px;list-style:none;display:flex}.example-legend li{align-items:center;gap:8px;display:flex}.probability-lesson details p{max-width:820px;font-size:16px}.monsoon-comparison{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;display:grid}.monsoon-comparison article{background:#f5f8fa;border-radius:12px;padding:24px}.monsoon-comparison h3{margin:14px 0 12px}.monsoon-comparison p{margin:0;font-size:16px}.learning-video{flex-direction:column;min-width:0;padding:20px;display:flex}.video-art{color:#126a7a;background:#e4f1f3;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:170px;margin-bottom:20px;padding:12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.video-art.observe{color:#286fa8;background:#e6edf7}.video-art.water{color:#2f6651;background:#ebf3ef}.video-art svg{width:180px;max-width:100%;height:80px}.video-art>span:last-child{margin-top:8px;font-size:13px;font-weight:600}.video-number{letter-spacing:1px;font-size:12px;font-weight:600;position:absolute;top:10px;left:14px}.learning-video h3{margin:16px 0 12px;font-size:21px}.learning-video>p{font-size:16px}.watch-prompt{background:#f5f8fa;border-radius:8px;margin:auto 0 12px;padding:12px}.watch-prompt strong{color:var(--ocean);font-size:13px}.watch-prompt p{margin:6px 0 0;font-size:14px;line-height:1.6}.learning-video>a:last-child,.learning-resource>a{align-items:center;min-height:44px;font-size:14px;display:flex}.learning-faq details{border-top:1px solid var(--line);padding:8px 0}.learning-faq summary{min-height:52px;font-size:17px;line-height:1.5}.learning-faq details>p{max-width:820px;padding-left:20px;font-size:17px}.learning-check{max-width:800px}.learning-check .quiz-progress{color:var(--muted);margin:20px 0 12px;font-size:13px}.learning-check fieldset{border:0;min-width:0;margin:0 0 18px;padding:0}.learning-check legend{margin-bottom:16px;font-size:21px;font-weight:600;line-height:1.5}.quiz-option{border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;font-size:16px;display:flex}.quiz-option.selected{border-color:var(--ocean);background:#eaf3f5}.quiz-option input{width:18px;height:18px;accent-color:var(--ocean);flex-shrink:0}.quiz-option:focus-within{outline:3px solid var(--ocean);outline-offset:3px}.quiz-feedback{background:#eaf3f5;border-radius:10px;margin-bottom:20px;padding:18px}.quiz-feedback strong{color:var(--ocean);font-size:16px}.quiz-feedback p{margin:8px 0 0;font-size:16px}.learning-check>small,.learning-check .text-link{margin-top:16px;display:block}.learning-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.learning-resource{flex-direction:column;padding:24px;display:flex}.learning-resource h3{margin:16px 0 12px}.learning-resource p{margin-bottom:12px;font-size:16px}.learning-resource>a{margin-top:auto}.learning-glossary{margin:0}.learning-glossary>div{border-bottom:1px solid var(--line);grid-template-columns:210px 1fr;gap:24px;padding:18px 0;display:grid}.learning-glossary dt{font-size:17px;font-weight:600}.learning-glossary dd{margin:0;font-size:16px}.learning-finish{background:#e4f1f3;border-radius:16px;margin:0 0 48px;padding:32px}.learning-finish h2{margin-top:0}.learning-finish .button-link{background:var(--ocean);color:#fff;border-radius:8px;align-items:center;padding:10px 18px;font-size:16px;text-decoration:none;display:inline-flex}.learning-finish .text-link{align-items:center;min-height:44px;margin-left:24px;font-size:15px;display:inline-flex}@media (max-width:1144px){.learning-main{margin-left:24px;margin-right:24px}}@media (max-width:767px){.learning-main{margin:28px 16px 0}.learning-intro h1{font-size:36px}.learning-routes{grid-template-columns:1fr;gap:10px;margin-top:24px}.learning-nav{gap:0 16px;margin-bottom:28px}.learning-nav a{font-size:13px}.learning-section{margin-bottom:28px}.learning-main .phase-explain,.learning-reading-grid,.learning-video-grid,.learning-ocean,.monsoon-comparison,.learning-resource-grid{grid-template-columns:1fr;gap:16px}.learning-main .phase-explain{display:grid}.learning-main .phase-explain .card,.learning-reading-grid .card,.learning-resource{padding:24px}.learning-ocean .pacific-svg{max-height:190px}.learning-main .explanation-steps{margin-bottom:24px}.chance-dots{gap:4px}.example-legend{gap:8px 16px;font-size:14px}.learning-faq summary{font-size:16px}.learning-faq details>p{padding-left:0;font-size:16px}.learning-check legend{font-size:19px}.quiz-option{gap:10px;padding:12px;font-size:15px}.learning-glossary>div{grid-template-columns:1fr;gap:6px;padding:16px 0}.learning-finish{margin-bottom:32px;padding:24px}.learning-finish .text-link{margin:12px 0 0;display:flex}.learning-source{overflow-wrap:anywhere}}@media print{.learning-nav,.learning-routes,.video-art,.learning-check{display:none}.learning-main{max-width:none;margin:0}.learning-section{break-inside:auto}.learning-video-grid,.learning-resource-grid{grid-template-columns:1fr 1fr}.learning-section .card{break-inside:avoid}.learning-main details>p{display:block}.learning-finish{background:#fff;padding:0}.learning-main h1{font-size:28px}}