.vx-weather{--vxw-accent:#4a6f44;--vxw-ink:#34472f;--vxw-muted:#697862;--vxw-line:#d8e2d0;--vxw-paper:#fffefa;--vxw-soft:#f0f5e9;position:relative;display:grid;gap:18px;color:var(--vxw-ink);font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.vx-weather *{box-sizing:border-box}.vx-weather button{font:inherit}.vx-weather .vxw-icon{width:16px;height:16px}.vxw-heading{display:flex;align-items:flex-start;gap:18px;padding:5px 2px}.vxw-heading>div{flex:1;min-width:0}.vxw-eyebrow{display:flex;align-items:center;gap:7px;color:var(--vxw-accent);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.09em}.vxw-heading h2{margin:7px 0 4px;color:var(--vxw-ink);font:400 30px/1.15 Georgia,serif;letter-spacing:-.55px}.vxw-heading p{margin:0;color:var(--vxw-muted);font-size:13px}.vxw-refresh{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid #dbe4d4;border-radius:21px;background:#edf2e7;color:#4b6641;box-shadow:0 2px 8px #31472d0a;cursor:pointer;transition:background .22s,color .22s,transform .22s,box-shadow .22s}.vxw-refresh:hover{background:#dfe9d6;color:#315429;box-shadow:0 6px 14px #31472d12;transform:translateY(-1px)}.vxw-refresh:active{transform:scale(.97)}.vxw-refresh:disabled{opacity:.55;cursor:wait;transform:none}.vxw-status{display:flex;align-items:center;gap:10px;min-height:70px;padding:18px;border:1px solid var(--vxw-line);border-radius:17px;background:#f7f9f3;color:var(--vxw-muted)}.vxw-status[hidden]{display:none}.vxw-status.is-error{background:#faf1e8;color:#855b37}.vxw-loader{width:18px;height:18px;border:2px solid #d6e0cc;border-top-color:var(--vxw-accent);border-radius:50%;animation:vxw-spin .8s linear infinite}
.vxw-current{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--vxw-line);border-radius:23px;background:linear-gradient(145deg,#fafbf6 0,#edf4e6 100%);box-shadow:0 12px 34px #2d45270c}.vxw-current:before{content:"";position:absolute;z-index:-1;inset:-30% -8% auto auto;width:320px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--vxw-accent) 14%,transparent),transparent 68%);pointer-events:none}.vxw-current[hidden]{display:none}.vxw-current-main{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr);gap:26px;padding:26px}.vxw-current-copy>span{color:var(--vxw-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.vxw-current-value{display:flex;align-items:center;gap:15px;margin:13px 0 6px}.vxw-current-value>strong{font-size:54px;line-height:1;font-weight:400;letter-spacing:-2px}.vxw-current-value>strong small{font-size:18px;color:#718268;vertical-align:top;letter-spacing:0}.vxw-current-copy h3{margin:9px 0 3px;font:400 22px Georgia,serif}.vxw-current-copy p{margin:0;color:var(--vxw-muted);font-size:12px}.vxw-current-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vxw-metric{display:grid;grid-template-columns:29px minmax(0,1fr);align-content:center;gap:2px 8px;min-width:0;padding:12px;border:1px solid #e0e8d9;border-radius:13px;background:#fffefabf;box-shadow:0 3px 10px #32452d08;transition:transform .2s,border-color .2s,background .2s}.vxw-metric:hover{transform:translateY(-1px);border-color:#cad7c1;background:#fffefa}.vxw-metric>span{grid-row:1/3;display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#e6efdc;color:var(--vxw-accent)}.vxw-metric>span .vxw-icon{width:15px;height:15px}.vxw-metric small{color:var(--vxw-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vxw-metric strong{font-size:13px;font-weight:650;white-space:nowrap}.vxw-hourly{padding:17px 24px 14px;border-top:1px solid #dfe7d8;background:#fffefab8}.vxw-hourly header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.vxw-hourly header>div{display:grid;gap:2px}.vxw-hourly header strong{font-size:13px}.vxw-hourly header small{color:var(--vxw-muted);font-size:10px}.vxw-hourly header>span{display:flex;align-items:center;gap:5px;color:var(--vxw-muted);font-size:10px}
.vxw-weather-icon{display:grid;place-items:center;position:relative;flex:none;border-radius:50%;background:#e5edd9;color:var(--vxw-accent);box-shadow:inset 0 0 0 1px #ffffff80}.vxw-weather-icon svg{display:block;width:65%;height:65%}.vxw-weather-icon.is-large{width:68px;height:68px;box-shadow:inset 0 0 0 1px #ffffff8c,0 7px 18px #4a6a3a14}.vxw-weather-icon.is-small{width:42px;height:42px}.vxw-weather-icon.is-rain,.vxw-weather-icon.is-storm{background:#e0e9e8;color:#4f7580}.vxw-weather-icon.is-snow{background:#edf1f2;color:#71818a}.vxw-weather-icon.is-sun{background:#f1edcf;color:#9a812c}.vxw-weather-icon.is-fog{background:#eaede7;color:#778173}
.vxw-chart-frame{position:relative;display:block;width:100%;height:106px;overflow:visible;touch-action:none}.vxw-chart-frame.is-mini{height:64px;overflow:hidden}.vxw-chart{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;shape-rendering:geometricPrecision}.vxw-chart-grid line{stroke:#71836a20;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:2 5}.vxw-chart-area{opacity:.92}.vxw-chart-line{fill:none;stroke:var(--chart-accent,var(--vxw-accent,#4a6f44));stroke-width:2.25;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #31472d18)}.vxw-rain-bar{fill:#6f9eb1;opacity:.24}.vxw-chart-labels{position:absolute;inset:0;pointer-events:none}.vxw-chart-labels>span{position:absolute;left:var(--vxw-tick);bottom:1px;color:#778571;font-size:9px;font-weight:550;line-height:1;transform:translateX(-50%);white-space:nowrap}.vxw-chart-labels>span:first-child{transform:none}.vxw-chart-labels>span:last-child{transform:translateX(-100%)}.vxw-chart-values{position:absolute;top:7px;right:7px;bottom:25px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;color:#65755e;font-size:9px;line-height:1;pointer-events:none}.vxw-chart-values b{padding:2px 4px;border-radius:5px;background:#fffefaaf;font-weight:650}.vxw-chart-now{position:absolute;left:var(--vxw-now-x);top:var(--vxw-now-y);width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--vxw-accent);box-shadow:0 1px 5px #263b2280;transform:translate(-50%,-50%);z-index:2}.vxw-chart-now:after{content:"";position:absolute;inset:-7px;border:2px solid var(--vxw-accent);border-radius:50%;opacity:.45;animation:vxw-now-ring 2.2s ease-out infinite}.vxw-chart-frame.is-mini .vxw-chart-now{width:8px;height:8px}
.vxw-overview{position:relative;isolation:isolate;overflow:hidden;padding:22px;border:1px solid var(--vxw-line);border-radius:23px;background:#e9f0e3;box-shadow:0 12px 34px #2d45270c}.vxw-overview[hidden]{display:none}.vxw-overview.has-backdrop:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 15% 20%,#f7f8edcc 0 10%,transparent 31%),radial-gradient(circle at 78% 18%,#d5e2ca 0 7%,transparent 29%),repeating-radial-gradient(ellipse at 70% 75%,transparent 0 18px,#768c6812 19px 20px,transparent 21px 34px),linear-gradient(135deg,#e4eddd,#dce8d4)}.vxw-overview.has-backdrop:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#eef4eaf0 0 34%,#edf3e8c7)}.vxw-overview-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.vxw-overview-head>div:first-child{display:grid;gap:3px}.vxw-overview-head>div:first-child>span{font:400 23px Georgia,serif}.vxw-overview-head small{color:var(--vxw-muted);font-size:11px}.vxw-view-controls{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #dfe6d8;border-radius:22px;background:#f9faf6c7;box-shadow:0 2px 8px #33472d08}.vxw-view-controls>span{padding:0 7px;color:var(--vxw-muted);font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.vxw-view-controls button{min-height:33px;padding:7px 11px;border:0;border-radius:18px;background:transparent;color:#61715a;font-size:11px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .2s}.vxw-view-controls button:hover{color:#36582e}.vxw-view-controls button[aria-pressed=true]{background:#fffefa;color:#31572b;box-shadow:0 3px 8px #32482c10}.vxw-track-wrap{position:relative}.vxw-track-wrap:before,.vxw-track-wrap:after{content:"";position:absolute;top:0;bottom:8px;z-index:2;width:24px;pointer-events:none}.vxw-track-wrap:before{left:-3px;background:linear-gradient(90deg,#eaf1e5,transparent)}.vxw-track-wrap:after{right:-3px;background:linear-gradient(-90deg,#e5eee0,transparent)}.vxw-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:4px;overscroll-behavior-x:contain;padding:4px 4px 12px;scrollbar-width:thin;scrollbar-color:transparent transparent}.vxw-track:focus-within{scrollbar-color:#9dac92 transparent}.vx-weather[data-view=two] .vxw-track{grid-auto-columns:calc((100% - 12px)/2)}.vx-weather[data-view=compact] .vxw-track{grid-auto-columns:minmax(190px,calc((100% - 48px)/5))}.vxw-day-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:16px;border:1px solid #dbe4d4;border-radius:17px;background:#fffefae8;color:var(--vxw-ink);text-align:left;scroll-snap-align:start;cursor:pointer;box-shadow:0 4px 13px #32452d08;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s}.vxw-day-card:hover{transform:translateY(-3px);border-color:#b9cbb0;background:#fffefa;box-shadow:0 10px 23px #344a2c16}.vxw-day-card[aria-expanded=true]{border-color:color-mix(in srgb,var(--vxw-accent) 58%,#d8e2d1);background:#fffefa;box-shadow:0 0 0 2px color-mix(in srgb,var(--vxw-accent) 14%,transparent),0 10px 24px #344a2c18}.vxw-day-card.is-today{box-shadow:0 0 0 1px #fff,0 0 24px color-mix(in srgb,var(--vxw-accent) 25%,transparent)}.vxw-day-card.is-today .vxw-day-label strong:after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-radius:50%;background:var(--vxw-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--vxw-accent) 14%,transparent);vertical-align:2px}.vxw-day-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.vxw-day-label strong{font:400 17px Georgia,serif}.vxw-day-label small{color:var(--vxw-muted);font-size:10px}.vxw-day-condition{min-height:18px;color:#586d50;font-size:11px;font-weight:550}.vxw-day-temp{display:flex;align-items:baseline;gap:6px}.vxw-day-temp strong{font-size:29px;font-weight:400;letter-spacing:-1px}.vxw-day-temp small{color:#77866f;font-size:16px}.vxw-day-card .vxw-chart{height:60px;margin:0 -3px}.vxw-day-card .vxw-chart-labels{display:none}.vxw-day-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:10px;border-top:1px solid #e8ede4;color:#617158;font-size:10px}.vxw-day-meta>span{display:flex;align-items:center;gap:5px}.vxw-day-meta .vxw-icon{width:13px;height:13px}
.vxw-day-detail{margin-top:14px;padding:18px;border:1px solid #dbe4d4;border-radius:17px;background:#fffefaf2;box-shadow:0 8px 20px #33492d0b;animation:vxw-detail-in .3s ease both}.vxw-day-detail[hidden]{display:none}.vxw-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.vxw-detail-head>div{display:flex;align-items:center;gap:11px}.vxw-detail-head>div>span{display:grid;gap:2px}.vxw-detail-head small{color:var(--vxw-muted);font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.07em}.vxw-detail-head strong{font:400 19px Georgia,serif}.vxw-detail-head button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e0e7da;border-radius:50%;background:#edf2e7;color:#566c4e;font-size:20px;cursor:pointer;transition:background .2s,transform .2s}.vxw-detail-head button:hover{background:#dfe9d7;transform:rotate(4deg)}.vxw-detail-chart{margin-top:11px}.vxw-day-detail dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:10px 0 0}.vxw-day-detail dl>div{padding:10px 11px;border:1px solid #e5ebe0;border-radius:10px;background:#f3f6ef}.vxw-day-detail dt{color:var(--vxw-muted);font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.vxw-day-detail dd{margin:4px 0 0;font-size:12px;font-weight:650}.vxw-credit{margin:0;padding:0 3px;color:#7e8b78;font-size:10px}.vxw-credit a{color:inherit;text-underline-offset:2px}.vx-weather :is(button,[tabindex]):focus-visible{outline:2px solid color-mix(in srgb,var(--vxw-accent) 75%,#fff);outline-offset:3px}
@media(max-width:720px){.vxw-current-main{grid-template-columns:1fr}.vxw-current-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.vxw-overview-head{align-items:flex-start;flex-direction:column}.vxw-view-controls{max-width:100%;overflow-x:auto}.vxw-track,.vx-weather[data-view=two] .vxw-track,.vx-weather[data-view=three] .vxw-track{grid-auto-columns:calc((100% - 11px)/2)}.vx-weather[data-view=compact] .vxw-track{grid-auto-columns:180px}.vxw-day-detail dl{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.vxw-heading h2{font-size:25px}.vxw-refresh>span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.vxw-refresh{width:37px;padding:10px;justify-content:center}.vxw-current-main{padding:18px}.vxw-current-value>strong{font-size:45px}.vxw-current-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vxw-hourly{padding:14px 15px 10px}.vxw-hourly header>span{display:none}.vxw-overview{padding:15px 12px}.vxw-overview-head{padding-inline:3px}.vxw-overview-head>div:first-child>span{font-size:20px}.vxw-view-controls{width:100%}.vxw-view-controls>span{display:none}.vxw-view-controls button{flex:1;white-space:nowrap}.vxw-track,.vx-weather[data-view=two] .vxw-track,.vx-weather[data-view=three] .vxw-track{grid-auto-columns:calc(100% - 34px)}.vx-weather[data-view=compact] .vxw-track{grid-auto-columns:170px}.vxw-day-detail{padding:14px}.vxw-day-detail dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vxw-day-card .vxw-chart-frame{height:64px;margin:0 -3px;width:calc(100% + 6px)}.vxw-day-card .vxw-chart{height:100%;margin:0}
@keyframes vxw-spin{to{transform:rotate(360deg)}}@keyframes vxw-pulse{0%{opacity:.55;transform:scale(.55)}75%,100%{opacity:0;transform:scale(2.2)}}@keyframes vxw-now-ring{0%{opacity:.45;transform:scale(.55)}75%,100%{opacity:0;transform:scale(1.65)}}@keyframes vxw-detail-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.vxw-no-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.vx-weather *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Extended weather control */
.vx-weather [hidden]{display:none!important}.vxw-eyebrow{padding:0;border:0;background:transparent;cursor:pointer}.vxw-eyebrow:disabled{cursor:default}.vxw-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.vxw-section-title>span{font:400 18px/1.2 Georgia,serif}.vxw-section-title>small{color:var(--vxw-muted);font-size:10px;text-align:right}.vxw-location-panel{padding:16px;border:1px solid var(--vxw-line);border-radius:18px;background:#fffefa;box-shadow:0 12px 30px #31472d12;animation:vxw-detail-in .24s ease both}.vxw-location-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.vxw-location-search label{display:grid;gap:6px;color:var(--vxw-muted);font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.vxw-location-search input{width:100%;height:43px;padding:0 14px;border:1px solid #dbe4d4;border-radius:13px;background:#f7f9f4;color:var(--vxw-ink);font:500 13px system-ui;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.vxw-location-search input:focus{border-color:var(--vxw-accent);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--vxw-accent) 13%,transparent)}.vxw-location-search>button,.vxw-tool-button{min-height:40px;padding:8px 14px;border:1px solid #dbe4d4;border-radius:21px;background:#edf2e7;color:#45613c;font-size:11px;font-weight:650;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.vxw-location-search>button:hover,.vxw-tool-button:hover{background:#dfe9d6;box-shadow:0 6px 14px #31472d12;transform:translateY(-1px)}.vxw-tool-button[aria-pressed=true]{border-color:var(--vxw-accent);background:var(--vxw-accent);color:#fff}.vxw-location-results{display:grid;gap:4px;margin-top:10px}.vxw-location-results>button{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:10px 12px;border:0;border-radius:11px;background:transparent;color:var(--vxw-ink);text-align:left;cursor:pointer}.vxw-location-results>button:hover{background:var(--vxw-soft)}.vxw-location-results span{display:grid}.vxw-location-results strong{font-size:12px}.vxw-location-results small,.vxw-location-results em{color:var(--vxw-muted);font-size:10px;font-style:normal}.vxw-location-saved{margin-top:12px;padding-top:12px;border-top:1px solid #edf0e9}.vxw-location-saved>span{display:block;margin-bottom:7px;color:var(--vxw-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.vxw-location-saved>div{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.vxw-location-saved button{display:grid;flex:0 0 auto;gap:1px;padding:8px 11px;border:1px solid #e0e7da;border-radius:12px;background:#f8faf5;color:var(--vxw-ink);text-align:left;cursor:pointer}.vxw-location-saved button:hover{border-color:#bdceb4;background:#fff}.vxw-location-saved strong{font-size:11px}.vxw-location-saved small{color:var(--vxw-muted);font-size:8px}
.vxw-summary{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #dce5d5;border-radius:16px;background:linear-gradient(110deg,#f9fbf5,#eef4e8)}.vxw-summary>span{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:11px;background:#e5edda;color:var(--vxw-accent)}.vxw-summary p{margin:0;color:var(--vxw-muted);font-size:12px}.vxw-summary strong{color:var(--vxw-ink)}.vxw-advice{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px}.vxw-alerts{display:grid;gap:8px}.vxw-alerts article{display:flex;align-items:center;gap:10px;min-height:59px;padding:10px 11px;border:1px solid #eadfc9;border-radius:14px;background:#fff9ee;transition:opacity .2s,transform .2s}.vxw-alerts article.is-dismissed{opacity:0;transform:translateX(-8px)}.vxw-alerts article>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:#f1e2bd;color:#795d24;font-weight:750}.vxw-alerts article>div{display:grid;flex:1}.vxw-alerts strong{font-size:11px}.vxw-alerts small{color:#7c715b;font-size:9px}.vxw-alerts button{align-self:flex-start;width:25px;height:25px;border:0;border-radius:50%;background:transparent;color:#8a806b;cursor:pointer}.vxw-alerts button:hover{background:#f4ead6}.vxw-guidance{display:grid;gap:8px;padding:13px 14px;border:1px solid #dce5d5;border-radius:16px;background:#f7f9f3}.vxw-guidance article{display:flex;gap:9px;padding-top:8px;border-top:1px solid #e7ece2}.vxw-guidance article:first-of-type{padding-top:3px;border-top:0}.vxw-guidance article>.vxw-icon{flex:none;margin-top:2px;color:var(--vxw-accent)}.vxw-guidance article>div{display:grid}.vxw-guidance strong{font-size:11px}.vxw-guidance p{margin:1px 0 0;color:var(--vxw-muted);font-size:10px}
.vxw-rain-timeline,.vxw-sun-panel,.vxw-environment,.vxw-history,.vxw-comparison{padding:17px 18px;border:1px solid var(--vxw-line);border-radius:18px;background:#fffefa;box-shadow:0 6px 18px #31472d09}.vxw-rain-strip{display:grid;grid-template-columns:repeat(18,1fr);gap:3px;height:65px;margin-top:12px}.vxw-rain-strip>div{position:relative;display:flex;align-items:flex-end;height:48px;border-radius:5px;background:#f2f5ef}.vxw-rain-strip i{display:block;width:100%;height:max(3px,var(--rain));max-height:100%;border-radius:5px;background:linear-gradient(#8db1c0,#668da0);opacity:.78;transition:height .35s ease}.vxw-rain-strip span{position:absolute;top:52px;left:50%;color:var(--vxw-muted);font-size:8px;transform:translateX(-50%);white-space:nowrap}.vxw-sun-panel>div{display:grid}.vxw-sun-arc{position:relative;width:min(100%,500px);height:105px;margin:2px auto -3px}.vxw-sun-arc svg{width:100%;height:100%;overflow:visible}.vxw-sun-arc path{fill:none;stroke:#d8c879;stroke-width:2.5;stroke-dasharray:5 6}.vxw-sun-arc line{stroke:#dfe5d8;stroke-width:1}.vxw-sun-arc i{position:absolute;left:calc(5% + var(--sun-progress)*.9);bottom:calc(12% + sin(var(--sun-progress)*3.14159)*70%);width:16px;height:16px;border:4px solid #fff;border-radius:50%;background:#d4b84e;box-shadow:0 2px 9px #8a722644;transform:translate(-50%,50%)}.vxw-sun-times{display:flex;justify-content:space-between;color:var(--vxw-muted);font-size:9px}.vxw-sun-times strong{color:var(--vxw-ink);font-size:11px}
.vxw-overview-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.vxw-track-nav{position:absolute;top:50%;z-index:4;display:grid;place-items:center;width:35px;height:35px;border:1px solid #d5dfce;border-radius:50%;background:#fffefae8;color:#486242;font-size:24px;line-height:1;box-shadow:0 5px 14px #2f452a1b;cursor:pointer;transform:translateY(-60%);backdrop-filter:blur(8px);transition:transform .2s,background .2s}.vxw-track-nav:hover{background:#fff;transform:translateY(-60%) scale(1.06)}.vxw-track-nav.is-prev{left:-12px}.vxw-track-nav.is-next{right:-12px}.vxw-track-progress{position:absolute;left:4px;right:4px;bottom:1px;height:3px;border-radius:2px;background:#d4decf;overflow:hidden}.vxw-track-progress span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--vxw-accent);transform:scaleX(.12);transform-origin:left;transition:transform .2s}.vxw-day-card.is-compared{border-color:var(--vxw-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--vxw-accent) 16%,transparent)}.is-comparing .vxw-day-card{cursor:crosshair}.vxw-comparison{margin-top:14px;background:#f9fbf6;animation:vxw-detail-in .28s ease both}.vxw-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.vxw-compare-grid article{min-width:0;padding:13px;border:1px solid #e0e7da;border-radius:14px;background:#fff}.vxw-compare-grid header{display:flex;align-items:center;gap:8px}.vxw-compare-grid header>div{display:grid}.vxw-compare-grid header strong{font:400 14px Georgia,serif}.vxw-compare-grid header small{color:var(--vxw-muted);font-size:9px}.vxw-compare-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:6px 0 0}.vxw-compare-grid dl>div{padding:7px;border-radius:9px;background:#f3f6ef}.vxw-compare-grid dt{color:var(--vxw-muted);font-size:8px;text-transform:uppercase}.vxw-compare-grid dd{margin:1px 0 0;font-size:10px;font-weight:650}.vxw-hourly-drawer{margin-top:14px;padding-top:13px;border-top:1px solid #e5ebe0}.vxw-hourly-cards{display:grid;grid-auto-flow:column;grid-auto-columns:74px;gap:7px;margin-top:9px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:transparent transparent}.vxw-hourly-cards:focus-within,.vxw-hourly-cards:hover{scrollbar-color:#aebca5 transparent}.vxw-hourly-cards article{display:grid;justify-items:center;gap:5px;padding:9px 6px;border:1px solid #e2e9dc;border-radius:12px;background:#f8faf5;scroll-snap-align:start}.vxw-hourly-cards time{color:var(--vxw-muted);font-size:9px}.vxw-hourly-cards .vxw-weather-icon{width:32px;height:32px}.vxw-hourly-cards strong{font-size:13px}.vxw-hourly-cards small{display:flex;align-items:center;gap:3px;color:#64808b;font-size:8px}.vxw-hourly-cards .vxw-icon{width:11px;height:11px}
.vxw-environment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}.vxw-environment-grid article{display:grid;gap:3px;padding:12px;border:1px solid #e1e8dc;border-radius:13px;background:linear-gradient(145deg,#f9faf6,#f0f5ea)}.vxw-environment-grid small{color:var(--vxw-muted);font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.vxw-environment-grid strong{font:400 18px Georgia,serif}.vxw-environment-grid span{color:var(--vxw-muted);font-size:9px}.vxw-history>.vxw-chart-frame{margin-top:9px}.vxw-credit{display:flex;justify-content:space-between;gap:12px}.vxw-credit span{margin-left:auto}.vxw-credit .is-stale{color:#9b6f33}.vx-weather.is-night{--vxw-accent:#7da876;--vxw-ink:#dfe8da;--vxw-muted:#9fb09b;--vxw-line:#45563f;--vxw-paper:#253324;--vxw-soft:#30402e;color:var(--vxw-ink)}.vx-weather.is-night .vxw-current,.vx-weather.is-night .vxw-summary,.vx-weather.is-night .vxw-rain-timeline,.vx-weather.is-night .vxw-sun-panel,.vx-weather.is-night .vxw-environment,.vx-weather.is-night .vxw-history{background:#293728;border-color:#45563f}.vx-weather.is-night :is(.vxw-metric,.vxw-day-card,.vxw-day-detail,.vxw-compare-grid article,.vxw-location-panel){background:#2d3b2b;border-color:#465943;color:var(--vxw-ink)}.vx-weather.is-night .vxw-overview{background:#30402e}.vx-weather.is-night .vxw-overview.has-backdrop:after{background:#263525dc}.vx-weather.is-night .vxw-chart-values b{background:#293728cc}.vx-weather.is-night .vxw-hourly{background:#263425aa;border-color:#465943}.vx-weather[data-preset=minimal] :is(.vxw-advice,.vxw-rain-timeline,.vxw-sun-panel,.vxw-environment,.vxw-history){display:none!important}.vx-weather[data-preset=travel] .vxw-guidance{display:none}.vx-weather[data-preset=detailed]{gap:22px}
@media(max-width:720px){.vxw-advice{grid-template-columns:1fr}.vxw-location-search{grid-template-columns:1fr}.vxw-location-search>button{justify-self:start}.vxw-overview-tools{width:100%;justify-content:space-between}.vxw-compare-grid{grid-template-columns:1fr}.vxw-environment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vxw-track-nav{display:none}.vxw-rain-strip{gap:2px}.vxw-sun-arc{height:88px}}
@media(max-width:480px){.vxw-section-title{align-items:flex-start;flex-direction:column;gap:2px}.vxw-section-title>small{text-align:left}.vxw-summary{align-items:flex-start}.vxw-overview-tools{display:grid;grid-template-columns:1fr}.vxw-tool-button{width:100%}.vxw-environment-grid{grid-template-columns:1fr 1fr}.vxw-rain-timeline,.vxw-sun-panel,.vxw-environment,.vxw-history{padding:14px}.vxw-rain-strip span{font-size:7px}.vxw-credit{display:block}.vxw-credit span{display:block;margin:3px 0 0}}
.vxw-sun-arc i{left:var(--sun-x);bottom:var(--sun-y)}

/* 12 Feature & UI Refinements */
/* 1. Section Navigation */
.vxw-section-nav{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:3px 2px 5px;scrollbar-width:none}
.vxw-section-nav::-webkit-scrollbar{display:none}
.vxw-section-nav button{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border:1px solid #dbe4d4;border-radius:20px;background:#f5f8f1;color:#4f6448;font-size:11px;font-weight:650;cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.vxw-section-nav button:hover{background:#e8f0e0;color:#32542a}
.vxw-section-nav button.is-active{background:var(--vxw-accent,#4a6f44);border-color:var(--vxw-accent,#4a6f44);color:#fff;box-shadow:0 3px 9px color-mix(in srgb,var(--vxw-accent,#4a6f44) 25%,transparent)}

/* 2. Chart Inspection Cursor & Tooltip */
.vxw-chart-inspect-line{stroke:#41583a;stroke-width:1.2;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;pointer-events:none}
.vxw-chart-inspect-dot{fill:var(--vxw-accent);stroke:#fff;stroke-width:2;pointer-events:none}
.vxw-chart-inspector{position:absolute;z-index:20;display:flex;flex-direction:column;gap:1px;padding:6px 10px;border:1px solid #d7e2d0;border-radius:10px;background:#fffefaf6;box-shadow:0 6px 18px rgba(45,65,36,0.18);backdrop-filter:blur(8px);pointer-events:none;transform:translate(-50%,-100%);white-space:nowrap}
.vxw-chart-inspector strong{font-size:10px;color:var(--vxw-muted)}
.vxw-chart-inspector b{font-size:13px;color:var(--vxw-ink);font-weight:700}
.vxw-chart-inspector small{font-size:9px;color:#5a6e53}

/* 3. Day & Night Chart Bands and Sunrise/Sunset Markers */
.vxw-night-bands rect{fill:rgba(30,45,65,0.06)}
.vx-weather.is-night .vxw-night-bands rect{fill:rgba(0,0,0,0.22)}
.vxw-chart-marker-line{stroke:#8b9d85;stroke-width:1;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}
.vxw-chart-marker-text{fill:#6b7e65;font-size:8px;font-weight:600;text-transform:uppercase}

/* Hourly Header & Inline Metric Controls */
.vxw-hourly header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.vxw-hourly-title{display:grid;gap:2px}
.vxw-hourly-title strong{font-size:13px;font-weight:700;color:var(--vxw-ink)}
.vxw-hourly-title small{color:var(--vxw-muted);font-size:11px}
.vxw-hourly-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.vxw-hourly-updated{display:inline-flex;align-items:center;gap:5px;color:var(--vxw-muted);font-size:10px;white-space:nowrap}
.vxw-chart-controls{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #dfe6d8;border-radius:18px;background:#f7f9f3;overflow-x:auto;scrollbar-width:none}
.vxw-chart-controls::-webkit-scrollbar{display:none}
.vxw-chart-controls button{flex:0 0 auto;padding:4px 10px;border:0;border-radius:14px;background:transparent;color:var(--vxw-muted);font-size:10px;font-weight:650;cursor:pointer;transition:background .2s,color .2s}
.vxw-chart-controls button:hover{background:#e8eee1;color:var(--vxw-ink)}
.vxw-chart-controls button[aria-pressed=true]{background:#fffefa;color:#2e4e27;box-shadow:0 1px 4px rgba(0,0,0,0.08)}
.vx-weather.is-night .vxw-chart-controls{background:#233022;border-color:#465943}
.vx-weather.is-night .vxw-chart-controls button[aria-pressed=true]{background:#354633;color:#dfe8da}

/* 4. Unified Dual-Range Slider */
.vxw-chart-range{display:flex;flex-direction:column;gap:6px;margin-top:12px;width:100%}
.vxw-chart-range-labels{display:flex;justify-content:space-between;align-items:center;color:var(--vxw-muted);font-size:10px;font-weight:600;width:100%}
.vxw-chart-range-labels b{color:var(--vxw-ink);font-weight:700}
.vxw-dual-range{position:relative;height:22px;display:flex;align-items:center;width:100%;margin-top:2px}
.vxw-dual-range-track{position:absolute;left:0;right:0;height:6px;border-radius:3px;background:#e1ebda;pointer-events:none}
.vxw-dual-range-fill{position:absolute;height:6px;left:var(--range-from,0%);right:calc(100% - var(--range-to,100%));border-radius:3px;background:var(--vxw-accent);pointer-events:none}
.vxw-dual-range input[type=range]{position:absolute;inset:0;width:100%;height:100%;background:none;pointer-events:none;-webkit-appearance:none;appearance:none;margin:0}
.vxw-dual-range input[type=range]::-webkit-slider-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--vxw-accent);box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:ew-resize;-webkit-appearance:none}
.vxw-dual-range input[type=range]::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--vxw-accent);box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:ew-resize}

/* 5. Interactive Metric Tiles */
button.vxw-metric{appearance:none;text-align:left;cursor:pointer;font:inherit}
button.vxw-metric:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(45,69,39,0.12);border-color:#b5c6ab}
button.vxw-metric[aria-pressed=true]{border-color:var(--vxw-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--vxw-accent) 25%,transparent),0 4px 12px rgba(45,69,39,0.1);background:#fffefa}

/* 6. Forecast Table View */
.vxw-table-wrap{margin-top:14px;overflow-x:auto}
.vxw-table-wrap[hidden]{display:none}
.vxw-table-scroll{overflow-x:auto;border-radius:14px;border:1px solid #dce5d5;background:#fffefaf6}
.vxw-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}
.vxw-table th,.vxw-table td{padding:12px 14px;vertical-align:middle;border-bottom:1px solid #e7ece2}
.vxw-table thead th{position:sticky;top:0;z-index:2;background:#f4f7f0;box-shadow:0 1px 0 #e7ece2;color:var(--vxw-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.vxw-table tbody tr{transition:background .2s}
.vxw-table tbody tr:hover{background:#f3f7ef}
.vxw-table tbody tr.is-today{background:rgba(255,255,255,0.7);font-weight:600}
.vxw-table-day-cell{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.vxw-table-day-cell strong{font-size:13px;font-weight:700;color:var(--vxw-ink)}
.vxw-table-day-cell small{font-size:10px;color:var(--vxw-muted)}
.vxw-table-cond{display:flex;align-items:center;gap:8px}
.vxw-table-temp{white-space:nowrap}
.vxw-table-temp strong{font-size:14px;font-weight:650}
.vxw-table-temp small{color:var(--vxw-muted)}
.vxw-table-view-btn{padding:5px 12px;border:1px solid #dbe4d4;border-radius:14px;background:#edf2e7;color:#415e37;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s}
.vxw-table-view-btn:hover{background:#dfe9d6}
.vxw-pill-uv{display:inline-block;padding:2px 7px;border-radius:10px;background:#f3f0dc;color:#7e6b22;font-size:10px;font-weight:700}

/* 7. Mobile Bottom Sheets */
.vxw-sheet-backdrop{position:fixed;inset:0;z-index:9990;border:0;background:rgba(18,28,15,0.45);backdrop-filter:blur(4px);animation:vxw-detail-in .2s ease both}
.vxw-sheet-backdrop[hidden]{display:none}
@media(max-width:640px){
  .vxw-day-detail:not([hidden]),
  .vxw-location-panel:not([hidden]),
  .vxw-chart-settings.is-sheet-open{
    position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;z-index:10000!important;
    max-height:85vh!important;overflow-y:auto!important;margin:0!important;border-radius:22px 22px 0 0!important;
    box-shadow:0 -10px 40px rgba(0,0,0,.25)!important;animation:vxw-sheet-up .28s cubic-bezier(.16,1,.3,1) both!important;
  }
  .vxw-day-detail:before,.vxw-location-panel:before,.vxw-chart-settings:before{
    content:"";display:block;width:38px;height:4px;margin:0 auto 12px;border-radius:2px;background:#cbd6c4;
  }
}
@keyframes vxw-sheet-up{from{transform:translateY(100%)}to{transform:translateY(0)}}

/* Section Scroll Margins to clear Sticky Bar */
[data-vx-weather-section],.vxw-current,.vxw-hourly,.vxw-overview,.vxw-environment,.vxw-advice,.vxw-rain-timeline,.vxw-sun-panel,.vxw-history{
  scroll-margin-top:80px;
}

/* 8. Sticky Overview & Navigation Bar (Floating Botanical HUD) */
.vxw-sticky-rail{
  position:fixed;
  top:12px;
  left:50%;
  transform:translate(-50%, -120%);
  width:min(calc(100% - 32px), 980px);
  z-index:9999;
  border-radius:24px;
  background:rgba(255, 254, 250, 0.98);
  backdrop-filter:blur(24px) saturate(180%);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  border:1px solid #d2ded0;
  box-shadow:0 14px 40px rgba(40, 62, 35, 0.16), 0 2px 8px rgba(0, 0, 0, 0.06);
  opacity:0;
  pointer-events:none;
  transition:transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease, box-shadow 0.2s ease;
}
.vxw-sticky-rail.is-active{
  transform:translate(-50%, 0);
  opacity:1;
  pointer-events:auto;
}
.vxw-sticky-rail[hidden]{display:none!important}
.vxw-sticky-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:7px 16px;
  min-height:52px;
}
.vxw-sticky-overview{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  flex:0 1 auto;
}
.vxw-sticky-loc{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 9px;
  margin:0;
  border:0;
  border-radius:12px;
  background:rgba(235, 242, 229, 0.75);
  color:var(--vxw-accent);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  cursor:pointer;
  white-space:nowrap;
  transition:background .2s, color .2s;
}
.vxw-sticky-loc:hover{
  background:rgba(223, 233, 214, 0.95);
  color:#27421f;
}
.vxw-sticky-loc .vxw-icon{width:13px;height:13px}
.vxw-sticky-condition{
  display:flex;
  align-items:center;
  gap:9px;
  white-space:nowrap;
}
.vxw-sticky-icon-wrap .vxw-weather-icon{
  width:28px;
  height:28px;
}
.vxw-sticky-temp-block{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}
.vxw-sticky-temp{
  font-size:16px;
  font-weight:700;
  letter-spacing:-.5px;
  color:var(--vxw-ink);
}
.vxw-sticky-range{
  font-size:9px;
  color:var(--vxw-muted);
  font-weight:600;
}
.vxw-sticky-meta{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  color:var(--vxw-muted);
}
.vxw-sticky-desc{
  font-weight:550;
  color:#4f6448;
}
.vxw-sticky-rain{
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:2px 7px;
  border-radius:10px;
  background:rgba(224, 233, 232, 0.85);
  color:#3e636e;
  font-size:10px;
  font-weight:650;
}
.vxw-sticky-rain .vxw-icon{width:11px;height:11px}
.vxw-sticky-nav{
  display:flex;
  align-items:center;
  gap:3px;
  padding:3px;
  background:rgba(238, 244, 234, 0.7);
  border:1px solid rgba(220, 230, 215, 0.85);
  border-radius:20px;
}
.vxw-sticky-nav button{
  display:inline-flex;
  align-items:center;
  padding:5px 12px;
  border:0;
  border-radius:16px;
  background:transparent;
  color:#4f6448;
  font-size:11px;
  font-weight:650;
  cursor:pointer;
  transition:background .2s, color .2s, box-shadow .2s;
}
.vxw-sticky-nav button:hover{
  color:#27421f;
  background:rgba(255, 255, 255, 0.65);
}
.vxw-sticky-nav button.is-active{
  background:var(--vxw-accent);
  color:#fff;
  box-shadow:0 2px 6px color-mix(in srgb, var(--vxw-accent) 30%, transparent);
}
.vxw-sticky-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
}
.vxw-sticky-badge{
  padding:3px 8px;
  border-radius:10px;
  background:#faece8;
  color:#933c2a;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.vxw-sticky-btn{
  display:inline-flex;
  align-items:center;
  gap:4px;
  height:32px;
  padding:0 11px;
  border:1px solid #d8e2d1;
  border-radius:16px;
  background:#edf2e7;
  color:#45613c;
  font-size:11px;
  font-weight:650;
  cursor:pointer;
  transition:background .2s, transform .2s, color .2s;
}
.vxw-sticky-btn:hover{
  background:#dfe8d6;
  color:#284320;
  transform:translateY(-1px);
}
.vxw-sticky-refresh{
  width:32px;
  padding:0;
  justify-content:center;
}
.vxw-sticky-refresh .vxw-icon{width:14px;height:14px}
.vxw-sticky-top .vxw-icon{width:13px;height:13px}
.vx-weather.is-night .vxw-sticky-rail{
  background:rgba(30, 42, 28, 0.92);
  border-color:rgba(69, 86, 63, 0.85);
  box-shadow:0 12px 36px rgba(0, 0, 0, 0.45);
  color:var(--vxw-ink);
}
.vx-weather.is-night .vxw-sticky-loc{
  background:rgba(42, 59, 39, 0.8);
  color:#a3c59a;
}
.vx-weather.is-night .vxw-sticky-nav{
  background:rgba(38, 51, 36, 0.8);
  border-color:rgba(69, 86, 63, 0.8);
}
.vx-weather.is-night .vxw-sticky-nav button{
  color:#a5b59f;
}
.vx-weather.is-night .vxw-sticky-nav button:hover{
  background:rgba(60, 77, 56, 0.6);
  color:#e0edd9;
}
.vx-weather.is-night .vxw-sticky-btn{
  background:#324430;
  border-color:#485e44;
  color:#dfe8da;
}
.vx-weather.is-night .vxw-sticky-btn:hover{
  background:#3b5239;
}
@media(max-width:880px){
  .vxw-sticky-meta{display:none}
}
@media(max-width:680px){
  .vxw-sticky-range{display:none}
  .vxw-sticky-nav button{padding:4px 8px;font-size:10px}
  .vxw-sticky-top span{display:none}
  .vxw-sticky-top{width:32px;padding:0;justify-content:center}
}
@media(max-width:520px){
  .vxw-sticky-nav{display:none}
}

/* 9. Visual Alert Severity Badges */
.vxw-alert-card{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid #eadfc9;background:#fff9ee}
.vxw-alert-card.is-advisory{border-color:#dbe6d3;background:#f6faf2}
.vxw-alert-card.is-warning{border-color:#fae0b8;background:#fef8eb}
.vxw-alert-card.is-severe{border-color:#f7cfc8;background:#fef2f0}
.vxw-alert-headline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vxw-severity-badge{padding:2px 7px;border-radius:6px;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.vxw-severity-badge.is-advisory{background:#e2eedb;color:#3d5932}
.vxw-severity-badge.is-warning{background:#fae5be;color:#855b18}
.vxw-severity-badge.is-severe{background:#fad4cf;color:#9b2a1a}
.vxw-alert-action{margin:4px 0 0;font-size:10px;color:var(--vxw-muted)}

/* 10. Skeleton Loader */
.vxw-status.vxw-skeleton{display:flex;flex-direction:column;align-items:stretch;gap:14px;background:#f7faf3}
.vxw-skeleton-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}
.vxw-skeleton-cards i{display:block;height:75px;border-radius:12px;background:linear-gradient(90deg,#edf2e7 25%,#f8faf5 50%,#edf2e7 75%);background-size:200% 100%;animation:vxw-shimmer 1.5s infinite ease-in-out}
@keyframes vxw-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* 11. Mini Graphs in Now Elements */
.vxw-metric{display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px 12px;border:1px solid #e0e8d9;border-radius:13px;background:#fffefabf;box-shadow:0 3px 10px #32452d08;transition:transform .2s,border-color .2s,background .2s}
.vxw-metric:hover{transform:translateY(-2px);border-color:#cad7c1;background:#fffefa;box-shadow:0 6px 14px rgba(45,69,39,0.12)}
.vxw-metric[aria-pressed=true]{border-color:var(--vxw-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--vxw-accent) 25%,transparent),0 4px 12px rgba(45,69,39,0.1);background:#fffefa}
.vxw-metric-top{display:flex;align-items:center;justify-content:space-between;width:100%}
.vxw-metric-top>span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:#e6efdc;color:var(--vxw-accent)}
.vxw-metric-top>span .vxw-icon{width:14px;height:14px}
.vxw-metric-spark{flex:none;width:52px;height:22px;display:flex;align-items:center;justify-content:flex-end}
.vxw-metric-body{display:flex;flex-direction:column;gap:1px;width:100%}
.vxw-metric-body small{color:var(--vxw-muted);font-size:10.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vxw-metric-body strong{font-size:14px;font-weight:700;white-space:nowrap}
.vxw-sparkline{width:100%;height:100%;display:block;overflow:visible}
.vxw-sparkline-area{opacity:0.65}
.vxw-sparkline-line{vector-effect:non-scaling-stroke}

.vxw-current-temp-wrap{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.vxw-temp-trend{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:12px;background:#edf4e7;border:1px solid #d8e4d1;font-size:11px;color:#49653f}
.vxw-temp-trend .vxw-sparkline{width:48px;height:18px}
.vxw-temp-trend small{font-size:10px;font-weight:650}

/* 12. Comparison Differences Display */
.vxw-diff-summary{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border:1px solid #dbe6d5;border-radius:14px;background:linear-gradient(135deg,#f9fbf6,#eef5e8);margin:10px 0 14px;box-shadow:0 3px 10px #31492b08}
.vxw-diff-summary-head{display:flex;align-items:center;gap:8px}
.vxw-diff-summary-pill{display:inline-block;padding:2px 8px;border-radius:10px;background:var(--vxw-accent);color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em}
.vxw-diff-summary-head span{color:var(--vxw-muted);font-size:11px;font-weight:600}
.vxw-diff-summary p{margin:0;font-size:12px;color:var(--vxw-ink);line-height:1.45}
.vxw-ref-pill{margin-left:auto;padding:2px 7px;border-radius:8px;background:#edf3e6;color:#45603c;font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:0.04em;border:1px solid #d5dfcc}
.vxw-ref-pill.is-comp{background:#f3f5ef;color:var(--vxw-muted);border-color:#dfe5da}
.vxw-diff-chip{display:inline-flex;align-items:center;padding:1px 6px;border-radius:8px;font-size:9px;font-weight:650;line-height:1.3;margin-left:4px;border:1px solid transparent;white-space:nowrap}
.vxw-diff-chip.is-warmer{background:#fef3c7;color:#92400e;border-color:#fde68a}
.vxw-diff-chip.is-cooler{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}
.vxw-diff-chip.is-wetter{background:#f0f9ff;color:#0369a1;border-color:#bae6fd}
.vxw-diff-chip.is-drier{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.vxw-diff-chip.is-windier{background:#faf5ff;color:#6b21a8;border-color:#e9d5ff}
.vxw-diff-chip.is-calmer{background:#f0fdf4;color:#166534;border-color:#bbf7d0}
.vxw-diff-chip.is-uv-high{background:#fffbeb;color:#b45309;border-color:#fde68a}
.vxw-diff-chip.is-uv-low{background:#f1f5f9;color:#475569;border-color:#cbd5e1}
.vxw-diff-matrix{margin-top:16px;border-top:1px solid #e2e8dc;padding-top:14px}
.vxw-diff-matrix-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
.vxw-diff-matrix-title>span{font:400 15px Georgia,serif;color:var(--vxw-ink)}
.vxw-diff-matrix-title>small{color:var(--vxw-muted);font-size:10px}
.vxw-diff-table-wrap{overflow-x:auto;border:1px solid #e0e7da;border-radius:12px;background:#fff}
.vxw-diff-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}
.vxw-diff-table th,.vxw-diff-table td{padding:8px 12px;border-bottom:1px solid #edf1ea}
.vxw-diff-table thead th{background:#f7f9f4;color:var(--vxw-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em}
.vxw-diff-table tbody tr:last-child th,.vxw-diff-table tbody tr:last-child td{border-bottom:0}
.vxw-diff-table tbody tr:nth-child(even){background:#fafbf8}
.vxw-diff-table tbody th{font-weight:600;color:var(--vxw-ink)}

/* Night/Dark Mode Support for Diff Matrix & Trends */
.vx-weather.is-night .vxw-diff-summary{background:linear-gradient(135deg,#2e3d2c,#253324);border-color:#465943}
.vx-weather.is-night .vxw-ref-pill{background:#384a36;color:#c8dac3;border-color:#4e644b}
.vx-weather.is-night .vxw-diff-table-wrap{background:#2b392a;border-color:#465943}
.vx-weather.is-night .vxw-diff-table thead th{background:#233022;color:#a0b19d}
.vx-weather.is-night .vxw-diff-table th,.vx-weather.is-night .vxw-diff-table td{border-bottom-color:#3a4b38}
.vx-weather.is-night .vxw-diff-table tbody tr:nth-child(even){background:#2e3c2d}
.vx-weather.is-night .vxw-temp-trend{background:#30402e;border-color:#45563f;color:#c2d6be}

/* ==========================================================================
   Botanical Intelligence & Extended Suite Enhancements
   ========================================================================== */

/* Header Actions & Ambience Button */
.vxw-header-actions{display:flex;align-items:center;gap:8px}
.vxw-ambient-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:9px 13px;border:1px solid #dbe4d4;border-radius:21px;background:#edf2e7;color:#4b6641;box-shadow:0 2px 8px #31472d0a;cursor:pointer;font-size:11px;font-weight:650;transition:background .2s,color .2s,box-shadow .2s}
.vxw-ambient-btn:hover{background:#dfe9d6;color:#315429;box-shadow:0 6px 14px #31472d12}
.vxw-ambient-btn.is-active{background:#48633e;color:#fff;border-color:#48633e;box-shadow:0 3px 10px rgba(72,99,62,0.25)}

/* Atmospheric Ambient Particles */
.vxw-ambient-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;border-radius:inherit}
.vxw-streak{position:absolute;top:-25px;width:1.5px;height:24px;background:linear-gradient(180deg,transparent,rgba(79,117,128,0.5));transform:rotate(15deg);animation:vxw-rain-fall linear infinite}
@keyframes vxw-rain-fall{0%{transform:translateY(0) rotate(15deg);opacity:0}20%{opacity:1}100%{transform:translateY(240px) rotate(15deg);opacity:0}}
.vxw-mote{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(217,119,6,0.55),rgba(245,158,11,0.15));box-shadow:0 0 8px rgba(251,191,36,0.35);animation:vxw-mote-float ease-in-out infinite alternate}
@keyframes vxw-mote-float{0%{transform:translate(0,0) scale(0.9);opacity:0.3}50%{opacity:0.85}100%{transform:translate(18px,-22px) scale(1.15);opacity:0.4}}
.vxw-mist{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,rgba(200,215,200,0.35),transparent 75%);animation:vxw-mist-drift 8s ease-in-out infinite alternate}
.vxw-mist.is-2{animation-duration:12s;animation-delay:-4s;opacity:0.5}
@keyframes vxw-mist-drift{0%{transform:translateX(-4%) scale(1)}100%{transform:translateX(4%) scale(1.03)}}
.vxw-cloud-wisp{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 25%,rgba(255,255,255,0.45),transparent 60%);animation:vxw-cloud-drift 14s ease-in-out infinite alternate}
.vxw-cloud-wisp.is-2{background:radial-gradient(ellipse at 20% 70%,rgba(255,255,255,0.35),transparent 60%);animation-duration:18s;animation-delay:-6s}
@keyframes vxw-cloud-drift{0%{transform:translateX(-3%)}100%{transform:translateX(3%)}}

/* Botanical Wind Compass Dial */
.vxw-compass-dial-wrap{display:flex;align-items:center;gap:7px}
.vxw-compass-dial{width:32px;height:32px;flex:none;overflow:visible}
.vxw-compass-ring{fill:none;stroke:#c9d8c2;stroke-width:1.5}
.vxw-compass-tick{stroke:#8fa386;stroke-width:1.2;stroke-linecap:round}
.vxw-compass-tick.is-n{stroke:var(--vxw-accent);stroke-width:2}
.vxw-compass-n-text{font-size:7px;font-weight:800;fill:var(--vxw-accent)}
.vxw-needle-north{fill:var(--vxw-accent)}
.vxw-needle-south{fill:#869c7f;opacity:0.4}
.vxw-needle-pivot{fill:#fff;stroke:var(--vxw-accent);stroke-width:1.2}
.vxw-compass-text{display:flex;flex-direction:column;line-height:1.05;text-align:right}
.vxw-compass-text strong{font-size:11px;font-weight:750;color:var(--vxw-ink)}
.vxw-compass-text small{font-size:9px;color:var(--vxw-muted)}

/* Metric Pinning & Star Badge */
.vxw-metric-head{display:flex;align-items:center;justify-content:space-between;width:100%}
.vxw-metric-pin{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:#cbd7c3;cursor:pointer;transition:color .2s,transform .2s}
.vxw-metric-pin:hover{color:#eab308;transform:scale(1.15)}
.vxw-metric-pin.is-active{color:#eab308}
.vxw-metric-pin .vxw-icon{width:13px;height:13px}
.vxw-metric.is-pinned{border-color:#eab308;box-shadow:0 0 0 1px #eab30830,0 4px 12px rgba(234,179,8,0.12);background:linear-gradient(135deg,#fffefa,#fefdf3)}

/* Optimal Garden Task Windows */
.vxw-task-windows{padding:18px 20px;border:1px solid var(--vxw-line);border-radius:20px;background:#fffefa;box-shadow:0 8px 24px #31472d08}
.vxw-tasks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.vxw-task-card{display:flex;flex-direction:column;gap:9px;padding:14px;border:1px solid #dfe7da;border-radius:14px;background:#fbfcf9;box-shadow:0 2px 8px #32472d06;transition:transform .2s,box-shadow .2s}
.vxw-task-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(45,69,39,0.1);border-color:#ccdcc5}
.vxw-task-header{display:flex;align-items:center;justify-content:space-between;gap:6px}
.vxw-task-meta{display:flex;align-items:center;gap:7px}
.vxw-task-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#e5edd9;color:var(--vxw-accent)}
.vxw-task-icon .vxw-icon{width:14px;height:14px}
.vxw-task-meta strong{font:400 14px Georgia,serif;color:var(--vxw-ink)}
.vxw-task-pill{padding:3px 8px;border-radius:10px;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.vxw-task-pill.is-optimal{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}
.vxw-task-pill.is-window{background:#fef3c7;color:#b45309;border:1px solid #fde68a}
.vxw-task-pill.is-acceptable{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}
.vxw-task-pill.is-avoid{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}
.vxw-task-strip{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;height:12px;border-radius:4px;background:#edf2ea;overflow:hidden;padding:1px}
.vxw-task-hour{display:block;height:100%;border-radius:2px;transition:opacity .15s}
.vxw-task-hour:hover{opacity:0.75}
.vxw-task-hour.is-optimal{background:#22c55e}
.vxw-task-hour.is-acceptable{background:#f59e0b}
.vxw-task-hour.is-marginal{background:#94a3b8}
.vxw-task-hour.is-avoid{background:#e2e8f0}
.vxw-task-advice{margin:0;font-size:11px;color:var(--vxw-muted);line-height:1.4}

/* Rainwater Harvesting Tank Calculator */
.vxw-harvest-panel{padding:18px 20px;border:1px solid var(--vxw-line);border-radius:20px;background:#fffefa;box-shadow:0 8px 24px #31472d08}
.vxw-harvest-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(170px,.7fr);gap:22px;align-items:center;margin-top:14px}
.vxw-harvest-calc{display:flex;flex-direction:column;gap:14px}
.vxw-harvest-control{display:flex;flex-direction:column;gap:7px}
.vxw-harvest-label{display:flex;align-items:center;justify-content:space-between;color:var(--vxw-ink);font-size:12px}
.vxw-harvest-label strong{font-size:14px;color:var(--vxw-accent)}
.vxw-harvest-control input[type=range]{width:100%;accent-color:var(--vxw-accent);cursor:pointer}
.vxw-harvest-presets{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px}
.vxw-harvest-presets button{padding:4px 10px;border:1px solid #d4dfcd;border-radius:12px;background:#f3f7ef;color:#45623b;font-size:10px;font-weight:650;cursor:pointer;transition:background .2s}
.vxw-harvest-presets button:hover{background:#e4ecd9}
.vxw-harvest-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.vxw-hstat{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid #e1e9dc;border-radius:12px;background:#f9faf6}
.vxw-hstat.is-primary{background:linear-gradient(135deg,#f0fdf4,#e0f2fe);border-color:#b9e0f7}
.vxw-hstat small{color:var(--vxw-muted);font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}
.vxw-hstat strong{font-size:17px;font-weight:700;color:var(--vxw-ink);line-height:1.2}
.vxw-hstat strong small{font-size:11px;color:var(--vxw-muted);font-weight:500}
.vxw-hstat span{color:#64795e;font-size:9.5px}
.vxw-water-butt{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:130px;margin:0 auto}
.vxw-butt-svg{width:100%;height:auto;overflow:visible}
.vxw-butt-barrel{fill:#f1f5ee;stroke:#a6be9e;stroke-width:2}
.vxw-butt-rib{stroke:#9cb394;stroke-width:1.5;stroke-dasharray:4 2}
.vxw-water-wave{animation:vxw-wave 3s ease-in-out infinite alternate}
@keyframes vxw-wave{0%{transform:translateX(-2px)}100%{transform:translateX(2px)}}
.vxw-butt-spigot{fill:#c6923a}
.vxw-butt-readout{display:flex;flex-direction:column;align-items:center;line-height:1.1}
.vxw-butt-readout strong{font-size:16px;font-weight:750;color:#0284c7}
.vxw-butt-readout small{font-size:10px;color:var(--vxw-muted)}

/* Rain Timeline & Accumulation Dual Bar */
.vxw-rain-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.vxw-rain-legend{display:flex;align-items:center;gap:10px;font-size:9.5px;color:var(--vxw-muted);font-weight:600}
.vxw-rain-legend span{display:inline-flex;align-items:center;gap:4px}
.vxw-rain-legend i{display:inline-block;width:8px;height:8px;border-radius:2px}
.vxw-rain-legend i.is-prob{background:#8db1c0}
.vxw-rain-legend i.is-vol{background:#0284c7}
.vxw-rain-col{position:relative;display:flex;flex-direction:column;align-items:center;height:68px}
.vxw-rain-dual-bars{position:relative;width:100%;height:48px;display:flex;align-items:flex-end;border-radius:5px;background:#f2f5ef}
.vxw-rain-prob{display:block;width:100%;height:max(3px,var(--rain));max-height:100%;border-radius:5px;background:linear-gradient(#8db1c0,#668da0);opacity:.75}
.vxw-rain-vol{position:absolute;bottom:0;left:20%;width:60%;height:var(--vol,0%);background:#0284c7;border-radius:3px;z-index:2;box-shadow:0 1px 3px rgba(2,132,199,0.3)}
.vxw-rain-amt-tag{font-size:8px;font-weight:750;color:#0284c7;margin-top:2px;line-height:1}
.vxw-rain-time{font-size:8px;color:var(--vxw-muted);margin-top:2px;line-height:1}

/* Soil Monitor & Root Depth Matrix */
.vxw-soil-monitor{margin-top:14px;padding:14px 16px;border:1px solid #dce5d6;border-radius:15px;background:linear-gradient(135deg,#f9faf6,#f1f6ec)}
.vxw-soil-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vxw-soil-title{display:flex;flex-direction:column;gap:2px}
.vxw-soil-title span{font:400 15px Georgia,serif;color:var(--vxw-ink)}
.vxw-soil-title small{font-size:10.5px;color:var(--vxw-muted)}
.vxw-soil-temp-gauge{display:flex;flex-direction:column;align-items:flex-end;line-height:1}
.vxw-soil-temp-gauge strong{font-size:24px;font-weight:700;color:var(--vxw-accent)}
.vxw-soil-temp-gauge small{font-size:9.5px;color:var(--vxw-muted);text-transform:uppercase;letter-spacing:.04em}
.vxw-germination-matrix{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px;padding-top:10px;border-top:1px solid #e2ebd9}
.vxw-matrix-title{font-size:10px;font-weight:700;color:var(--vxw-muted);text-transform:uppercase;letter-spacing:.04em}
.vxw-germ-item{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid #dbe3d3;border-radius:9px;background:#fff;font-size:10.5px}
.vxw-germ-item strong{font-weight:750}
.vxw-germ-item strong.is-optimal{color:#15803d}
.vxw-germ-item strong.is-viable{color:#b45309}
.vxw-germ-item strong.is-dormant{color:#64748b}
.vxw-germ-item strong.is-unsuitable{color:#b91c1c}

/* Climate Benchmark Badge ("This Day Last Year") */
.vxw-climate-benchmark{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:14px;border:1px solid #dce6d4;border-radius:13px;background:linear-gradient(110deg,#f8faf5,#edf4e8);box-shadow:0 2px 8px #32472d06}
.vxw-benchmark-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:8px;background:#e3eddb;color:#3f5e35;font-size:9.5px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.vxw-benchmark-badge .vxw-icon{width:12px;height:12px}
.vxw-benchmark-content{display:flex;flex-direction:column;gap:1px}
.vxw-benchmark-content strong{font-size:12px;font-weight:700;color:var(--vxw-ink)}
.vxw-benchmark-content small{font-size:10px;color:var(--vxw-muted)}

/* Print Button in Header & Tools */
.vxw-print-btn{display:inline-flex;align-items:center;gap:6px}
.vxw-print-btn .vxw-icon{width:14px;height:14px}

/* Night Mode Additions */
.vx-weather.is-night .vxw-task-windows,
.vx-weather.is-night .vxw-harvest-panel{background:#293728;border-color:#45563f}
.vx-weather.is-night .vxw-task-card,
.vx-weather.is-night .vxw-hstat{background:#2d3c2b;border-color:#435540;color:var(--vxw-ink)}
.vx-weather.is-night .vxw-soil-monitor{background:#2b392a;border-color:#45563f}
.vx-weather.is-night .vxw-germ-item{background:#233022;border-color:#45563f;color:var(--vxw-ink)}
.vx-weather.is-night .vxw-climate-benchmark{background:#2b392a;border-color:#45563f}
.vx-weather.is-night .vxw-butt-barrel{fill:#2e3e2c;stroke:#51664d}
.vx-weather.is-night .vxw-rain-dual-bars{background:#233022}
.vx-weather.is-night .vxw-ambient-btn{background:#324430;border-color:#485e44;color:#dfe8da}

/* Responsive Rules */
@media(max-width:840px){
  .vxw-tasks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vxw-harvest-body{grid-template-columns:1fr}
  .vxw-water-butt{max-width:120px}
  .vxw-track-nav{display:none}
}
@media(max-width:540px){
  .vxw-tasks-grid{grid-template-columns:1fr}
  .vxw-harvest-stats{grid-template-columns:1fr}
  .vxw-hourly header{flex-direction:column;align-items:flex-start;gap:8px}
  .vxw-hourly-tools{width:100%;justify-content:space-between}
  .vxw-chart-controls{width:100%;display:flex;justify-content:space-between;padding:2px;gap:2px}
  .vxw-chart-controls button{flex:1;text-align:center;padding:5px 4px;font-size:9.5px;letter-spacing:-0.2px}
}

/* ==========================================================================
   Dedicated A4 Printable Briefing Stylesheet (@media print)
   ========================================================================== */
@media print{
  @page{
    size:A4 portrait;
    margin:12mm 10mm 15mm 10mm;
  }
  body{
    background:#fff!important;
    color:#111!important;
    font-size:10pt!important;
  }
  .vxw-sticky-rail,
  .vxw-header-actions,
  .vxw-section-nav,
  .vxw-ambient-layer,
  .vxw-tool-button,
  .vxw-view-controls,
  .vxw-track-nav,
  .vxw-track-progress,
  .vxw-metric-pin,
  .vxw-sheet-backdrop,
  .vxw-chart-inspector,
  .vxw-chart-controls,
  .vxw-chart-range,
  .vxw-table-view-btn,
  [data-vx-weather-close],
  [data-vx-weather-dismiss]{
    display:none!important;
  }
  .vx-weather{
    box-shadow:none!important;
    background:#fff!important;
    gap:10px!important;
  }
  .vxw-current,
  .vxw-task-windows,
  .vxw-harvest-panel,
  .vxw-overview,
  .vxw-environment{
    border:1px solid #ccc!important;
    box-shadow:none!important;
    background:#fff!important;
    page-break-inside:avoid;
  }
  .vxw-heading h2{
    font-size:20pt!important;
    margin-bottom:2px!important;
  }
  .vxw-heading:before{
    content:"BOTANI ESTATE — OPERATIONAL BOTANICAL WEATHER BRIEFING";
    display:block;
    font-size:8.5pt;
    font-weight:750;
    letter-spacing:0.1em;
    color:#555;
    margin-bottom:4px;
  }
  .vxw-table-wrap{
    display:block!important;
  }
  .vxw-track-wrap{
    display:none!important;
  }
  .vxw-table th,
  .vxw-table td{
    border-bottom:1px solid #ccc!important;
    padding:6px 8px!important;
    font-size:8.5pt!important;
  }
  .vxw-tasks-grid{
    grid-template-columns:repeat(2,1fr)!important;
    gap:8px!important;
  }
  .vxw-task-card{
    border:1px solid #ddd!important;
    background:#fafafa!important;
    box-shadow:none!important;
    padding:8px!important;
  }
}