.hero-prompts{display:grid;gap:8px;margin:16px 0 0}
.hero-prompts a{display:flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;padding:8px 12px;background:#fffdfa;border:1px solid #dce5dc;border-radius:12px;color:#17372f;text-decoration:none;font-weight:700;font-size:15px;line-height:1.45;container-type:inline-size;container-name:hero-prompt}
.hero-prompt-copy{display:flex;flex-direction:row;align-items:baseline;gap:8px;min-width:0;flex:1 1 auto;overflow:hidden}
.hero-prompt-title{flex:0 0 auto;white-space:nowrap}
.hero-prompt-sub{display:none;flex:0 1 auto;min-width:0;color:#527066;font-size:12px;font-weight:650;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@container hero-prompt (min-width: 360px){.hero-prompt-sub{display:block;font-size:11px}}
@container hero-prompt (min-width: 640px){.hero-prompt-sub{font-size:12px}}
.hero-prompts a::after{content:"→";margin-left:auto;flex-shrink:0}
.hero-prompts a:hover{background:#edf1eb}
.hero-prompts a:focus-visible{outline:3px solid #23745a;outline-offset:3px}.hero-classic-next:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hero .hero-cta{margin-top:16px}
.hero-boot-frame{transition:opacity .4s ease!important}
.hero-topline-end{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto;pointer-events:auto}
.hero-topline-end .weather{display:inline-flex;align-items:center}
.hero-classic-next{
  position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;
  margin:0;min-height:0;padding:4px 10px;border:0;border-radius:999px;
  background:rgba(0,0,0,.22);color:#fff;
  font:inherit;font-size:12px;font-weight:800;letter-spacing:.02em;line-height:1.2;
  box-shadow:none;cursor:pointer;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  transition:background .16s ease,transform .16s ease;
  pointer-events:auto
}
.hero-classic-next::before{content:"";position:absolute;inset:-8px -6px}
.hero-classic-next[hidden]{display:none}
.hero-classic-next:hover{background:rgba(0,0,0,.36)}
.hero-classic-next:active{transform:scale(.98)}
.hero-panel .hero-source{font-size:11px;line-height:1.5}
.hero .hero-panel{background:#d7ded1}
.hero .hero-media{background:#d7ded1}
@media(max-width:600px){.hero{padding-top:22px}.hero-grid{gap:16px}.hero-prompts{gap:6px;margin-top:12px}.hero-prompts a{padding:9px 12px;font-size:14px}.hero-prompt-sub{display:none;font-size:11px}.hero .hero-copy p{margin-bottom:8px}.hero .hero-cta .btn{min-height:44px;padding:10px 16px}.hero-topline-end{gap:5px}.hero-classic-next{font-size:11px;padding:3px 9px}.hero-panel .weather{display:inline-flex}}
@media(prefers-reduced-motion:reduce){.hero-boot-frame{transition:none!important}}

.hero h1{text-wrap:balance;line-height:1.2}


.hero-panel>.live-layer{z-index:2}.hero-panel .camera-copy,.hero-panel .camera-copy h3,.hero-panel .hero-source{color:#fff}

@media(hover:hover) and (pointer:fine){:where(a[href],button,[role="button"],summary,select,label[for]):not(:disabled):not([aria-disabled="true"]):not(.map-float-grip){cursor:pointer}:where(button,select):disabled,[aria-disabled="true"]{cursor:not-allowed}}


.hero-panel .camera-copy{pointer-events:none}.hero-panel .camera-copy .hero-classic-next,.hero-panel .camera-copy a,.hero-panel .camera-copy button{pointer-events:auto}