.learning-layout{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);gap:4%;padding:35px 5.3% 0;align-items:start;max-width:1800px;margin:auto}
.learning-content{min-width:0;container-type:inline-size}
.persistent-dial.dial-dialog{position:sticky;top:120px;width:100%;max-width:470px;max-height:calc(100svh - 135px);margin:0;padding:0 8px 20px;border:0;border-radius:0;box-shadow:none;background:transparent;overflow-y:auto;scrollbar-width:thin;align-self:start;justify-self:start}
.persistent-dial .dial-heading{display:block;padding:5px 0 0}.persistent-dial .dial-heading .eyebrow{font-size:8px;letter-spacing:1.6px;line-height:1.8}.persistent-dial .dial-heading h2{font-size:43px;line-height:1.13;letter-spacing:-2px;font-weight:500;margin:16px 0 26px}.persistent-dial .dial-heading h2 em{letter-spacing:-2px}
.persistent-dial .watch-face{width:100%;border-width:7px}.persistent-dial nav.dial-menu .dial-item:nth-child(n){width:98px;min-height:59px;font-size:10px}.persistent-dial nav.dial-menu .dial-item .nav-icon{width:20px;height:20px}.persistent-dial .watch-center strong{font-size:20px}.persistent-dial .watch-center-label{font-size:6px;letter-spacing:1.2px}.persistent-dial .watch-center .dial-open{font-size:9px;min-height:40px;padding:6px 10px;gap:6px}.persistent-dial .watch-inner-ring{inset:27%}.persistent-dial .watch-center{inset:30%}.persistent-dial .dial-bottom{gap:20px;margin-top:17px}.persistent-dial .dial-bottom p{font-size:9px}.persistent-intro{font-size:11px;line-height:1.8;color:var(--muted);max-width:330px;margin:20px auto 0;text-align:center}
.learning-content .hero{display:block;height:calc(100svh - 155px);min-height:560px;max-height:800px;padding:0 0 65px;overflow:visible}.learning-content .hero>.globe-area{width:100%;height:100%;min-height:490px}.learning-content .hero canvas{width:115%;height:100%}.learning-content .hero .orb-label{top:15px;font-size:8px}.learning-content .hero .globe-controls{bottom:12px}.learning-content .hero-bottom{left:0;right:0;bottom:5px;font-size:7px;gap:12px}.learning-content .hero .float-note{font-size:10px;padding:14px 18px;bottom:20%;left:0}
.learning-content main{min-height:calc(100svh - 300px)}body:not([data-view="home"]) .learning-content .section{padding:38px 5% 45px}.learning-content .sensitivity{font-size:9px;padding:14px 5%;border-radius:7px;margin-bottom:10px}.learning-content .section-top{display:block}.learning-content .section-top>p{max-width:100%;margin-bottom:25px}.learning-content h2{font-size:40px}.learning-content .understand,.learning-content .support,.learning-content .care-section{grid-template-columns:1fr;gap:10px}.learning-content .fact-grid,.learning-content .myth-grid{grid-template-columns:1fr}.learning-content .fact-context{grid-template-columns:1fr;gap:30px}.learning-content .fact-card{padding:25px}.learning-content .fact-card h3{margin-top:18px}.learning-content .fact-number{font-size:63px}.learning-content .explore-scene{grid-template-columns:1fr;gap:20px}.learning-content #explore-globe-dock,.learning-content #explore-globe-dock .globe-area{min-height:390px;height:390px}.learning-content #explore .section-top h2{font-size:39px}.learning-content .stat-heading{flex-direction:row;align-items:center}.learning-content .data-column .country-detail{padding:25px}.learning-content .explore-grid,.learning-content .change{grid-template-columns:1fr;gap:20px}.learning-content .change-symbol{font-size:140px;text-align:left}.learning-content .types-list details{padding:22px}.learning-content .types-list summary{font-size:18px}.learning-content footer{padding:35px 5%;flex-direction:column;gap:20px;border-top:1px solid var(--line)}
@media(min-width:761px){.persistent-dial .watch-face{width:min(100%,max(310px,calc(100svh - 345px)));margin-inline:auto}.persistent-dial .dial-heading h2{font-size:38px;margin:14px 0 22px}.persistent-intro{display:none}.persistent-dial.dial-dialog{padding-bottom:10px}.persistent-dial .dial-bottom{margin-top:14px}}
.about-trigger{font:12px 'DM Sans',sans-serif;display:flex;align-items:center;gap:15px;min-height:44px;padding:10px 18px;border:1px solid #c2cbb7;border-radius:25px;color:var(--ink);background:#edf0e4;cursor:pointer}.about-trigger:hover{background:#dfe7d3}.about-dialog{width:min(550px,calc(100vw - 28px));max-height:calc(100svh - 30px);border:1px solid #c3cdb6;border-radius:22px;background:var(--paper);color:var(--ink);padding:45px 40px;box-shadow:0 25px 100px #19332744;overflow:auto}.about-dialog::backdrop{background:#182b2966;backdrop-filter:blur(10px)}.about-close{position:absolute;right:16px;top:16px;width:32px;height:32px;border-radius:50%;border:1px solid #bfcbb1;color:var(--ink);background:transparent;font-size:23px}.about-dialog .hero-copy h2{font:500 66px/1.04 Manrope,sans-serif;letter-spacing:-3px;margin:28px 0}.about-dialog .hero-copy h2 em{font-family:Georgia,serif;letter-spacing:-3px}.about-dialog .hero-copy>p{font-size:14px;max-width:none}.about-dialog .eyebrow{font-size:8px;letter-spacing:1.4px}
@media(min-width:1500px){.learning-layout{grid-template-columns:minmax(370px,.7fr) minmax(0,1.3fr);gap:5%}.persistent-dial{max-width:470px}.learning-content .hero{height:calc(100svh - 155px)}.learning-content .fact-grid{grid-template-columns:repeat(3,1fr)}.learning-content .fact-card{padding:20px}.learning-content .fact-card h3{font-size:24px}.learning-content .fact-number{font-size:56px}.learning-content .explore-scene{grid-template-columns:1fr 1fr}.learning-content #explore-globe-dock,.learning-content #explore-globe-dock .globe-area{min-height:470px;height:100%}}
@media(max-width:1050px){.learning-layout{grid-template-columns:minmax(290px,.85fr) minmax(0,1.15fr);gap:3%;padding-inline:4%}.persistent-dial .dial-heading h2{font-size:37px}.persistent-dial nav.dial-menu .dial-item:nth-child(n){font-size:9px;width:85px;min-height:55px}.persistent-dial .watch-center strong{font-size:17px}.persistent-dial .watch-center .dial-open{font-size:8px;padding:5px 8px}.persistent-dial .dial-bottom{gap:12px}.learning-content h2{font-size:35px}.learning-content .hero>.globe-area{min-height:460px}}
@media(max-width:760px){.learning-layout{display:block;padding:25px 6% 0}.persistent-dial.dial-dialog{position:relative;top:auto;max-height:none;max-width:430px;margin:0 auto 30px;padding:0}.persistent-dial .dial-heading h2{font-size:37px;margin:13px 0 22px}.persistent-dial .dial-heading .eyebrow{font-size:7px}.persistent-dial .dial-heading{padding-top:0}.persistent-dial nav.dial-menu .dial-item:nth-child(n){font-size:10px;width:93px;min-height:58px}.persistent-dial .watch-center strong{font-size:18px}.persistent-dial .watch-center .dial-open{font-size:9px;min-height:40px}.persistent-dial .persistent-intro{font-size:11px;max-width:310px}.learning-content .hero{height:420px;min-height:420px;padding-bottom:45px}.learning-content .hero>.globe-area{height:100%;min-height:355px}.learning-content .hero .orb-label{font-size:7px;top:0}.learning-content .hero .globe-controls{bottom:0}.learning-content .hero-bottom{bottom:0;font-size:6px}.learning-content .hero .float-note{font-size:9px;padding:10px 13px;bottom:18%}.learning-content .hero canvas{width:105%}.learning-content .section{border-radius:10px}body:not([data-view="home"]) .learning-content .section{padding:35px 6%}.learning-content #explore .section-top h2{font-size:35px}.learning-content #explore-globe-dock,.learning-content #explore-globe-dock .globe-area{min-height:340px;height:340px}.learning-content .fact-grid{grid-template-columns:1fr}.about-trigger{font-size:10px;gap:7px;padding:9px 11px}.about-dialog{padding:45px 25px 30px}.about-dialog .hero-copy h2{font-size:57px}header .support-link{padding:10px 12px}.learning-content .stat-heading h3{font-size:30px}}
@media(max-width:390px){.about-trigger{font-size:9px;padding:8px 9px;gap:4px}.about-trigger span{display:none}.persistent-dial nav.dial-menu .dial-item:nth-child(n){font-size:9px;width:85px}.persistent-dial .watch-center strong{font-size:17px}.persistent-dial .watch-center-label{font-size:5.5px}.persistent-dial .watch-center .dial-open{font-size:8px}.persistent-dial .dial-bottom{gap:14px}}
.mobile-dial-link{display:none}@media(max-width:760px){body:not([data-view="home"]) .mobile-dial-link{display:inline-block;font-size:11px;padding:10px 0 18px;color:#526b43}}
.persistent-dial .watch-face{overflow:hidden}@media(max-width:760px){.persistent-dial.dial-dialog{overflow:visible}}
.dial-initializing .dial-item,.dial-initializing .watch-bezel{transition:none!important}