:root{--navy:#052638;--deep:#031b2b;--cyan:#5dd4ec;--yellow:#ffd846;--ink:#123145;--green:#20d4a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#f5f9fa;color:var(--ink)}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.site-header{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px clamp(20px,4.5vw,72px);color:white;background:linear-gradient(180deg,rgba(2,23,35,.84),rgba(2,23,35,.2))}.brand,.footer-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-wave{font-size:63px;line-height:.6;color:#27b9e8;font-weight:900;transform:rotate(-8deg)}.brand strong,.footer-brand strong{display:block;font-size:19px;letter-spacing:.035em}.brand small,.footer-brand small{display:block;font-weight:800;color:var(--yellow);font-size:13px;letter-spacing:.3em;margin-top:4px}.top-nav{display:flex;align-items:center;gap:28px}.top-nav a{text-decoration:none;font-size:14px;font-weight:700}.top-nav a:hover{color:var(--yellow)}.nav-cta{border-radius:30px;background:var(--yellow);color:#0b2b39;text-decoration:none;font-weight:800;padding:13px 21px;white-space:nowrap}.hero{position:relative;min-height:760px;color:#fff;background:#123a51 url('jamaica-sea-sunset.jpg') center 44%/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,21,35,.82) 0%,rgba(2,21,35,.60) 45%,rgba(2,21,35,.40) 100%),linear-gradient(0deg,rgba(2,21,35,.78),transparent 35%)}.hero-content{position:relative;z-index:1;max-width:1350px;margin:auto;padding:135px 45px 100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,455px);gap:clamp(30px,5vw,85px);align-items:center}.eyebrow{font-size:13px;letter-spacing:.26em;font-weight:900;color:var(--yellow);margin:0 0 18px}.hero h1{font-size:clamp(50px,6vw,89px);line-height:1.05;letter-spacing:-.05em;margin:0 0 23px;max-width:780px}.hero h1 em,.closing h2 em{font-style:normal;color:var(--yellow)}.lead{font-size:clamp(17px,1.5vw,21px);line-height:1.6;max-width:570px;color:#e7f4f8}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px}.btn{border:0;border-radius:35px;padding:15px 22px;text-decoration:none;font-size:14px;font-weight:850;display:inline-flex;gap:20px;align-items:center;justify-content:center}.btn-yellow{background:var(--yellow);color:#102d3d}.btn-ghost{border:1px solid #ffffffb0;color:#fff;background:#ffffff16}.btn-outline{border:1px solid #b7dae7;color:#fff;background:transparent}.hero-caption{margin-top:40px;font-size:11px;font-weight:750;letter-spacing:.22em;color:#e0eff3}.poster-panel{border:1px solid #83c7d6;border-radius:21px;background:#052333e8;box-shadow:0 25px 70px #0008;padding:14px;max-width:455px;width:100%;justify-self:end}.poster-heading{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.09em;font-weight:850;margin:4px 4px 13px}.live-dot{height:8px;width:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #20d4a024}.poster-tag{margin-left:auto;font-size:10px;color:#b1d5e1}.poster-panel img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px}.poster-caption{margin:12px 5px 3px;color:#c2d9e1;font-size:11px}.poster-caption a{color:var(--yellow);text-decoration:none}.poster-fallback{padding:45px 20px;text-align:center;color:#d4e6ee}.hero-bottom{position:absolute;bottom:0;left:0;right:0;z-index:1;display:flex;justify-content:space-between;padding:18px clamp(25px,5vw,75px);font-size:11px;letter-spacing:.16em;font-weight:750;color:#d7edf4}.hero-bottom a{text-decoration:none}.hero-bottom b{color:var(--yellow)}.feature-strip{position:relative;z-index:2;max-width:1280px;margin:-25px auto 0;background:#fff;box-shadow:0 15px 35px #0b3a501a;border-radius:21px;display:grid;grid-template-columns:repeat(4,1fr);padding:27px 18px}.feature{display:flex;gap:14px;padding:10px 24px;align-items:center;border-right:1px solid #d7e5e9}.feature:last-child{border:0}.feature-icon{font-size:42px;color:#00a3c7}.feature:nth-child(2) .feature-icon{color:#16a46b}.feature:nth-child(3) .feature-icon{color:#eebc24}.feature:nth-child(4) .feature-icon{color:#dc5663}.feature h2{font-size:16px;margin:0 0 4px}.feature p{font-size:13px;color:#537081;margin:0;line-height:1.5}.section{padding:85px clamp(20px,5vw,75px)}.section-intro{max-width:1050px;margin:0 auto 30px}.section-intro h2{font-size:clamp(33px,4vw,54px);letter-spacing:-.04em;margin:0 0 12px}.section-intro p:not(.eyebrow){color:#536e7c;line-height:1.6;font-size:17px;max-width:710px}.teal{color:#0c8fae}.forecast-shell{max-width:1100px;margin:auto;background:#fff;border:1px solid #d4e3e9;border-radius:20px;padding:16px;box-shadow:0 14px 35px #092f4210}.forecast-nav{display:flex;flex-wrap:wrap;gap:9px}.forecast-nav button{background:#edf5f8;border:1px solid #d5e7ee;border-radius:10px;color:#123f55;font-weight:800;padding:12px 17px}.forecast-nav button[aria-selected=true]{background:#086782;color:white}.forecast-nav .refresh{margin-left:auto}.status{min-height:22px;color:#456778;font-size:13px}.frame{position:relative;border:1px solid #d6e4ea;border-radius:13px;overflow:hidden;min-height:800px;background:white}.frame iframe{display:block;width:100%;height:1100px;border:0}.loading-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.96);transition:opacity .2s}.loading-overlay[hidden],.alert-backdrop[hidden]{display:none!important}.loading-panel{text-align:center;padding:25px;color:#173d51}.spinner{width:52px;height:52px;border:5px solid #d8eaf0;border-top-color:#0c829e;border-radius:50%;animation:spin .9s linear infinite;margin:0 auto 15px}.loading-title{font-size:18px;font-weight:800}.loading-detail{margin-top:7px;color:#57717c;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.notice{max-width:1100px;margin:13px auto;color:#667e89;font-size:13px}.explore-section{background:linear-gradient(145deg,#06364c,#031d2c);color:white}.section-intro.light p:not(.eyebrow){color:#c7e0e9}.explore-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.explore-card{overflow:hidden;text-decoration:none;background:#082d40;border:1px solid #28617a;border-radius:18px;transition:transform .2s}.explore-card:hover{transform:translateY(-4px)}.card-art{height:165px;display:flex;align-items:center;justify-content:center;font-size:100px;font-weight:900}.art-waves{background:linear-gradient(135deg,#159dc0,#0a3c5b);color:#8be9f8}.art-fish{background:linear-gradient(135deg,#117c78,#073f56);color:#c4ecac}.art-log{background:linear-gradient(135deg,#e1b349,#0b6e7d);color:#fff4c0}.card-text{display:grid;grid-template-columns:1fr auto;gap:5px;padding:18px}.card-text strong{font-size:18px}.card-text small{grid-column:1;color:#c3dce6;font-size:13px}.card-text b{grid-column:2;grid-row:1/3;font-size:22px}.explore-actions{max-width:1100px;margin:28px auto 0;display:flex;gap:12px;flex-wrap:wrap}.closing{background:linear-gradient(90deg,#052637eb,#05263791),url('jamaica-sea-sunset.jpg') center 63%/cover;min-height:300px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:65px 25px}.closing h2{font-size:clamp(37px,5vw,62px);margin:0 0 13px}.closing p:last-child{max-width:620px;margin:auto;color:#d9eaf0;line-height:1.6}.site-footer{background:#031c2b;color:#c6dde6;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;padding:35px clamp(20px,5vw,75px);font-size:12px}.footer-brand strong{font-size:15px}.footer-brand small{font-size:10px}.footer-brand .brand-wave{font-size:44px}.alert-backdrop{position:fixed;inset:0;z-index:30000;background:#061623bf;display:flex;align-items:center;justify-content:center;padding:16px}.alert-card{background:white;max-width:650px;width:100%;border-radius:14px;border:4px solid #d99a24;box-shadow:0 20px 70px #0005;padding:24px;max-height:85vh;overflow:auto;color:#173c4b}.alert-card.red{border-color:#b91c1c}.alert-card h2{color:#8a5200}.alert-card.red h2{color:#b91c1c}.alert-card p{font-size:17px;line-height:1.55}.alert-meta{font-size:13px!important;color:#526b79}.alert-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:18px}.alert-actions button{background:#082c43;color:white;border:0;border-radius:8px;padding:12px 16px}.alert-actions a{color:#086783}@media(max-width:1100px){.feature{padding:8px 14px}.feature-icon{font-size:33px}.hero-content{padding-left:25px;padding-right:25px}}@media(max-width:850px){.site-header{position:relative;background:#052638;flex-wrap:wrap}.top-nav{order:3;width:100%;justify-content:space-between;gap:12px}.nav-cta{margin-left:auto}.hero-content{grid-template-columns:1fr;padding:75px 24px 90px}.hero h1{max-width:680px}.poster-panel{justify-self:center;max-width:490px}.feature-strip{margin:0;border-radius:0;grid-template-columns:repeat(2,1fr)}.feature:nth-child(2){border:0}.feature:nth-child(-n+2){border-bottom:1px solid #d7e5e9}.explore-grid{grid-template-columns:1fr}.card-art{height:130px}.frame iframe{height:1050px}}@media(max-width:520px){.brand strong{font-size:15px}.brand-wave{font-size:48px}.nav-cta{font-size:11px;padding:10px}.top-nav a{font-size:12px}.hero-content{padding-top:52px}.hero h1{font-size:48px}.hero-bottom{font-size:9px}.feature-strip{grid-template-columns:1fr}.feature{border:0!important;border-bottom:1px solid #d7e5e9!important}.feature:last-child{border:0!important}.section{padding:58px 16px}.forecast-shell{padding:9px}.forecast-nav button{flex:1 1 42%;font-size:12px;padding:11px 6px}.forecast-nav .refresh{margin:0}.site-footer{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spinner{animation:none}.explore-card{transition:none}}
/* Fishing bank cached outlooks */
.bank-snapshots{background:#f2f9fc;color:#08263a}.bank-snapshot-shell{max-width:1190px;margin:auto;border-radius:24px;overflow:hidden;background:white;box-shadow:0 16px 50px #06344b20}.bank-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:18px;padding:22px 28px;background:#082d43;color:#fff}.bank-toolbar label{font-size:13px;font-weight:700;flex:1;min-width:190px}.bank-toolbar select{display:block;width:100%;margin-top:7px;border:1px solid #6ba6ba;border-radius:10px;padding:13px;background:#fff;color:#07263b;font-size:15px}.bank-live{color:#092b3e;background:#ffcf32;padding:14px 18px;border-radius:12px;font-weight:800;text-decoration:none}.bank-display{display:grid;grid-template-columns:35% 65%}.bank-photo{min-height:470px;background:linear-gradient(180deg,#052e4380,#021b30e8),url('../assets/jamaica-sea-sunset.jpg') center/cover;display:flex;flex-direction:column;justify-content:space-between;padding:34px;color:#fff}.bank-photo-label{font-size:27px;font-weight:900;line-height:1.15}.bank-photo-label b{display:block;color:#ffcf32;letter-spacing:.24em;font-size:20px}.bank-photo-label span{display:block;font-size:12px;letter-spacing:.16em;margin-top:12px}.bank-photo-tag{font-size:25px;font-style:italic;color:#ffcf32;font-weight:800}.bank-content{padding:28px 32px}.bank-eyebrow{color:#007e99;font-size:12px;font-weight:800;letter-spacing:.14em}.bank-content h3{font-size:clamp(24px,3vw,38px);margin:8px 0 16px}.bank-content img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #d1e5ec}.bank-content a{display:block}.bank-content [hidden]{display:none}.bank-note{font-size:13px;color:#5c7480;line-height:1.6}.bank-content #bank-image-state{font-size:15px;color:#4c6878}@media(max-width:780px){.bank-display{grid-template-columns:1fr}.bank-photo{min-height:180px}.bank-toolbar{padding:18px}.bank-content{padding:22px}.bank-live{width:100%;text-align:center}}

/* v4.7: IrieFINS card, preserving existing Explore card styling */
.explore-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.art-permit{background:linear-gradient(135deg,#138b91,#075267);color:#d4f8e9}
.permit-icon{width:90px;height:90px;display:block}
@media(max-width:1050px){.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.explore-grid{grid-template-columns:1fr}.permit-icon{width:75px;height:75px}}

/* v4.8: four balanced cards on desktop, two on tablet, one on mobile. */
.explore-section .explore-grid{max-width:1200px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.explore-section .explore-card{min-width:0;display:flex;flex-direction:column}
.explore-section .card-art{height:132px;min-height:132px;font-size:76px;overflow:hidden;flex:0 0 132px}
.explore-section .art-permit svg.permit-icon{display:block!important;width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;min-width:0!important;flex:none!important;object-fit:contain}
.explore-section .card-text{padding:15px;min-height:95px;align-content:center}
.explore-section .card-text strong{font-size:16px;line-height:1.25}
.explore-section .card-text small{font-size:12px;line-height:1.4}
@media(max-width:900px){.explore-section .explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.explore-section .explore-grid{grid-template-columns:1fr;gap:12px}.explore-section .explore-card{flex-direction:row;min-height:110px}.explore-section .card-art{height:auto;min-height:110px;flex:0 0 112px;font-size:55px}.explore-section .art-permit svg.permit-icon{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important}.explore-section .card-text{flex:1;min-width:0;min-height:110px;padding:14px}.explore-section .card-text strong{font-size:16px}}

/* v4.9 — Original Jamaica-inspired fishing photography; no forecast logic changed */
.explore-section .card-art{display:block;background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;min-height:155px;height:155px;flex-basis:155px}
.explore-section .art-waves{background-image:url('coastal/fishermen-nets.webp')}
.explore-section .art-fish{background-image:url('coastal/bluefields-boats.webp')}
.explore-section .art-log{background-image:url('coastal/fresh-catch.webp')}
.explore-section .art-permit{background-image:url('coastal/fishing-sunset.webp')}
.explore-section .card-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,26,42,.35),transparent 65%)}
.explore-section .explore-card{transition:transform .2s,box-shadow .2s}
.explore-section .explore-card:hover{box-shadow:0 14px 32px #0005}
@media(max-width:560px){.explore-section .card-art{height:auto;min-height:112px;flex:0 0 112px;background-position:center}}

/* v5.0 — brighter photographic Jamaica visual language; existing functional components untouched */
:root{--yellow:#ffcc32}
.site-header{background:linear-gradient(90deg,rgba(2,29,48,.96),rgba(2,29,48,.89));padding-top:16px;padding-bottom:16px}
.hero{background-image:url('coastal/fishermen-nets.webp');background-position:center 48%;min-height:710px}
.hero-overlay{background:linear-gradient(90deg,rgba(2,26,44,.94) 0%,rgba(2,28,46,.80) 33%,rgba(2,28,46,.32) 70%,rgba(2,28,46,.20) 100%),linear-gradient(0deg,rgba(2,25,41,.76),transparent 48%)}
.hero h1 em{color:var(--yellow)}
.explore-section{background:linear-gradient(125deg,#053c56 0%,#03293d 55%,#031b2b 100%)}
.explore-section .explore-grid{max-width:1320px;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.explore-section .explore-card{height:268px;position:relative;display:block;isolation:isolate;border-radius:19px;border:1px solid rgba(87,199,219,.40);box-shadow:0 12px 28px #00182745;background:#08344c;overflow:hidden}
.explore-section .card-art{position:absolute;inset:0;width:100%;height:100%;min-height:0;display:block;background-size:cover;background-position:center;transition:transform .3s ease}
.explore-section .explore-card:hover .card-art{transform:scale(1.045)}
.explore-section .card-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,23,39,.99) 0%,rgba(1,27,44,.86) 23%,rgba(1,27,44,.04) 75%)}
.explore-section .card-text{position:absolute;bottom:0;left:0;right:0;z-index:1;display:grid;grid-template-columns:1fr auto;gap:6px;align-content:end;min-height:100px;padding:18px 18px 19px;color:#fff}
.explore-section .card-text strong{font-size:18px;line-height:1.22;text-shadow:0 1px 5px #0008}
.explore-section .card-text small{font-size:12px;line-height:1.4;color:#e1f0f5}
.explore-section .card-text b{font-size:23px}
.explore-section .explore-actions{max-width:1320px}
.explore-section .art-waves{background-image:url('coastal/fishermen-nets.webp')}
.explore-section .art-fish{background-image:url('coastal/bluefields-boats.webp')}
.explore-section .art-log{background-image:url('coastal/fresh-catch.webp')}
.explore-section .art-permit{background-image:url('coastal/fishing-sunset.webp')}
@media(max-width:950px){.explore-section .explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-section .explore-card{height:250px}}
@media(max-width:560px){.explore-section .explore-grid{grid-template-columns:1fr;gap:13px}.explore-section .explore-card{height:218px;min-height:218px;display:block}.explore-section .card-art{position:absolute;inset:0;width:100%;height:100%;min-height:0;flex:none}.explore-section .card-text{position:absolute;bottom:0;left:0;right:0;min-height:95px;padding:17px}.hero{background-position:62% center}.hero-overlay{background:linear-gradient(90deg,rgba(2,26,44,.91),rgba(2,26,44,.48))}}

/* v5.3: one shared left/right content grid across all page sections */
:root{--page-width:1400px;--page-gutter:48px}
@media(max-width:1000px){:root{--page-gutter:32px}}
@media(max-width:600px){:root{--page-gutter:20px}}
/* Shared outer grid: section text and content start on the same vertical line. */
.site-header{padding-left:max(var(--page-gutter),calc((100vw - var(--page-width))/2));padding-right:max(var(--page-gutter),calc((100vw - var(--page-width))/2))}
.hero-content{box-sizing:border-box;max-width:var(--page-width);padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.section{padding-left:max(var(--page-gutter),calc((100vw - var(--page-width))/2));padding-right:max(var(--page-gutter),calc((100vw - var(--page-width))/2))}
.section .section-intro,.section .bank-snapshot-shell,.section .explore-grid,.section .explore-actions{max-width:none;margin-left:0;margin-right:0}
.explore-section .explore-grid,.explore-section .explore-actions{max-width:none}
.site-footer{padding-left:max(var(--page-gutter),calc((100vw - var(--page-width))/2));padding-right:max(var(--page-gutter),calc((100vw - var(--page-width))/2))}
/* Keep internal card padding for readability; align section-level headings and grids. */
@media(max-width:850px){.hero-content{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}}
@media(max-width:520px){.section{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}}

/* v5.4: brand-only header, no removed navigation or CTA */
.site-header{justify-content:flex-start}

/* v5.6 — restore right-aligned header CTA without changing navigation */
.site-header .check-conditions-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;background:var(--yellow);color:#102d3d;box-shadow:0 5px 18px #0002;font-weight:850;white-space:nowrap}
.site-header .check-conditions-cta:hover{background:#ffe475}
@media(max-width:520px){.site-header{gap:10px;padding:14px 20px}.site-header .check-conditions-cta{font-size:12px;padding:11px 13px}.site-header .brand{gap:7px}.site-header .brand small{letter-spacing:.16em}}
@media(max-width:370px){.site-header .check-conditions-cta{font-size:11px;padding:9px 10px}.site-header .brand strong{font-size:13px}}

/* v7.2: display the complete portrait forecast; never crop its lower panels. */
.hero-content{align-items:center}
.poster-panel{align-self:center}
.poster-panel #daily-poster{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:12px}
@media(min-width:851px){.hero{min-height:0}.hero-content{padding-top:135px;padding-bottom:105px}}
@media(max-width:850px){.hero-content{padding-bottom:90px}}

/* v7.3 — full natural-height website forecast, desktop and mobile. */
.hero-content{align-items:center}
.poster-panel{min-width:0;overflow:visible}
.poster-panel #daily-poster{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;clip-path:none!important}
@media(min-width:851px){.hero{height:auto;min-height:0}.hero-content{padding-top:135px;padding-bottom:110px;grid-template-columns:minmax(0,1fr) minmax(310px,455px)}}
@media(max-width:850px){.hero{height:auto}.poster-panel{width:100%;max-width:490px}.hero-content{padding-bottom:100px}}

/* Live bank forecast: reuse the site's loading-dialog behavior. */
.live-forecast-modal[hidden],.live-forecast-loading[hidden]{display:none!important}
.live-forecast-modal{position:fixed;inset:0;z-index:10050;background:rgba(6,19,31,.77);display:grid;place-items:center;padding:clamp(8px,2vw,24px)}
.live-forecast-panel{width:min(1040px,100%);height:min(90vh,950px);background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 65px #0007}
.live-forecast-top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0c3146;color:#fff;gap:12px}
#live-forecast-close{border:0;background:transparent;color:#fff;font-size:32px;line-height:1;cursor:pointer;padding:2px 8px}
.live-forecast-stage{position:relative;flex:1;min-height:0}
#live-forecast-frame{width:100%;height:100%;border:0;background:#fff}
.live-forecast-loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#f7fbfe;color:#123449;text-align:center;padding:24px}
.live-forecast-loading span:last-child{font-size:14px}
.live-forecast-spinner{width:44px;height:44px;border:4px solid #d8e9f1;border-top-color:#0a819a;border-radius:50%;animation:liveForecastSpin .8s linear infinite}
@keyframes liveForecastSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){.live-forecast-panel{height:95vh}.live-forecast-modal{padding:5px}}

/* Expanded image and cached hourly forecast */
.bank-hourly-dialog{border:0;border-radius:18px;padding:20px;width:min(96vw,1600px);max-width:1600px;max-height:94vh;overflow:auto;background:#f2f9fc;color:#08283b;box-shadow:0 24px 80px #001b2b88}.bank-hourly-dialog::backdrop{background:#001c2bc9}.bank-hourly-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.bank-hourly-head h2{margin:0;font-size:clamp(18px,2vw,28px)}.bank-hourly-head button{background:#082d43;color:white;border:0;border-radius:8px;padding:11px 14px;cursor:pointer}.bank-hourly-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(440px,2fr);gap:18px;align-items:start}.bank-hourly-layout img{width:100%;height:auto;display:block;border-radius:9px}.bank-hourly-data{min-width:0}.bank-hourly-scroll{overflow-x:auto;max-height:70vh;overflow-y:auto}.bank-hourly-scroll table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.bank-hourly-scroll th,.bank-hourly-scroll td{padding:9px 7px;text-align:right;border-bottom:1px solid #c9dce5}.bank-hourly-scroll th:first-child,.bank-hourly-scroll td:first-child{text-align:left}.bank-hourly-scroll th{position:sticky;top:0;background:#dceef4}.bank-hourly-note{font-size:12px;color:#516c7c;line-height:1.5}@media(max-width:1000px){.bank-hourly-layout{grid-template-columns:1fr}.bank-hourly-scroll{max-height:none}}

/* Seven-day forecast selector: short-range green, extended outlook orange. */
.seven-day-select{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:0 0 12px;width:100%}
.seven-day-select[hidden]{display:none}
.seven-day-button{border:2px solid transparent;border-radius:9px;padding:10px 2px;font-size:clamp(10px,1vw,13px);font-weight:800;color:white;cursor:pointer;min-width:0;line-height:1.2}
.seven-day-short{background:#178346}.seven-day-extended{background:#d97706}
.seven-day-button[aria-pressed="true"]{outline:3px solid white;outline-offset:1px;filter:brightness(1.14)}
.seven-day-button:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(max-width:560px){.seven-day-select{gap:3px}.seven-day-button{padding:9px 0;font-size:10px}}

/* Live seven-day buttons now follow the tested provisional comfort colours. */
.seven-day-green{background:#168348}.seven-day-yellow,.seven-day-amber{background:#bc830c}.seven-day-red{background:#b63738}.seven-day-unknown{background:#65717d}