.weather-buddy-sun-screen[data-weather-buddy-clue-active] .weather-v2-header{grid-template-columns:minmax(0,1fr) auto}
.weather-buddy-sun-screen[data-weather-buddy-clue-active] .weather-v2-header>.weather-v3-guides{margin:0}
.weather-buddy-sun-screen[data-weather-buddy-clue-active] .weather-v2-header .weather-v2-buddy{display:none}
.weather-buddy-sun-screen[data-weather-buddy-clue-active] .weather-v2-header .weather-v2-chimpal{display:block}
.weather-buddy-sun-action{display:flex;align-items:center;gap:.7rem;min-height:64px;max-width:100%;margin:.7rem 0 0;padding:.4rem .8rem;text-align:left;white-space:normal}
.weather-buddy-sun-action .launch-buddy-art{display:block;width:3.7rem;height:3.7rem;flex:0 0 3.7rem;border:3px solid #fff;border-radius:50%;box-shadow:0 3px 10px #173d3638}
.weather-buddy-sun-action>span:last-child{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:800}
.weather-buddy-sun-action.is-pointing{border-color:#245b47;background:#e9f4dd}
.weather-buddy-sun-action.is-pointing .launch-buddy-art{animation:weather-v3-point .65s ease-in-out 2}
.weather-buddy-sun-pointer{pointer-events:none}
.weather-buddy-sun-pointer path{stroke:#fff3b2;stroke-width:2.3;stroke-linecap:round;stroke-dasharray:5 4}
.weather-buddy-sun-screen[data-weather-try-picture-choices] .weather-v2-choice-grid{width:min(100%,38rem);justify-self:center}
.weather-buddy-sun-screen[data-weather-try-picture-choices] .weather-v2-choice{display:grid;grid-template-columns:1fr;justify-items:stretch;min-height:0;padding:.45rem}
.weather-buddy-sun-screen[data-weather-try-picture-choices] .weather-v2-choice-art{width:100%;aspect-ratio:1}
.weather-buddy-match{display:grid;justify-items:center;gap:.75rem;align-content:start}
.weather-buddy-match-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(100%,43rem)}
.weather-buddy-match-heading h2{margin:.2rem 0 0}
.weather-buddy-match-hint{margin:.3rem 0 0;max-width:25rem;color:#315547;font-size:clamp(1rem,2vw,1.1rem)}
.weather-buddy-match-companion{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;min-width:0}
.weather-buddy-match-host{flex:0 0 auto}
.weather-buddy-match-host .launch-buddy-art{display:block;width:4.2rem;height:4.2rem;border:3px solid #fff;border-radius:50%;box-shadow:0 3px 10px #173d3638}
.weather-buddy-match-board{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:clamp(2rem,7vw,4rem);width:min(100%,34rem)}
.weather-buddy-match-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.weather-buddy-match-line,.weather-buddy-match-line-preview{fill:none;stroke:#347457;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.weather-buddy-match-line-preview{stroke:#bd8b2a;stroke-width:6;stroke-dasharray:10 8}
.weather-buddy-match-words,.weather-buddy-match-pictures{position:relative;z-index:1;display:grid;grid-template-rows:repeat(4,clamp(6.5rem,22vw,10rem));gap:.7rem;width:100%}
.weather-buddy-match-word{position:relative;display:flex;align-items:center;justify-content:center;gap:.35rem;min-width:0;min-height:64px;padding:.45rem;border:3px solid #5c786b;border-radius:1rem;background:#fff8e3;color:#173d36;font-size:clamp(1rem,2.2vw,1.25rem);font-weight:800;overflow-wrap:anywhere;touch-action:none}
.weather-buddy-match-word::after,.weather-buddy-match-picture::after{content:"";position:absolute;top:-.5rem;width:1rem;height:1rem;border:3px solid #347457;border-radius:50%;background:#fff8e3;z-index:2}
.weather-buddy-match-word::after{right:-.5rem}
.weather-buddy-match-picture::after{left:-.5rem}
.weather-buddy-match-word.is-matched::after,.weather-buddy-match-picture.is-matched::after{background:#e4bd62}
.weather-buddy-match-word svg{width:1.7rem;height:1.7rem;flex:0 0 1.7rem}
.weather-buddy-match-word.is-selected{border-color:#234f3e;background:#dbead0;box-shadow:0 0 0 4px #e4bd62}
.weather-buddy-match-word:focus-visible,.weather-buddy-match-picture:focus-visible{outline:5px solid #aa741f;outline-offset:3px}
.weather-buddy-match-picture{position:relative;display:block;min-width:0;min-height:64px;padding:.3rem;border:3px solid #78998a;border-radius:1.15rem;background:#fff;color:#173d36}
.weather-buddy-match-picture:not(.is-matched){cursor:pointer}
.weather-buddy-match-picture.is-matched{border-color:#245b47;background:#eaf4df}
.weather-buddy-match-scene{display:block;width:100%;height:100%;border-radius:.8rem;background-color:#e7f1eb;background-repeat:no-repeat;background-size:200% 200%}
.weather-buddy-sun-screen[data-weather-match-fallback] .weather-buddy-match-scene{display:none;background-image:none}
.weather-buddy-match-fallback{display:none;place-items:center;min-height:100%;padding:.5rem;text-align:center;font-weight:750}
.weather-buddy-sun-screen[data-weather-match-fallback] .weather-buddy-match-fallback{display:grid}
.weather-buddy-match-feedback{position:relative;max-width:18rem;margin:0;padding:.55rem .75rem;border:2px solid #5c786b;border-radius:1rem;background:#fff8e3;color:#173d36;font-weight:800;text-align:center;overflow-wrap:anywhere}
.weather-buddy-match-feedback::after{content:"";position:absolute;right:-.53rem;top:50%;width:.8rem;height:.8rem;transform:translateY(-50%) rotate(45deg);border-top:2px solid #5c786b;border-right:2px solid #5c786b;background:#fff8e3}
.weather-buddy-match-feedback[hidden]{display:none}
.weather-buddy-match-finish{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;width:min(100%,43rem)}
.weather-buddy-match-finish .primary{min-height:64px;flex:1 1 16rem}
.weather-buddy-match-finish .secondary{min-height:64px;flex:0 1 11rem}
.weather-buddy-sun-screen .weather-v3-learning-complete-card{position:relative;padding-top:3.8rem}
.weather-buddy-sun-screen .weather-v3-learning-complete-card>.weather-buddy-close{position:absolute;top:.65rem;right:.65rem;width:3rem;min-height:3rem;padding:0;border-radius:50%;font-size:1.8rem;line-height:1}
.weather-buddy-print-control{position:relative;display:inline-grid;justify-self:start}
.weather-buddy-print-control .weather-v2-print{opacity:1;cursor:help}
.weather-buddy-print-tooltip{position:absolute;left:0;bottom:calc(100% + .4rem);z-index:2;max-width:min(17rem,calc(100vw - 2rem));width:max-content;padding:.55rem .8rem;border-radius:.7rem;background:#244b3d;color:#fff;box-shadow:0 5px 16px #173d3633;font-weight:700;visibility:hidden;pointer-events:none}
.weather-buddy-print-control:hover .weather-buddy-print-tooltip,.weather-buddy-print-control:focus-within .weather-buddy-print-tooltip{visibility:visible}
@media(max-width:560px){.weather-buddy-print-control{width:100%}.weather-buddy-print-control .weather-v2-print{width:100%}}
@media(max-width:760px){.weather-buddy-sun-screen[data-weather-buddy-clue-active] .weather-v2-header{grid-template-columns:1fr}.weather-buddy-sun-screen[data-weather-buddy-clue-active] .weather-v2-header>.weather-v3-guides{justify-self:start}}
@media(max-width:430px){.weather-buddy-sun-action{width:100%;min-width:0}.weather-buddy-sun-action .launch-buddy-art{width:3rem;height:3rem;flex-basis:3rem}}
@media(max-width:560px){.weather-buddy-match-heading{display:grid;grid-template-columns:1fr}.weather-buddy-match-companion{justify-content:flex-end}.weather-buddy-match-host .launch-buddy-art{width:3rem;height:3rem}.weather-buddy-match-word svg{width:1.35rem;height:1.35rem;flex-basis:1.35rem}.weather-buddy-match-finish{display:grid;grid-template-columns:1fr}.weather-buddy-match-finish .primary,.weather-buddy-match-finish .secondary{width:100%}}
@media(max-width:430px){.weather-buddy-match-board{width:calc(100% + 1.2rem);margin-inline:-.6rem;column-gap:1.9rem}.weather-buddy-match-word{padding:.35rem;gap:.2rem}.weather-buddy-match-word svg{width:1.2rem;height:1.2rem;flex-basis:1.2rem}}
html[data-text-scale="200"] .weather-buddy-match-board{column-gap:2.5rem}
html[data-text-scale="200"] .weather-buddy-match-word svg{display:none}
html[data-text-scale="200"] .weather-buddy-sun-screen[data-weather-buddy-clue-active] .weather-v2-hosts{display:flex}
html[data-text-scale="200"] .weather-buddy-sun-screen[data-weather-buddy-clue-active] .weather-v2-header{grid-template-columns:1fr}
html[data-text-scale="200"] .weather-buddy-sun-action{flex-direction:column;align-items:flex-start}
html[data-text-scale="200"] .weather-buddy-sun-action>span:last-child{width:100%}
html[data-text-scale="200"] .weather-buddy-sun-screen[data-weather-try-picture-choices] .weather-v2-choice-grid{grid-template-columns:1fr}
html[data-text-scale="200"] .weather-buddy-match-words,html[data-text-scale="200"] .weather-buddy-match-pictures{grid-template-columns:1fr}
html[data-text-scale="200"] .weather-buddy-match-heading{align-items:flex-start}
html[data-text-scale="200"] .weather-buddy-match-word{justify-content:flex-start}
@media print{.weather-buddy-match,.weather-buddy-match-drag-preview{display:none!important}}
@media(prefers-reduced-motion:reduce){.weather-buddy-match-word,.weather-buddy-match-picture,.weather-buddy-match-drag-preview{animation:none!important;transition:none!important}}
@media(max-width:430px){html[data-text-scale="200"] main:has(>.weather-buddy-sun-screen){padding-inline:.5rem}html[data-text-scale="200"] .weather-buddy-sun-screen[data-weather-buddy-clue-active] .weather-v2-panel{padding:.5rem}html[data-text-scale="200"] .weather-buddy-sun-action{padding:.35rem .5rem}}

/* One continuous activity card: flat phase tabs share its top edge. */
.weather-buddy-sun-screen .weather-v2-top{margin-bottom:.25rem}
.weather-buddy-sun-screen .weather-buddy-parent-link{min-height:44px;padding:.35rem .15rem;border:0;border-radius:0;background:transparent;box-shadow:none;color:#244b3d;font-size:1rem;font-weight:750;text-decoration:underline;text-underline-offset:.22em}
.weather-buddy-sun-screen .weather-buddy-parent-link:hover{background:transparent;color:#173d36;text-decoration-thickness:2px}
.weather-buddy-sun-screen .weather-buddy-parent-link:focus-visible{outline:3px solid #aa741f;outline-offset:3px}
.weather-buddy-sun-screen .weather-v2-header{padding:.35rem 0 .8rem;border:0;border-radius:0;background:transparent}
.weather-buddy-sun-screen .weather-v2-header h1{line-height:1.1}
.weather-buddy-sun-screen .weather-v2-phase-nav{position:relative;z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:none;margin:0;padding:.45rem 1rem 0;border:3px solid #245b47;border-bottom:1px solid #c5d7ce;border-radius:1.35rem 1.35rem 0 0;background:var(--weather-paper);box-shadow:none;backdrop-filter:none}
.weather-buddy-sun-screen .weather-v2-phase-button{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:54px;border:0;border-radius:.65rem .65rem 0 0;background:transparent;box-shadow:none;color:#3c6253;font-weight:800}
.weather-buddy-sun-screen .weather-v2-phase-button::before{display:grid;place-items:center;flex:none;width:1.65rem;height:1.65rem;border:2px solid #aabbb0;border-radius:50%;background:#f8fbf5;color:#365c4c;font-size:.85rem;line-height:1;content:""}
.weather-buddy-sun-screen .weather-v2-phase-button[data-weather-v2-phase="learn"]::before{content:"1"}
.weather-buddy-sun-screen .weather-v2-phase-button[data-weather-v2-phase="try"]::before{content:"2"}
.weather-buddy-sun-screen .weather-v2-phase-button[data-weather-v2-phase="do"]::before{content:"3"}
.weather-buddy-sun-screen .weather-v2-phase-button:hover{background:#edf4ec}
.weather-buddy-sun-screen .weather-v2-phase-button[aria-current="step"]{position:relative;border:0;border-bottom:4px solid #d7a940;border-radius:.65rem .65rem 0 0;background:#edf4ec;box-shadow:none;color:#173d36}
.weather-buddy-sun-screen .weather-v2-phase-button[aria-current="step"]::before{border-color:#a7791c;background:#e8c269;color:#173d36}
.weather-buddy-sun-screen .weather-v2-phase-button:focus-visible{outline:3px solid #aa741f;outline-offset:2px}
.weather-buddy-sun-screen .weather-v2-panel{min-height:0;border-top:0;border-radius:0 0 1.35rem 1.35rem}
.weather-buddy-sun-screen .weather-v2-content{scroll-margin-top:1rem}
.weather-buddy-sun-screen .weather-v2-intro{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(1.25rem,3vw,2.5rem)}
.weather-buddy-sun-screen .weather-v2-intro .weather-v2-copy{align-self:start;padding-top:clamp(.2rem,1vw,1rem)}
.weather-buddy-sun-screen .weather-v2-intro h2{margin:0 0 1rem}
.weather-buddy-sun-screen .weather-v2-intro .weather-clue-intro-definition{max-width:34rem;margin:0;font-size:clamp(1.2rem,2vw,1.5rem)!important;line-height:1.45}
.weather-buddy-sun-screen .weather-v2-intro .weather-v2-learn-actions{grid-column:auto;justify-content:flex-start;margin-top:1.7rem}
.weather-buddy-sun-screen [data-weather-clue-intro-action]{width:min(100%,25rem);padding:.8rem 1.15rem;text-align:center}
.weather-buddy-sun-screen .weather-v2-intro-atlas{width:min(100%,clamp(20rem,53dvh,29rem));max-width:100%;justify-self:end}
@media(max-width:760px){.weather-buddy-sun-screen .weather-v2-intro{grid-template-columns:1fr}.weather-buddy-sun-screen .weather-v2-intro-atlas{width:min(100%,25rem);justify-self:center}.weather-buddy-sun-screen .weather-v2-intro .weather-v2-learn-actions{display:flex}}
@media(max-width:430px){.weather-buddy-sun-screen .weather-v2-top{flex-direction:row;align-items:center}.weather-buddy-sun-screen .weather-v2-phase-nav{padding:.35rem .35rem 0}.weather-buddy-sun-screen .weather-v2-phase-button{gap:.25rem;min-height:48px;padding:.4rem .2rem}.weather-buddy-sun-screen .weather-v2-phase-button::before{width:1.35rem;height:1.35rem;font-size:.72rem}.weather-buddy-sun-screen .weather-v2-header{padding:.15rem 0 .65rem}.weather-buddy-sun-screen .weather-v2-intro-atlas{width:min(100%,20rem)}.weather-buddy-sun-screen [data-weather-clue-intro-action]{width:100%}}
html[data-text-scale="200"] .weather-buddy-sun-screen .weather-v2-phase-nav{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.9fr));width:100%;margin-left:0;padding:.35rem .25rem 0;border-radius:1.35rem 1.35rem 0 0}
html[data-text-scale="200"] .weather-buddy-sun-screen .weather-v2-phase-button{flex-direction:column;gap:.1rem;min-height:76px;padding:.15rem .05rem}
html[data-text-scale="200"] .weather-buddy-sun-screen .weather-v2-phase-button::before{width:1rem;height:1rem;border-width:1px;font-size:.6rem}
html[data-text-scale="200"] .weather-buddy-sun-screen .weather-v2-intro{grid-template-columns:1fr}
html[data-text-scale="200"] .weather-buddy-sun-screen .weather-v2-intro-atlas{width:min(100%,22rem);justify-self:center}
html[data-text-scale="200"] .weather-buddy-sun-screen [data-weather-clue-intro-action]{padding-inline:.35rem;font-size:1rem;overflow-wrap:normal;word-break:normal;hyphens:none}
@media print{.weather-buddy-sun-screen .weather-v2-phase-nav{display:none!important}}