.ynot-weather-card{--ynw-bg:#fff;--ynw-text:#15233a;--ynw-muted:#65748a;--ynw-panel:#f5f8fc;--ynw-border:#d9e2ec;--ynw-accent:#0b4f9c;box-sizing:border-box;width:100%;background:var(--ynw-bg);color:var(--ynw-text);border:1px solid var(--ynw-border);border-radius:16px;box-shadow:0 8px 24px rgba(24,45,75,.12);overflow:hidden;font-family:inherit;line-height:1.35;margin:1rem 0}.ynot-weather-card *{box-sizing:border-box}.ynot-theme-dark{--ynw-bg:#111827;--ynw-text:#f8fafc;--ynw-muted:#aeb9c9;--ynw-panel:#1f2937;--ynw-border:#344154;--ynw-accent:#72b6ff}@media(prefers-color-scheme:dark){.ynot-theme-auto{--ynw-bg:#111827;--ynw-text:#f8fafc;--ynw-muted:#aeb9c9;--ynw-panel:#1f2937;--ynw-border:#344154;--ynw-accent:#72b6ff}}.ynot-weather-header{padding:18px 20px 10px}.ynot-weather-kicker{font-size:1.35rem;font-weight:800;color:var(--ynw-accent)}.ynot-weather-location{font-size:1rem;font-weight:600;margin-top:2px}.ynot-weather-updated-top{font-size:.78rem;color:var(--ynw-muted);margin-top:4px}.ynot-weather-main{display:grid;gap:18px;padding:8px 20px 20px}.ynot-weather-summary{display:flex;align-items:center;gap:18px}.ynot-weather-icon{font-size:5rem;line-height:1}.ynot-weather-temperature{font-size:4rem;font-weight:800;letter-spacing:-.06em;line-height:.95}.ynot-weather-temperature span{font-size:1.25rem;letter-spacing:0;margin-left:5px;color:var(--ynw-muted)}.ynot-weather-condition{font-size:1.1rem;font-weight:800;margin-top:10px}.ynot-weather-feels{color:var(--ynw-muted);margin-top:2px}.ynot-weather-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ynot-weather-metric{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;background:var(--ynw-panel);border:1px solid var(--ynw-border);border-radius:10px;padding:9px 10px;min-width:0}.ynot-weather-metric-icon{font-size:1rem}.ynot-weather-metric-label{font-size:.78rem;color:var(--ynw-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ynot-weather-metric strong{font-size:.82rem;white-space:nowrap}.ynot-weather-forecast{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:10px;border-top:1px solid var(--ynw-border);padding:18px 20px;background:linear-gradient(180deg,transparent,var(--ynw-panel))}.ynot-weather-day{text-align:center;padding:12px 6px;background:var(--ynw-bg);border:1px solid var(--ynw-border);border-radius:12px}.ynot-weather-dayname{font-size:.8rem;font-weight:800;text-transform:uppercase;color:var(--ynw-accent)}.ynot-weather-dayicon{font-size:2.2rem;margin:8px 0}.ynot-weather-highlow{display:flex;justify-content:center;gap:5px;align-items:baseline}.ynot-weather-highlow strong{font-size:1.15rem}.ynot-weather-highlow span,.ynot-weather-rain{font-size:.8rem;color:var(--ynw-muted)}.ynot-weather-rain{margin-top:5px}.ynot-weather-footer{text-align:center;padding:7px 12px;border-top:1px solid var(--ynw-border);color:var(--ynw-muted);font-size:.72rem}.ynot-layout-wide{max-width:1200px}.ynot-layout-wide .ynot-weather-main{grid-template-columns:minmax(280px,1.05fr) minmax(450px,1.7fr);align-items:center}.ynot-layout-narrow{max-width:370px}.ynot-layout-narrow .ynot-weather-header{background:linear-gradient(135deg,#073b74,#0b5eb3);color:#fff;padding:16px 18px}.ynot-layout-narrow .ynot-weather-kicker{color:#fff;font-size:1.2rem}.ynot-layout-narrow .ynot-weather-location,.ynot-layout-narrow .ynot-weather-updated-top{color:rgba(255,255,255,.85)}.ynot-layout-narrow .ynot-weather-main{display:block;padding:18px}.ynot-layout-narrow .ynot-weather-summary{gap:12px}.ynot-layout-narrow .ynot-weather-icon{font-size:4rem}.ynot-layout-narrow .ynot-weather-temperature{font-size:3.2rem}.ynot-layout-narrow .ynot-weather-temperature span{font-size:1rem}.ynot-layout-narrow .ynot-weather-details{grid-template-columns:1fr;margin-top:16px;gap:0}.ynot-layout-narrow .ynot-weather-metric{border:0;border-bottom:1px solid var(--ynw-border);border-radius:0;background:transparent;padding:7px 0}.ynot-layout-narrow .ynot-weather-metric:last-child{border-bottom:0}.ynot-layout-narrow .ynot-weather-forecast{display:block;padding:10px 18px}.ynot-layout-narrow .ynot-weather-day{display:grid;grid-template-columns:45px 34px 1fr 48px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--ynw-border);border-radius:0;padding:8px 0;background:transparent}.ynot-layout-narrow .ynot-weather-day:last-child{border-bottom:0}.ynot-layout-narrow .ynot-weather-dayname{font-size:.78rem}.ynot-layout-narrow .ynot-weather-dayicon{font-size:1.35rem;margin:0}.ynot-layout-narrow .ynot-weather-highlow{justify-content:flex-start}.ynot-layout-narrow .ynot-weather-highlow strong{font-size:.95rem}.ynot-layout-narrow .ynot-weather-rain{text-align:right;margin:0}.ynot-weather-grid{display:grid;grid-template-columns:repeat(var(--ynw-columns,3),minmax(0,1fr));gap:18px}.ynot-weather-grid .ynot-weather-card{margin:0}.ynot-weather-error{padding:13px 15px;border-left:4px solid #d63638;background:#fff5f5;color:#6f1d1b;border-radius:5px;margin:1rem 0}@media(max-width:900px){.ynot-layout-wide .ynot-weather-main{grid-template-columns:1fr}.ynot-layout-wide .ynot-weather-details{grid-template-columns:repeat(2,minmax(0,1fr))}.ynot-layout-wide .ynot-weather-forecast{grid-template-columns:repeat(4,minmax(90px,1fr))}.ynot-weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.ynot-weather-card{border-radius:12px}.ynot-layout-wide .ynot-weather-header,.ynot-layout-wide .ynot-weather-main{padding-left:15px;padding-right:15px}.ynot-layout-wide .ynot-weather-summary{gap:10px}.ynot-layout-wide .ynot-weather-icon{font-size:3.5rem}.ynot-layout-wide .ynot-weather-temperature{font-size:3rem}.ynot-layout-wide .ynot-weather-details{grid-template-columns:1fr}.ynot-layout-wide .ynot-weather-forecast{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 15px}.ynot-weather-grid{grid-template-columns:1fr}}

/* Extra-wide, low-height footer strip */
.ynot-layout-footer{max-width:none;border-radius:10px;margin:.5rem 0;display:grid;grid-template-columns:minmax(190px,.85fr) minmax(220px,.9fr) minmax(440px,2.2fr);grid-template-rows:auto;align-items:stretch;min-height:0;height:auto}
.ynot-layout-footer .ynot-weather-header{display:flex;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#073b74,#0b5eb3);color:#fff}
.ynot-layout-footer .ynot-weather-kicker{font-size:1.05rem;color:#fff;line-height:1.15}
.ynot-layout-footer .ynot-weather-location,.ynot-layout-footer .ynot-weather-updated-top{color:rgba(255,255,255,.85);font-size:.72rem}
.ynot-layout-footer .ynot-weather-main{display:contents}
.ynot-layout-footer .ynot-weather-summary{padding:12px 16px;gap:10px;border-right:1px solid var(--ynw-border)}
.ynot-layout-footer .ynot-weather-icon{font-size:3.25rem}
.ynot-layout-footer .ynot-weather-temperature{font-size:2.65rem}
.ynot-layout-footer .ynot-weather-temperature span{font-size:.85rem;margin-left:3px}
.ynot-layout-footer .ynot-weather-condition{font-size:.88rem;margin-top:4px}
.ynot-layout-footer .ynot-weather-feels{font-size:.74rem}
.ynot-layout-footer .ynot-weather-details{grid-template-columns:repeat(4,minmax(90px,1fr));gap:5px;padding:10px 12px;align-content:center;border-right:1px solid var(--ynw-border)}
.ynot-layout-footer .ynot-weather-metric{grid-template-columns:18px minmax(0,1fr);gap:4px;padding:5px 6px;border:0;background:transparent}
.ynot-layout-footer .ynot-weather-metric-icon{font-size:.85rem}
.ynot-layout-footer .ynot-weather-metric-label{font-size:.65rem}
.ynot-layout-footer .ynot-weather-metric strong{grid-column:2;font-size:.72rem}
.ynot-layout-footer .ynot-weather-forecast{border:0;padding:8px 10px;display:flex;gap:6px;align-items:stretch;background:var(--ynw-panel);overflow-x:auto}
.ynot-layout-footer .ynot-weather-day{min-width:88px;padding:7px 5px;border-radius:8px;display:grid;grid-template-columns:1fr 28px;grid-template-rows:auto auto;align-items:center;text-align:left}
.ynot-layout-footer .ynot-weather-dayname{font-size:.66rem}
.ynot-layout-footer .ynot-weather-dayicon{font-size:1.35rem;margin:0;grid-column:2;grid-row:1 / span 2;text-align:center}
.ynot-layout-footer .ynot-weather-highlow{justify-content:flex-start;gap:3px}
.ynot-layout-footer .ynot-weather-highlow strong{font-size:.82rem}
.ynot-layout-footer .ynot-weather-highlow span,.ynot-layout-footer .ynot-weather-rain{font-size:.64rem}
.ynot-layout-footer .ynot-weather-rain{display:none}
.ynot-layout-footer .ynot-weather-footer{display:none}
@media(max-width:1000px){.ynot-layout-footer{grid-template-columns:190px 220px 1fr}.ynot-layout-footer .ynot-weather-details{display:none}}
@media(max-width:700px){.ynot-layout-footer{display:block;max-width:370px}.ynot-layout-footer .ynot-weather-header{padding:12px 15px}.ynot-layout-footer .ynot-weather-main{display:block}.ynot-layout-footer .ynot-weather-summary{border-right:0}.ynot-layout-footer .ynot-weather-forecast{border-top:1px solid var(--ynw-border)}.ynot-layout-footer .ynot-weather-day{min-width:82px}}

/* v2.2.1 footer-strip height correction */
.ynot-layout-footer,.ynot-layout-footer .ynot-weather-main,.ynot-layout-footer .ynot-weather-header,.ynot-layout-footer .ynot-weather-summary,.ynot-layout-footer .ynot-weather-details,.ynot-layout-footer .ynot-weather-forecast{min-height:0!important}
.ynot-layout-footer:empty{display:none!important}