.garden-guide.panel{width:min(720px,calc(100vw - 28px));padding:30px 32px}
.garden-guide .panel-kicker,.garden-map .panel-kicker{margin-bottom:12px;padding-right:42px;font-size:10px;letter-spacing:.15em}
.garden-guide.panel h2,.garden-map.panel h2{font-size:34px;margin-bottom:22px;padding-right:32px}
.guide-tabs{display:flex;gap:6px;padding:5px;border:1px solid #ffffff20;border-radius:13px;background:#071119;margin-bottom:20px}
.guide-tabs button{flex:1;border-radius:9px;padding:9px 12px;color:#b5c6cb;font-size:13px}
.guide-tabs button[aria-selected=true]{background:#b8d9cc;color:#10252b;font-weight:700}
.guide-lead{margin-top:0!important;font-size:14px!important;line-height:1.6!important}
.guide-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.guide-control-grid>div{padding:15px;border:1px solid #ffffff18;border-radius:12px;background:#192d35}
.guide-control-grid span{display:block;color:#8eafb1;font-size:9px;letter-spacing:.12em;margin-bottom:8px}
.guide-control-grid strong{display:block;font-size:13px;line-height:1.8;font-weight:500}
.guide-control-grid small{display:block;margin-top:5px;color:#b4c7cb}
.guide-callout{padding:17px 19px;border:1px solid #dcc29147;border-radius:12px;background:#d5b9800b;margin-top:18px}
.guide-callout strong{color:#eed8af;font:21px var(--display)}
.guide-callout p{font-size:13px!important;line-height:1.55!important;margin:8px 0 12px}
.guide-callout button{padding:10px 15px;min-height:42px;font-size:12px;margin:3px 8px 3px 0}
.garden-guide .guide-actions{display:flex;flex-wrap:wrap;gap:9px 14px;margin-top:18px}
.garden-guide .guide-actions .text-button{font-size:12px}
.garden-guide .guide-actions .secondary{font-size:12px;padding:11px 15px}
.garden-guide .settings{margin-top:12px}.garden-guide .settings label{min-height:76px;gap:18px}
.garden-guide .settings label+label{border-top:1px solid #ffffff10}
.garden-guide .settings label small{display:block;font-size:11px;max-width:240px;margin-top:5px}
.garden-guide .settings input[type=checkbox]{width:22px;height:22px;flex-shrink:0}
.garden-guide .settings input[type=range]{max-width:42%;min-width:100px}
.garden-guide .settings select{max-width:48%;min-height:44px;font-size:12px}
.preferences-status{font-size:12px!important;color:#a9d6c5!important}
.preferences-status[data-saved=false]{color:#e3c498!important}
.garden-guide details{margin:18px 0}.garden-guide details summary{padding:12px 0;min-height:44px}
.garden-guide [hidden]{display:none!important}
.garden-map.panel{width:min(940px,calc(100vw - 28px));padding:30px 32px}
.garden-map .map-intro{font-size:13px;margin-top:-9px;margin-bottom:24px}
.map-layout{display:grid;grid-template-columns:225px 1fr;gap:26px;align-items:start}
.garden-map #map-plan{background:radial-gradient(ellipse,#2a443b,#12291f);border:3px solid #796245;padding:12px;border-radius:15px;position:sticky;top:0}
.garden-map .map-sides{height:214px;margin:12px 0;gap:7px}
.garden-map #map-plan button{padding:7px;font-size:11px;min-height:48px;background:#0a191ebf;border-radius:7px}
.garden-map .map-sides>button{width:50px;font-size:10px!important}
.garden-map .map-lawn{gap:10px}.garden-map .map-lawn span{font-size:8px;letter-spacing:.12em}
.garden-map .map-lawn button{width:100%;font-size:10px!important}
.garden-map .map-gate{margin-top:10px}
.map-activities section+section{margin-top:21px}
.map-activities h3{font:19px var(--display);font-weight:400;color:#e8d2ae;margin:0 0 10px}
.map-activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.map-activity-grid button{display:block;text-align:left;padding:13px;border:1px solid #ffffff21;border-radius:10px;background:#162b33;min-height:82px;transition:background .15s,border-color .15s}
.map-activity-grid button:hover{background:#224149;border-color:#b1d1bf80}
.map-activity-grid span{display:block;font-size:12px;font-weight:600;line-height:1.4}
.map-activity-grid small{display:block;font-size:10px;line-height:1.5;color:#abc0c5;margin-top:5px}
.garden-map #discoveries-count{margin-bottom:0;font-size:11px;color:#9eafb7}
@media(max-width:650px){.garden-guide.panel,.garden-map.panel{padding:24px 20px;max-height:calc(100dvh - 24px)}.garden-guide.panel h2,.garden-map.panel h2{font-size:27px}.guide-control-grid{gap:7px}.guide-control-grid>div{padding:11px}.guide-control-grid strong{font-size:11px}.guide-control-grid small{font-size:10px}.guide-tabs{gap:3px}.guide-tabs button{font-size:12px;padding:8px}.map-layout{grid-template-columns:1fr;gap:20px}.garden-map #map-plan{display:none}.map-activity-grid button{min-height:86px;padding:12px}.garden-guide .settings label{font-size:13px}.garden-guide .settings label small{font-size:10px}.garden-guide .close,.garden-map .close{top:13px;right:13px}}
@media(max-height:520px){.garden-guide.panel,.garden-map.panel{max-height:calc(100dvh - 20px)}.guide-control-grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){.map-activity-grid button{transition:none}}
.sky-photo-retry{display:block;margin:10px auto 22px}.sky-photo-retry[hidden]{display:none}
body.reduced-motion dialog[open]{animation:none}

@media(max-width:760px),(max-height:550px){
 .garden-guide>.close,.garden-map>.close{position:sticky;float:right;top:0;right:auto;z-index:10;width:44px;height:44px;min-height:44px;margin:0 0 -44px 12px;background:#13242fee;border:1px solid #becdc54d;border-radius:9px}
 .garden-guide.panel h2,.garden-map.panel h2{padding-right:48px}
}