/* [area-score] Brevard Area Score: page, cards, chart color. Band colors match the SCW 0-10 scale. */
.bas-card.lv0,.bas-page .lv0{--lv:#e7edf2;--lvt:#2f4456}.bas-card.lv1{--lv:#d3ebf7;--lvt:#123b55}.bas-card.lv2{--lv:#a6d8ef;--lvt:#0f3a52}.bas-card.lv3{--lv:#7dcfbd;--lvt:#0d3b33}
.bas-card.lv4{--lv:#b8dc66;--lvt:#2c3d06}.bas-card.lv5{--lv:#ffdf5c;--lvt:#4a3a00}.bas-card.lv6{--lv:#ffbb4a;--lvt:#4d2b00}.bas-card.lv7{--lv:#ff9142;--lvt:#4a1d00}
.bas-card.lv8{--lv:#f05e38;--lvt:#fff}.bas-card.lv9{--lv:#c92d2d;--lvt:#fff}.bas-card.lv10{--lv:#7a1226;--lvt:#fff}.bas-card.lvoff,.bas-card.lvx{--lv:#eef2f5;--lvt:#5c6e7e}
.bas-wrap{margin:12px 0 16px}
.bas-card{position:relative;display:grid;align-content:start;gap:6px;padding:16px 16px 12px;background:#fff;border:1px solid #dfe6ee;border-radius:10px;box-shadow:0 1px 6px rgba(11,37,64,.06);color:#13283a;text-decoration:none;overflow:hidden;max-width:100%;box-sizing:border-box}
.bas-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--lv)}
.bas-card:hover{border-color:#b9cadb;box-shadow:0 10px 28px #183c5a1a}.bas-card:focus-visible{outline:2px solid #0b5cad;outline-offset:2px}
.bas-k{font:800 12px/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#55687a}
.bas-row{display:flex;align-items:center;gap:14px;min-width:0}
.bas-n{flex:0 0 auto;display:grid;place-items:center;min-width:58px;height:58px;padding:0 8px;border-radius:14px;background:var(--lv);color:var(--lvt);font:800 34px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;box-sizing:border-box}
.bas-w{display:grid;gap:3px;min-width:0}.bas-w strong{font:700 22px/1.15 Georgia,serif;color:#13283a}
.bas-top{font:14px/1.4 system-ui,sans-serif;color:#33495c;overflow-wrap:anywhere}
.bas-f{font:12.5px/1.35 system-ui,sans-serif;color:#55687a}.bas-go{font:700 13.5px/1.2 system-ui,sans-serif;color:#0b5cad}
.bas-wide{width:100%}
@media (max-width:600px){.bas-card{padding:14px 14px 10px}.bas-n{min-width:50px;height:50px;font-size:29px}.bas-w strong{font-size:19px}.bas-top{font-size:13.5px}}
/* chart color */
.scc-bas{--c:#0e7490}.scc-line.scc-bas{stroke:var(--c)}.scc-legend .scc-sw.scc-bas{height:4px;margin-top:7px;background:var(--c)}
/* page */
.bas-now{margin:8px 0 26px}
.bas-meter{position:relative;display:flex;gap:22px;align-items:center;background:#fff;border:1px solid var(--scw-line,#dfe7ef);border-radius:var(--scw-r,14px);padding:22px 24px;box-shadow:0 8px 28px #183c5a0d;overflow:hidden}
.bas-meter::before{content:"";position:absolute;inset:0 0 auto 0;height:7px;background:var(--lv)}
.bas-big{flex:0 0 auto;display:grid;place-items:center;min-width:120px;height:120px;padding:0 10px;border-radius:24px;background:var(--lv);color:var(--lvt);font:800 74px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;box-sizing:border-box}
.bas-mtext{min-width:0}.bas-mtext p{margin:0}
.bas-mk{font:800 12.5px/1.2 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--scw-muted,#55687a)}
.bas-word{font:700 38px/1.1 Georgia,serif;color:var(--scw-ink,#13283a);margin:4px 0 8px!important}
.bas-topline{font:16px/1.45 system-ui,sans-serif;color:#2c4152;overflow-wrap:anywhere}.bas-meta{font:13px/1.4 system-ui,sans-serif;color:var(--scw-muted,#55687a);margin-top:8px!important}
.bas-band{display:grid;grid-template-columns:repeat(11,1fr);gap:3px;margin:10px 0 0}
.bas-band span{background:var(--lv);color:var(--lvt);font:700 11px/22px system-ui,sans-serif;text-align:center;border-radius:5px;opacity:.5}.bas-band span.on{opacity:1;outline:2px solid #13283a;outline-offset:1px}
.bas-official{margin:12px 0 0;padding:10px 14px;background:var(--scw-soft,#f5f8fb);border:1px solid var(--scw-line,#dfe7ef);border-radius:10px;font:14px/1.45 system-ui,sans-serif;color:#33495c}
.bas-two{align-items:start;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px;margin:0 0 24px}
.bas-panel{background:#fff;border:1px solid var(--scw-line,#dfe7ef);border-radius:var(--scw-r,14px);padding:18px 20px;box-shadow:0 8px 28px #183c5a08;min-width:0}
.bas-panel h2{margin:4px 0 6px;font:700 24px/1.2 Georgia,serif}.bas-panel h3{margin:14px 0 4px;font:700 16px/1.3 Georgia,serif}
.bas-hint{margin:0 0 12px;font:13.5px/1.45 system-ui,sans-serif;color:var(--scw-muted,#55687a)}
.bas-inf,.bas-an,.bas-strip,.bas-off ul{list-style:none;margin:0;padding:0}
.bas-irow{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"c t" "c b";gap:4px 12px;padding:10px 0;border-top:1px solid #edf2f6}.bas-irow:first-child{border-top:0}
.bas-chip{grid-area:c;display:grid;place-items:center;min-width:38px;height:38px;border-radius:10px;background:var(--lv);color:var(--lvt);font:800 19px/1 system-ui,sans-serif}
.bas-itx{grid-area:t;display:grid;gap:2px;min-width:0}.bas-itx strong{font:700 15px/1.3 system-ui,sans-serif}.bas-ir{font:14px/1.4 system-ui,sans-serif;color:#33495c;overflow-wrap:anywhere}
.bas-src{font:12px/1.35 system-ui,sans-serif;color:var(--scw-muted,#55687a)}
.bas-bar{grid-area:b;display:block;height:5px;background:#eef3f7;border-radius:3px;overflow:hidden}.bas-bar i{display:block;height:100%;background:var(--lv);min-width:2px}
.bas-off{margin-top:14px;padding-top:6px;border-top:1px dashed #d5e0ea}.bas-off li{font:13.5px/1.45 system-ui,sans-serif;color:#4a5e70;margin:4px 0}
.bas-anrow{display:grid;gap:3px;padding:10px 12px;margin:0 0 8px;background:#fff8e6;border:1px solid #f1d58a;border-radius:10px;font:14px/1.4 system-ui,sans-serif}.bas-anrow em{font-size:12px;color:#7a5a00}
.bas-empty{font:14px/1.45 system-ui,sans-serif;color:var(--scw-muted,#55687a);padding:6px 0}.bas-ok::before{content:"\2713  ";color:#1d7a3e;font-weight:800}
.bas-sumd{margin:0;font:15px/1.5 system-ui,sans-serif;color:#33495c}
.bas-strip-panel{grid-column:1/-1}
.bas-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:6px 0 10px}
.bas-day{display:grid;justify-items:center;gap:4px;padding:10px 4px;border:1px solid #e6edf3;border-radius:12px;background:#fbfdfe;text-align:center;min-width:0}
.bas-day.partial{border-style:dashed}
.bas-dd{font:700 12px/1.2 system-ui,sans-serif;color:#33495c}.bas-dn{display:grid;place-items:center;min-width:36px;height:36px;border-radius:10px;background:var(--lv);color:var(--lvt);font:800 18px/1 system-ui,sans-serif}
.bas-dw{font:600 12px/1.2 system-ui,sans-serif;color:#13283a}.bas-dr{font:11px/1.25 system-ui,sans-serif;color:var(--scw-muted,#55687a);overflow-wrap:anywhere}
.bas-howgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin:0 0 14px}.bas-howgrid>div{background:#fff;border:1px solid var(--scw-line,#dfe7ef);border-radius:12px;padding:14px 16px}
.bas-howgrid h3{margin:0 0 6px;font:700 16px/1.3 Georgia,serif}.bas-howgrid p{margin:0;font:14.5px/1.5 system-ui,sans-serif;color:#33495c}
.bas-page .scw-more{margin-top:10px}
@media (max-width:600px){.bas-meter{gap:14px;padding:18px 14px}.bas-big{min-width:84px;height:84px;font-size:50px;border-radius:18px}.bas-word{font-size:28px}.bas-topline{font-size:14.5px}
 .bas-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.bas-band span{font-size:9.5px}.bas-panel{padding:16px 14px}}

/* [cards-refresh] home 'From Our Own Equipment': one even card grid (1 column in the side column and on phones, 2 on tablets, 4 when the strip is full width) */
.bas-go{display:inline-flex;align-items:center;min-height:32px}
.own-v2s{container-type:inline-size;container-name:own}
.own-strip .own-v2{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch}
@container own (min-width:540px){.own-strip .own-v2{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}}
@container own (min-width:1000px){.own-strip .own-v2{grid-template-columns:repeat(4,minmax(0,1fr))}}
.own-v2>.bas-wrap{margin:0;display:flex}.own-v2>.bas-wrap>.bas-card{flex:1 1 auto}
.own-v2>.own-scales,.own-v2>.own-fig,.own-v2>.own-empty,.own-v2>.own-facts{position:relative;margin:0;min-width:0;box-sizing:border-box;background:#fff;border:1px solid #dfe6ee;border-radius:10px;box-shadow:0 1px 6px rgba(11,37,64,.06);padding:16px 16px 12px;overflow:hidden}
.own-v2>.own-scales::before,.own-v2>.own-fig::before,.own-v2>.own-empty::before,.own-v2>.own-facts::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:#1f6f8b}
.own-v2>.own-scales::before{background:linear-gradient(90deg,#0b5cad,#7552a0,#1f8a70)}
.own-v2>.own-empty{background:#fff}.own-v2>.own-empty p{margin:0 0 6px}
.own-v2>.own-fig{padding:12px}.own-v2>.own-fig img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#000;border-radius:6px}.own-v2>.own-fig figcaption{margin-top:8px;font-size:13px;color:#55687a}
.own-v2>.own-facts p{margin:0 0 4px}.own-v2>.own-facts .own-big{margin:2px 0 2px;font:800 34px/1.05 system-ui,sans-serif;color:#0b2540}.own-v2>.own-facts a{min-height:44px;display:inline-flex;align-items:center}
.own-scales{display:grid;align-content:start;gap:8px;color:#13283a;text-decoration:none}
.own-scales:hover{border-color:#b9cadb;box-shadow:0 10px 28px #183c5a1a}.own-scales:focus-visible{outline:2px solid #0b5cad;outline-offset:2px}
.own-sc-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.own-sc{display:flex;align-items:center;gap:7px;min-width:0}
.own-sc-n{flex:0 0 auto;display:grid;place-items:center;min-width:38px;height:38px;border-radius:10px;background:var(--lv);color:var(--lvt);font:800 19px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums}
.own-sc-t{display:grid;min-width:0}.own-sc-t b{font:700 14px/1.2 system-ui,sans-serif}.own-sc-t small{font:12px/1.25 system-ui,sans-serif;color:#55687a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.own-sc-n.lv0{--lv:#e7edf2;--lvt:#2f4456}.own-sc-n.lv1{--lv:#d3ebf7;--lvt:#123b55}.own-sc-n.lv2{--lv:#a6d8ef;--lvt:#0f3a52}.own-sc-n.lv3{--lv:#7dcfbd;--lvt:#0d3b33}.own-sc-n.lv4{--lv:#b8dc66;--lvt:#2c3d06}.own-sc-n.lv5{--lv:#ffdf5c;--lvt:#4a3a00}.own-sc-n.lv6{--lv:#ffbb4a;--lvt:#4d2b00}.own-sc-n.lv7{--lv:#ff9142;--lvt:#4a1d00}.own-sc-n.lv8{--lv:#f05e38;--lvt:#fff}.own-sc-n.lv9{--lv:#c92d2d;--lvt:#fff}.own-sc-n.lv10{--lv:#7a1226;--lvt:#fff}.own-sc-n.lvoff{--lv:#eef2f5;--lvt:#5c6e7e}
.own-v2>.own-scales{container-type:inline-size;container-name:ownsc}
@container ownsc (max-width:330px){.own-sc{flex-direction:column;align-items:flex-start;gap:4px}.own-sc-t b{font-size:13.5px}}
/* home strips (hurricanes, launches, our equipment): from tablet up, the two news strips share a row and our-equipment spans the full row below, so there are no empty halves or stretched blank boxes */
@media (min-width:690px){.strips:has(>.own-v2s){grid-template-columns:repeat(2,minmax(0,1fr))}.strips>.own-v2s{grid-column:1/-1}}
/* [area-score] step line + next-update marker on the history chart */
.scc-step{stroke-linejoin:miter}.scc-next{fill:#ffffffd9;stroke:#13283a33}.scc-next-t{font:700 11.5px system-ui,sans-serif;fill:#13283a}
.bas-when{font:700 13px/1.35 system-ui,sans-serif;color:#13283a}
.bas-cur{margin-top:8px!important;padding:8px 10px;border-radius:8px;background:#f2f6f9;font:13.5px/1.4 system-ui,sans-serif;color:#33495c}.bas-cur:empty{display:none}
/* [area-live] calibration note (page + card) */
.bas-new{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#eef6ff;border:1px solid #cfe2f7;color:#13283a;font:14.5px/1.45 system-ui,sans-serif}
.bas-new-tag{flex:0 0 auto;padding:2px 8px;border-radius:999px;background:#0b5cad;color:#fff;font:800 11.5px/1.5 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.bas-card .bas-cnew{display:block;font:600 12.5px/1.35 system-ui,sans-serif;color:#0b5cad}
/* [area-live] live home (classic own-grid): the Area Score card spans the full row above the other cards */
.own-grid:not(.own-v2)>.bas-home{grid-column:1/-1;margin:0 0 4px}
/* [area-rearrange t1595u] chart first, then the score card, then compact reading tiles */
.bas-hero{margin-bottom:10px}.bas-hero .dek{max-width:62ch}.bas-hero aside{align-self:end}
.bas-hero+.bas-new{margin:0 0 14px}
.bas-chart-top{margin:0 0 18px}
.bas-readings{margin:0 0 24px;padding:18px 18px 16px}
.bas-rhead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:4px 24px;margin-bottom:12px}.bas-rhead h2{margin:2px 0 0}.bas-rhead .bas-hint{max-width:58ch;margin:0}
.bas-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:640px){.bas-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.bas-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bas-tiles>.bas-empty{grid-column:1/-1}
.bas-tile{position:relative;display:flex;flex-direction:column;gap:7px;min-width:0;padding:11px 12px 10px;background:#fff;border:1px solid #e1e8ef;border-radius:10px;overflow:hidden}
.bas-tile::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--lv,#e7edf2)}
.bas-tile.drv{background:linear-gradient(180deg,#fffaf0,#fff);border-color:#f0d9a6;box-shadow:0 4px 14px #a8730014}
.bas-tt{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.bas-tn{font:700 14px/1.25 system-ui,sans-serif;color:#13283a;min-width:0}
.bas-tile .bas-chip{flex:0 0 auto;min-width:30px;height:30px;border-radius:8px;font-size:16px}
.bas-chip.lvoff{--lv:#eef2f5;--lvt:#5c6e7e}
.bas-tile .bas-bar{height:4px}
.bas-tile .bas-ir{font:13px/1.35 system-ui,sans-serif;color:#33495c;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bas-tf{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:auto}.bas-tf .bas-src{font-size:11.5px;line-height:1.3}
.bas-drv{padding:1px 7px;border-radius:999px;background:#13283a;color:#fff;font:700 10.5px/1.6 system-ui,sans-serif;letter-spacing:.03em;text-transform:uppercase}
.bas-toff{background:#f7f9fb;border-style:dashed}.bas-toff .bas-tn,.bas-toff .bas-ir{color:#5c6e7e}
@media (max-width:420px){.bas-readings{padding:14px 12px}.bas-tile{padding:10px 10px 9px}.bas-tn{font-size:13.5px}.bas-tile .bas-ir{font-size:12.5px}.bas-tf .bas-src{font-size:11px}}
