/* IMBER 4.12 visual refresh: dashboard and model comparison.
   Loaded after site.css; overrides earlier layers rather than editing them. */
:root{--im-accent:#3d7f6b;--im-accent-ink:#fff;--im-accent-soft:rgba(61,127,107,.1);--im-card:#fff;--im-card-2:#f6f6f8;--im-line:#e3e3e8;--im-muted:#6e6e73;--im-shadow:0 1px 2px rgba(20,20,30,.04),0 6px 20px rgba(20,20,30,.04);--im-temp-cold:#5b9bd5;--im-temp-warm:#e08a4c}
:root[data-theme="dark"]{--im-accent:#74c3a8;--im-accent-ink:#0f1f19;--im-accent-soft:rgba(116,195,168,.12);--im-card:#1c1c1e;--im-card-2:#242427;--im-line:#2e2e32;--im-muted:#a1a1a6;--im-shadow:none}

/* Search and model choice share one row on wider screens. */
.imber-app .im-location-note{font-size:12px;color:var(--im-muted);margin:0 0 12px}
.imber-app .im-location-note a{color:inherit}
.imber-app .im-toolbar{flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:10px}
.imber-app .im-toolbar .im-location,.imber-app .im-compare-controls .im-location{flex:1 1 380px;max-width:620px;width:auto}
.imber-app .im-location{height:52px;padding:0 6px 0 16px;border-radius:14px;border:1px solid var(--im-line);background:var(--im-card);box-shadow:var(--im-shadow);transition:border-color .15s,box-shadow .15s}
.imber-app .im-location:focus-within{border-color:var(--im-accent);box-shadow:0 0 0 3px var(--im-accent-soft)}
.imber-app .im-location-icon{color:var(--im-muted);display:flex}
.imber-app .im-location input[type=search]{font-size:15px}
.imber-app .im-search-go,[data-theme="dark"] .imber-app .im-search-go{height:40px;padding:0 18px;border-radius:10px;background:var(--im-accent);color:var(--im-accent-ink);font-size:13px;font-weight:650}
.imber-app .im-search-go:hover,[data-theme="dark"] .imber-app .im-search-go:hover{filter:brightness(1.08);background:var(--im-accent)}
.imber-app .im-locate{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:10px;background:transparent;color:var(--im-muted);font-size:0}
.imber-app .im-locate:hover{background:var(--im-card-2);color:inherit}
.imber-app .im-locate svg{width:19px;height:19px}
.imber-app .im-model-compact{flex:0 1 270px;width:auto}
.imber-app .im-model-compact select,.imber-app .im-compare-period select{height:52px;border-radius:14px;border:1px solid var(--im-line);background-color:var(--im-card);font-size:13px;padding:0 14px;box-shadow:var(--im-shadow)}
.imber-app .im-toolbar>.im-state{flex-basis:100%;font-size:12px;color:var(--im-muted)}
.imber-app .im-model-context{margin:2px 0 18px;color:var(--im-muted)}

/* Cards */
.imber-app .im-grid{gap:18px}
.imber-app .im-card{background:var(--im-card);border:1px solid var(--im-line);border-radius:20px;padding:24px;box-shadow:var(--im-shadow)}
.imber-app .im-card-header h2{font-size:15px;font-weight:650;letter-spacing:-.01em;margin:0}
.imber-app .im-card-header p{color:var(--im-muted)}
.imber-app .im-weather-advice{border-radius:18px;border:1px solid var(--im-line);background:var(--im-card);box-shadow:var(--im-shadow)}
.imber-app .im-weather-advice-mark{background:var(--im-accent-soft);color:var(--im-accent)}

/* Current conditions */
.imber-app .im-current{gap:22px;margin:30px 0 22px}
.imber-app .im-placeholder-icon{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:var(--im-accent-soft);color:var(--im-accent)}
.imber-app .im-placeholder-icon svg{width:34px;height:34px}
.imber-app .im-current strong{font-size:76px;font-weight:300}
.imber-app .im-range{display:flex;gap:10px}
.imber-app .im-range>span{padding:6px 12px;border-radius:999px;background:var(--im-card-2);font-size:12px;color:var(--im-muted)}
.imber-app .im-range b{color:var(--im-text-191919,#1c1c1e);font-weight:650}
[data-theme="dark"] .imber-app .im-range b{color:#f5f5f7}

/* Weather details become tiles; auto-fit avoids an orphaned last item. */
.imber-app .im-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:18px}
.imber-app .im-metrics>div,.imber-app .im-metrics>div:nth-child(odd),.imber-app .im-metrics>div:nth-child(even){padding:14px 16px;border:0;border-radius:14px;background:var(--im-card-2);gap:6px}
.imber-app .im-metrics span{font-size:12px;color:var(--im-muted)}
.imber-app .im-metrics strong{font-size:20px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}

/* Daily range bars: the coloured span shows each day's low to high within the week. */
.imber-app .im-day-summary{border-radius:10px;padding:6px 8px;margin:0 -8px;transition:background .15s}
.imber-app .im-day-summary:hover{background:var(--im-card-2)}
.imber-app .im-day-track{position:relative;height:6px;background:var(--im-card-2);overflow:hidden}
.imber-app .im-day-track::after{content:'';position:absolute;top:0;bottom:0;left:var(--from,0);right:calc(100% - var(--to,0%));min-width:6px;border-radius:9px;background:linear-gradient(90deg,var(--im-temp-cold),var(--im-temp-warm))}

/* Model comparison */
.imber-app .im-meteo-legend{gap:10px;margin:18px 0 10px}
.imber-app .im-meteo-legend>span{padding:6px 12px 6px 10px;border-radius:999px;background:var(--im-card);border:1px solid var(--im-line)}
.imber-app .im-meteo-legend>span:before{width:20px;border-top:3px solid var(--model-color);border-radius:2px}
.imber-app .im-meteo-legend>span.is-ai:before{border-top-style:dashed}
.imber-app .im-comparison-table{border:1px solid var(--im-line);border-radius:20px;background:var(--im-card);box-shadow:var(--im-shadow)}
.imber-app .im-meteogram{width:calc(196px + var(--periods)*var(--cell))}
.imber-app .im-meteo-row{border-bottom-color:var(--im-line)}
.imber-app .im-meteo-label{width:196px;min-width:196px;padding:10px 16px;background:var(--im-card);border-right-color:var(--im-line);font-size:12px}
.imber-app .im-meteo-cell{border-right-color:rgba(128,128,140,.1)}
.imber-app .im-meteo-cell.is-night{background:rgba(110,110,160,.06)}
.imber-app .im-meteo-days,.imber-app .im-meteo-days .im-meteo-label{background:var(--im-card-2)}
.imber-app .im-meteo-day{border-right-color:var(--im-line)}
.imber-app .im-meteo-hours .im-meteo-cell,.imber-app .im-meteo-hours .im-meteo-label{color:var(--im-muted);font-size:11px;opacity:1}
.imber-app .im-meteo-section,.imber-app .im-meteo-section .im-meteo-body,.imber-app .im-meteo-section .im-meteo-label{background:var(--im-card-2)}
.imber-app .im-meteo-section .im-meteo-label{padding-top:12px;padding-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.imber-app .im-meteo-section .im-meteo-label small{text-transform:none;letter-spacing:0;font-weight:400;color:var(--im-muted);opacity:1}
.imber-app .im-meteo-data .im-meteo-label{border-left:4px solid var(--model-color);padding:8px 14px 8px 12px}
.imber-app .im-meteo-model{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 7px;font-weight:600;line-height:1.3}
.imber-app .im-meteo-flag{font-size:13px;align-self:start}
.imber-app .im-meteo-model .im-model-ai{margin:0;grid-column:2;justify-self:start}
.imber-app .im-meteo-data .im-meteo-cell{min-height:44px}
.imber-app .im-meteo-temp .im-meteo-cell{font-weight:600}
.imber-app .im-meteo-temp .im-meteo-cell[style*="--temp-t"]{background:color-mix(in srgb,color-mix(in oklab,var(--im-temp-warm) var(--temp-t),var(--im-temp-cold)) 18%,transparent)}
.imber-app .im-meteo-cloud .im-meteo-cell[style*="--cloud"]{background:rgba(128,128,145,var(--cloud))}
.imber-app .im-rain-bar{width:22px;border-radius:3px 3px 0 0;opacity:.85}
.imber-app .im-meteo-chart .im-meteo-label{justify-content:flex-start;padding-top:16px}
.imber-app .im-compare-controls{gap:10px}
.imber-app .im-compare-period{flex:0 1 230px}
.imber-app .im-compare-period label{color:var(--im-muted)}
.imber-app .im-comparison-status{color:var(--im-muted)}

/* API page: per-model technical notes. */
.im-api-page .im-about-section>h3{font-size:15px;margin:26px 0 10px}
.im-api-notes{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px}
.im-api-notes li{padding:12px 16px;border-radius:12px;background:var(--im-card);border:1px solid var(--im-line);font-size:13px;line-height:1.65}
.im-api-notes strong{margin-right:4px}

@media(max-width:600px){
 .imber-app .im-toolbar .im-location,.imber-app .im-compare-controls .im-location,.imber-app .im-model-compact,.imber-app .im-compare-period{flex:1 1 100%;max-width:none}
 .imber-app .im-card{padding:20px}
 .imber-app .im-current strong{font-size:64px}
 .imber-app .im-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .imber-app .im-metrics>div,.imber-app .im-metrics>div:nth-child(odd),.imber-app .im-metrics>div:nth-child(even){padding:12px 14px}
 .imber-app .im-metrics strong{font-size:17px}
 .imber-app .im-meteogram{width:calc(104px + var(--periods)*var(--cell))}
 .imber-app .im-meteo-label{width:104px;min-width:104px;padding-left:8px;padding-right:6px;font-size:10.5px}
 .imber-app .im-meteo-data .im-meteo-label{padding-left:7px}
 .imber-app .im-meteo-cell{font-size:11px}
 .imber-app .im-meteo-flag{display:none}
}

/* IMBER 4.13 dashboard layout: compact controls, hero conditions card,
   full-width hourly outlook, then a calmer grid of supporting cards. */
.imber-app{font-size:15px}
.im-dash{max-width:1240px}
.imber-app .im-dash-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-start;margin:4px 0 26px}
.imber-app .im-dash-controls .im-location{flex:0 1 440px;max-width:100%;height:50px;border-radius:999px;padding:0 5px 0 18px}
.imber-app .im-dash-controls .im-search-go{border-radius:999px;height:40px}
.imber-app .im-dash-controls .im-locate{border-radius:999px}
.imber-app .im-dash-controls .im-model-compact{flex:0 1 320px}
.imber-app .im-dash-controls .im-model-compact select{height:50px;border-radius:999px;padding:0 18px;font-size:14px;font-weight:500}
.imber-app .im-dash-head{margin:0 0 18px}
.imber-app .im-dash-head h1{font-size:32px;font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:0}
.imber-app .im-dash-h1-suffix{font-weight:700}
.imber-app .im-dash-sub{display:flex;flex-wrap:wrap;gap:4px 8px;margin:6px 0 0;font-size:14px;color:var(--im-muted)}
.imber-app .im-dash-sub .im-state{width:auto;max-width:none;font-size:14px;color:inherit}
.imber-app .im-dash-head .im-model-context{margin:4px 0 0;font-size:12px}

.im-hero{--sky-a:#34495e;--sky-b:#5d7186;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 32px;align-items:center;padding:30px 36px 22px;border-radius:24px;color:#fff;overflow:hidden;background:radial-gradient(110% 130% at 88% -10%,rgba(255,255,255,.2),transparent 55%),radial-gradient(70% 90% at 0% 110%,rgba(0,0,0,.18),transparent 60%),linear-gradient(135deg,var(--sky-a),var(--sky-b));box-shadow:0 10px 30px rgba(20,30,45,.14)}
.im-hero[data-sky="clear"]{--sky-a:#1f6aa3;--sky-b:#4e9bcf}
.im-hero[data-sky="part"]{--sky-a:#2f5f86;--sky-b:#6a93b3}
.im-hero[data-sky="rain"]{--sky-a:#243a52;--sky-b:#46627d}
.im-hero[data-sky="night"]{--sky-a:#191d3a;--sky-b:#3a3c6c}
.imber-app .im-hero-temp{display:block;font-family:var(--im-font-ui);font-size:112px;font-weight:600;line-height:.95;letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:0 0 14px}
.im-hero-stats{display:flex;flex-wrap:wrap;margin:0 0 8px;font-size:16px}
.im-hero-stats>div{display:flex;gap:6px;padding:0 14px;border-left:1px solid rgba(255,255,255,.35)}
.im-hero-stats>div:first-child{padding-left:0;border-left:0}
.im-hero-stats dt{opacity:.85;font-weight:500}
.im-hero-stats dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.im-hero-condition{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:150px}
.im-hero-icon svg{width:92px;height:92px;display:block}
.im-hero-condition strong{font-size:20px;font-weight:650}
.im-hero-condition #im-summary{font-size:12px;opacity:.8}
.imber-app .im-hero-foot{grid-column:1/-1;margin:0;padding-top:14px;border-top:1px solid rgba(255,255,255,.18);font-size:12px;color:rgba(255,255,255,.78)}

.imber-app .im-dash .im-weather-advice{margin:18px 0 0}
.im-dash-section{margin:34px 0 22px}
.im-dash-section-head h2{font-size:22px;font-weight:700;letter-spacing:-.015em;margin:0}
.im-dash-section-head p{font-size:14px;color:var(--im-muted);margin:4px 0 14px}
.imber-app .im-card.im-outlook-card{padding:10px;min-height:0}
.imber-app .im-outlook-card .im-chart{margin-top:0}
.imber-app .im-outlook-card .im-outlook-frame{border:0;border-radius:16px}
/* The trend line's viewBox is laid out per slot, so the strip must be exactly as wide as its slots. */
.imber-app .im-outlook-card .im-outlook-strip{width:max-content}
.imber-app .im-outlook-time{font-size:13px;font-weight:600;color:var(--im-muted)}
.imber-app .im-outlook-slot.is-next .im-outlook-time{color:inherit;font-weight:700}
.imber-app .im-outlook-temp{font-size:22px;font-weight:600}
.imber-app .im-outlook-detail{font-size:11px}
.imber-app .im-outlook-selection{margin:10px 8px 4px}

.imber-app .im-dash-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.imber-app .im-dash-grid .im-details{grid-column:span 2}
.imber-app .im-dash-grid .im-card{min-height:0}
.imber-app .im-card-header h2{font-size:18px;font-weight:700;letter-spacing:-.01em}
.imber-app .im-card-header p{font-size:13px}
.imber-app .im-day-summary{font-size:14px;min-height:48px}
.imber-app .im-day-name{font-weight:600}
.imber-app .im-dash>.im-location-note{margin:24px 0 0}
@media(max-width:1100px){
 .imber-app .im-dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .imber-app .im-dash-grid .im-details{grid-column:span 1}
 .imber-app .im-dash-grid .im-source{grid-column:1/-1}
}
@media(max-width:760px){
 .imber-app .im-dash-grid{grid-template-columns:minmax(0,1fr)}
 .imber-app .im-dash-grid .im-source{grid-column:auto}
 .im-hero{grid-template-columns:minmax(0,1fr) auto;padding:22px 22px 18px;gap:12px 16px;border-radius:20px}
 .imber-app .im-hero-temp{font-size:84px;margin-bottom:10px}
 .im-hero-main{grid-column:1/-1;grid-row:2}
 .im-hero-condition{grid-row:1;grid-column:1/-1;flex-direction:row;justify-content:flex-start;text-align:left;min-width:0;gap:10px;flex-wrap:wrap}
 .im-hero-icon svg{width:40px;height:40px}
 .im-hero-condition strong{font-size:17px}
 .im-hero-stats{font-size:14px}
 .im-hero-stats>div{padding:0 10px}
 .imber-app .im-dash-controls .im-location,.imber-app .im-dash-controls .im-model-compact{flex:1 1 100%}
 .imber-app .im-dash-head h1{font-size:28px}
 .im-dash-section-head h2{font-size:20px}
}

/* IMBER 4.14 info pages: blog, About and API adopt the 4.13 dashboard look.
   Page headers reuse the hero's sky panel; content uses the shared card tokens. */
:root{--im-body:#3a3a3c}
:root[data-theme="dark"]{--im-body:#c7c7cc}
.imber-app :is(.im-info,.im-blog){font-weight:400}
.imber-app .im-about,.imber-app .im-api-page,.imber-app .im-blog{max-width:1240px;padding:28px 0 80px}
.imber-app :is(.im-info,.im-blog) .im-overline{color:var(--im-accent);font-size:11.5px;font-weight:650;letter-spacing:.08em}

/* Page header panel, matching the dashboard hero. */
.imber-app .im-info>.im-info-head,.imber-app .im-blog>.im-blog-heading{position:relative;max-width:none;margin:0 0 28px;padding:34px 38px 30px;border-radius:24px;color:#fff;overflow:hidden;background:radial-gradient(110% 130% at 88% -10%,rgba(255,255,255,.2),transparent 55%),radial-gradient(70% 90% at 0% 110%,rgba(0,0,0,.18),transparent 60%),linear-gradient(135deg,#2f5f86,#6a93b3);box-shadow:0 10px 30px rgba(20,30,45,.14)}
.imber-app .im-info>.im-info-head .im-overline,.imber-app .im-blog>.im-blog-heading .im-overline{color:rgba(255,255,255,.78)}
.imber-app .im-info>.im-info-head h1,.imber-app .im-blog>.im-blog-heading h1{max-width:900px;margin:12px 0 14px;color:#fff;font-size:clamp(32px,4.2vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.imber-app .im-info>.im-info-head h1 em{font-style:normal;color:#cdeee0}
.imber-app .im-info>.im-info-head p,.imber-app .im-blog>.im-blog-heading>p{max-width:820px;margin:10px 0 0;color:rgba(255,255,255,.88);font-size:16px;font-weight:400;line-height:1.65}
.imber-app .im-info>.im-info-head strong{color:#fff}
.imber-app .im-info>.im-info-head .im-mission-lead{margin-top:0;color:#fff;font-size:clamp(18px,2vw,22px);font-weight:600;letter-spacing:-.015em;line-height:1.4}
.imber-app .im-info>.im-info-head .im-mission-closing{margin-top:18px;padding-left:14px;border-left:3px solid rgba(255,255,255,.55);color:#fff;font-weight:600}
.imber-app .im-blog>.im-blog-heading .im-blog-back{margin:14px 0 0;color:#fff}

/* Section headings and copy, matching dashboard section headings. */
.imber-app .im-info .im-about-section{margin-top:56px;padding-top:0;border-top:0}
.imber-app .im-info .im-about-section>h2,.imber-app .im-info .im-architecture-intro h2{max-width:820px;margin:8px 0 12px;font-size:clamp(22px,2.4vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.2}
.imber-app .im-info .im-about-section>h3{font-size:17px;font-weight:700;letter-spacing:-.01em}
.imber-app .im-info .im-about-section>p,.imber-app .im-api-github,.imber-app .im-architecture-intro p{max-width:860px;color:var(--im-body);font-size:15px;line-height:1.7}
.imber-app .im-info p a,.imber-app .im-api-endpoints article>a,.imber-app .im-blog-content a{color:var(--im-accent);text-decoration:underline;text-underline-offset:3px}
.imber-app .im-api-page a:hover{color:var(--im-accent);filter:brightness(1.15)}

/* Cards share the dashboard surface, line, radius and shadow. */
.imber-app :is(.im-blog-card,.im-info-cards article,.im-api-endpoints article,.im-api-example,.im-mission-pillars article,.im-impact-grid article,.im-architecture){background:var(--im-card);border:1px solid var(--im-line);border-radius:20px;box-shadow:var(--im-shadow)}
.imber-app :is(.im-feature-list li,.im-api-stats>div){background:var(--im-card);border:1px solid var(--im-line);border-radius:16px;box-shadow:var(--im-shadow)}
.imber-app :is(.im-about-note,.im-api-notice,.im-ai-credit){background:var(--im-card-2);border:0;border-radius:18px}
.imber-app .im-architecture{padding:26px}
.imber-app .im-architecture-node{background:var(--im-card-2);border:0;border-radius:14px}
.imber-app .im-architecture-status{border-color:var(--im-line);border-radius:14px}
.imber-app .im-architecture-status>div{border-color:var(--im-line)}
.imber-app :is(.im-info-cards,.im-impact-grid,.im-mission-pillars,.im-feature-list,.im-api-stats,.im-api-endpoints){gap:14px}
.imber-app :is(.im-info-cards h3,.im-impact-grid h3,.im-api-endpoint-head h3,.im-api-example-top h3){font-size:17px;font-weight:700;letter-spacing:-.01em}
.imber-app :is(.im-mission-pillars strong,.im-architecture-node strong){font-size:17px;font-weight:700;letter-spacing:-.01em}
.imber-app .im-api-stats strong{font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.imber-app :is(.im-info-cards p,.im-impact-grid p,.im-mission-pillars p,.im-api-endpoints p,.im-feature-list li div span,.im-api-stats span,.im-about-note p,.im-api-notice p,.im-ai-credit p,.im-api-credit,.im-architecture-node>span:nth-last-child(2)){color:var(--im-muted)}
.imber-app :is(.im-api-endpoints pre,.im-api-example pre,.im-blog-content pre){background:var(--im-card-2);border:1px solid var(--im-line);border-radius:12px}

/* Accent marks use the dashboard's accent instead of fixed greens. */
.imber-app :is(.im-tick,.im-architecture-icon,.im-ai-credit-icon){background:var(--im-accent-soft);color:var(--im-accent)}
.imber-app .im-api-method,.imber-app .im-architecture-pill{background:var(--im-accent-soft);border:0;color:var(--im-accent);border-radius:999px}
.imber-app :is(.im-mission-icon,.im-impact-grid article>span,.im-architecture-connector),.imber-app .im-architecture-eyebrow{color:var(--im-accent)}
.imber-app .im-project-links a{border:1px solid var(--im-line);background:var(--im-card);border-radius:999px;padding:12px 20px;color:inherit;font-weight:650;box-shadow:var(--im-shadow)}
.imber-app .im-project-links a:first-child{background:var(--im-accent);border-color:var(--im-accent);color:var(--im-accent-ink)}
.imber-app .im-project-links a:hover,.imber-app .im-project-links a:focus-visible{border-color:var(--im-accent);filter:brightness(1.05)}

/* Blog */
.imber-app .im-blog-grid{gap:18px}
.imber-app .im-blog-card-body{padding:24px}
.imber-app .im-blog-card h2{margin:10px 0 10px;font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.25}
.imber-app .im-blog-card p{color:var(--im-muted);font-size:14px;line-height:1.65}
.imber-app .im-blog-meta{color:var(--im-muted);font-size:13px}
.imber-app .im-blog-read{color:var(--im-accent);font-size:13px;font-weight:650}
.imber-app .im-blog-hero img{border-radius:20px}
.imber-app .im-blog-article .im-blog-heading h1{margin:12px 0 16px;font-size:clamp(30px,4.2vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.12}
.imber-app .im-blog-back{color:var(--im-muted);font-size:13px;font-weight:500}
.imber-app .im-blog-content{color:var(--im-body);font-size:17px;line-height:1.75}
.imber-app .im-blog-content :is(h2,h3,h4){color:inherit;font-weight:700;letter-spacing:-.02em}
.imber-app .im-blog-content h2{font-size:26px}
.imber-app .im-blog-content h3{font-size:21px}
.imber-app .im-blog-content blockquote{border-left:3px solid var(--im-accent);color:var(--im-muted)}
.imber-app .im-blog-categories a{border-color:var(--im-line);background:var(--im-card-2);border-radius:999px;font-size:12px;font-weight:500}
.imber-app .im-blog-pagination .page-numbers{border-color:var(--im-line);background:var(--im-card);border-radius:999px}
.imber-app .im-blog-pagination .current{background:var(--im-accent);border-color:var(--im-accent);color:var(--im-accent-ink)}
.imber-app .im-blog-empty{border-color:var(--im-line);border-radius:20px}
.imber-app .im-blog a:focus-visible{outline-color:var(--im-accent)}

@media(max-width:760px){
 .imber-app .im-about,.imber-app .im-api-page,.imber-app .im-blog{padding-top:18px}
 .imber-app .im-info>.im-info-head,.imber-app .im-blog>.im-blog-heading{padding:22px 22px 20px;border-radius:20px}
 .imber-app .im-info>.im-info-head h1,.imber-app .im-blog>.im-blog-heading h1{font-size:30px}
 .imber-app .im-info>.im-info-head p,.imber-app .im-blog>.im-blog-heading>p{font-size:15px}
 .imber-app .im-info .im-about-section{margin-top:42px}
 .imber-app .im-architecture{padding:18px}
 .imber-app .im-blog-content{font-size:16px}
}

/* IMBER 4.15 tool pages: Model Comparison and Radar get a compact sky header
   panel so the table and map stay near the top. Radar uses the rain sky. */
.imber-app .im-comparison-page>.im-dashboard-heading,.imber-app .im-radar-page>.im-radar-heading{position:relative;margin:4px 0 20px;padding:24px 30px 22px;border-radius:24px;color:#fff;overflow:hidden;background:radial-gradient(110% 130% at 88% -10%,rgba(255,255,255,.2),transparent 55%),radial-gradient(70% 90% at 0% 110%,rgba(0,0,0,.18),transparent 60%),linear-gradient(135deg,#2f5f86,#6a93b3);box-shadow:0 10px 30px rgba(20,30,45,.14)}
.imber-app .im-radar-page>.im-radar-heading{align-items:center;background:radial-gradient(110% 130% at 88% -10%,rgba(255,255,255,.16),transparent 55%),radial-gradient(70% 90% at 0% 110%,rgba(0,0,0,.2),transparent 60%),linear-gradient(135deg,#243a52,#46627d)}
.imber-app .im-comparison-page>.im-dashboard-heading .im-overline,.imber-app .im-radar-heading .im-overline{color:rgba(255,255,255,.78);font-size:11.5px;font-weight:650;letter-spacing:.08em}
.imber-app .im-comparison-page>.im-dashboard-heading h1,.imber-app .im-radar-heading h1{margin:8px 0 8px;color:#fff;font-size:clamp(28px,3.4vw,38px);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.imber-app .im-comparison-page>.im-dashboard-heading p,.imber-app .im-radar-heading p{max-width:720px;margin:0;color:rgba(255,255,255,.88);font-size:15px;font-weight:400;line-height:1.6}
.imber-app .im-radar-heading .im-radar-live{flex:none;padding:9px 16px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;backdrop-filter:blur(6px)}

/* Model Comparison supporting copy. */
.imber-app .im-comparison-page .im-location-note{margin:0 0 14px}
.imber-app .im-comparison-note,.imber-app .im-compare-runs{color:var(--im-muted)}
.imber-app .im-comparison-note a,.imber-app .im-comparison-credits a,.imber-app .im-comparison-page .im-location-note a{color:var(--im-accent)}
.imber-app .im-comparison-credits{margin-top:28px;padding:22px 24px;border:0;border-radius:18px;background:var(--im-card-2);color:var(--im-muted);font-size:12px;line-height:1.7}
.imber-app .im-comparison-credits>strong{display:block;margin-bottom:4px;color:var(--im-body);font-size:14px;font-weight:700}

/* Radar map card, playback and key. */
.imber-app .im-radar-shell{border:1px solid var(--im-line);border-radius:20px;background:var(--im-card);box-shadow:var(--im-shadow)}
.imber-app .im-radar-toolbar{padding:14px 18px}
.imber-app .im-radar-playback button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--im-line);background:var(--im-card-2);color:inherit;font-size:15px}
.imber-app .im-radar-playback button:hover{background:var(--im-accent-soft);border-color:var(--im-accent);color:var(--im-accent)}
.imber-app #im-radar-play{background:var(--im-accent);border-color:var(--im-accent);color:var(--im-accent-ink)}
.imber-app #im-radar-play:hover{filter:brightness(1.08);color:var(--im-accent-ink)}
.imber-app .im-radar-playback input{accent-color:var(--im-accent)}
.imber-app .im-radar-toolbar #im-radar-time{padding:7px 12px;border-radius:999px;background:var(--im-card-2);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}
.imber-app .im-radar-legend{display:inline-flex;margin-top:16px;padding:10px 16px;border:1px solid var(--im-line);border-radius:999px;background:var(--im-card);box-shadow:var(--im-shadow);color:var(--im-muted);font-size:12.5px}
.imber-app .im-radar-legend>span:first-child{color:var(--im-body);font-weight:600}
.imber-app .im-radar-credit{color:var(--im-muted)}
.imber-app .im-radar-credit a{color:var(--im-accent)}

@media(max-width:760px){
 .imber-app .im-comparison-page>.im-dashboard-heading,.imber-app .im-radar-page>.im-radar-heading{padding:18px 20px;border-radius:20px;margin-bottom:16px}
 .imber-app .im-comparison-page>.im-dashboard-heading h1,.imber-app .im-radar-heading h1{font-size:26px}
 .imber-app .im-comparison-page>.im-dashboard-heading p,.imber-app .im-radar-heading p{font-size:14px;line-height:1.5}
 .imber-app .im-radar-page>.im-radar-heading{align-items:flex-start;gap:12px}
 .imber-app .im-radar-legend{display:flex;border-radius:16px}
}

/* IMBER 4.16 blog posts: sky header panel, a centred reading column, and
   tables/images that break out wider than the text as dashboard-style cards. */
.imber-app .im-blog-article{max-width:none;margin:0}
.imber-app .im-blog-article>.im-blog-heading{position:relative;max-width:none;margin:0 0 40px;padding:28px 38px 30px;border-radius:24px;color:#fff;overflow:hidden;background:radial-gradient(110% 130% at 88% -10%,rgba(255,255,255,.2),transparent 55%),radial-gradient(70% 90% at 0% 110%,rgba(0,0,0,.18),transparent 60%),linear-gradient(135deg,#2f5f86,#6a93b3);box-shadow:0 10px 30px rgba(20,30,45,.14)}
.imber-app .im-blog-article>.im-blog-heading .im-blog-back{display:inline-block;margin:0 0 18px;color:rgba(255,255,255,.82);text-decoration:none;font-weight:500}
.imber-app .im-blog-article>.im-blog-heading .im-blog-back:hover{color:#fff;text-decoration:underline}
.imber-app .im-blog-article>.im-blog-heading .im-overline{display:block;color:rgba(255,255,255,.78)}
.imber-app .im-blog-article>.im-blog-heading h1{max-width:900px;margin:10px 0 18px;color:#fff}
.imber-app .im-blog-article>.im-blog-heading .im-blog-meta{gap:8px;color:#fff;font-size:13px;font-weight:500}
.imber-app .im-blog-article>.im-blog-heading .im-blog-meta>*{padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.14);font-variant-numeric:tabular-nums}
.imber-app .im-blog-article>.im-blog-heading .im-blog-categories{margin-top:12px}
.imber-app .im-blog-article>.im-blog-heading .im-blog-categories a{border:0;background:#fff;color:#2f5f86;font-weight:600;text-decoration:none}
.imber-app .im-blog-article>.im-blog-heading .im-blog-edit{margin:14px 0 0}
.imber-app .im-blog-article>.im-blog-heading .im-blog-edit a{color:#fff}
.imber-app .im-blog-hero{max-width:960px;margin:0 auto 40px}

/* Reading column: text at 720px, wide blocks at 960px. */
.imber-app .im-blog-content{max-width:960px}
.imber-app .im-blog-content>*{max-width:720px;margin-left:auto;margin-right:auto}
.imber-app .im-blog-content>:is(.wp-block-table,.alignwide,.alignfull){max-width:960px}
.imber-app .im-blog-content p{margin-bottom:1.3em}
.imber-app .im-blog-content :is(ul,ol) li::marker{color:var(--im-accent)}
.imber-app .im-blog-content .wp-block-table{margin-top:2em;margin-bottom:2em;overflow-x:auto;border:1px solid var(--im-line);border-radius:18px;background:var(--im-card);box-shadow:var(--im-shadow)}
.imber-app .im-blog-content .wp-block-table table{width:100%;min-width:560px;margin:0;border-collapse:collapse;font-size:14px;line-height:1.55}
.imber-app .im-blog-content .wp-block-table :is(td,th){padding:14px 18px;border:0;border-bottom:1px solid var(--im-line);text-align:left;vertical-align:top}
.imber-app .im-blog-content .wp-block-table tr:last-child td{border-bottom:0}
.imber-app .im-blog-content .wp-block-table th{background:var(--im-accent-soft);color:var(--im-accent);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.imber-app .im-blog-content .wp-block-table th:first-child{width:24%}
.imber-app .im-blog-content .wp-block-table td{color:var(--im-body)}
.imber-app .im-blog-content .wp-block-table td:first-child{color:inherit;font-weight:650}
.imber-app .im-blog-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd){background:transparent}
.imber-app .im-blog-content .wp-block-table.is-style-stripes tbody tr:nth-child(even){background:var(--im-card-2)}
.imber-app .im-blog-content .wp-block-table figcaption{padding:10px 18px;color:var(--im-muted);text-align:left}
.imber-app .im-blog-content .wp-block-image img{border-radius:18px}
.imber-app .im-blog-tags{max-width:720px;margin:32px auto 0;color:var(--im-muted)}

/* Previous / next post cards. */
.imber-app .im-post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:960px;margin:56px auto 0}
.imber-app .im-post-nav a{display:flex;flex-direction:column;gap:6px;padding:20px 24px;border:1px solid var(--im-line);border-radius:20px;background:var(--im-card);box-shadow:var(--im-shadow);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s}
.imber-app .im-post-nav a:hover,.imber-app .im-post-nav a:focus-visible{border-color:var(--im-accent)}
.imber-app .im-post-nav span{color:var(--im-accent);font-size:13px;font-weight:650}
.imber-app .im-post-nav strong{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.imber-app .im-post-nav-next{grid-column:2;text-align:right}

/* Archive cards respond like dashboard controls. */
.imber-app .im-blog-card{transition:border-color .15s,transform .15s}
.imber-app .im-blog-card:hover{border-color:var(--im-accent)}
@media(prefers-reduced-motion:no-preference){
 .imber-app .im-blog-card:hover,.imber-app .im-post-nav a:hover{transform:translateY(-2px)}
}

@media(max-width:760px){
 .imber-app .im-blog-article>.im-blog-heading{padding:20px 22px 22px;margin-bottom:28px;border-radius:20px}
 .imber-app .im-blog-article>.im-blog-heading h1{font-size:28px}
 .imber-app .im-blog-content .wp-block-table{border-radius:14px}
 .imber-app .im-blog-content .wp-block-table :is(td,th){padding:12px 14px}
 .imber-app .im-post-nav{grid-template-columns:minmax(0,1fr);margin-top:40px}
 .imber-app .im-post-nav-next{grid-column:auto}
}

/* IMBER 4.17 shell: slimmer top bar with a data-freshness pill instead of the
   device clock; labelled, grouped side rail; bottom tab bar on phones. */
.imber-app .im-topbar{height:60px;padding:0 clamp(20px,3.5vw,70px)}
.imber-app .im-wordmark{font-size:13px;font-weight:700;letter-spacing:3px}
.imber-app .im-section-name{padding-left:14px;border-left:1px solid var(--im-line);color:var(--im-muted);font-size:13px;font-weight:500}
.imber-app .im-top-status{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--im-line);border-radius:999px;background:var(--im-card);box-shadow:var(--im-shadow);color:var(--im-body);font-size:12.5px;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap}
.imber-app .im-top-status[hidden],.imber-app #im-top-status-short{display:none}
.imber-app .im-top-status-dot{width:7px;height:7px;border-radius:50%;background:var(--im-accent);box-shadow:0 0 0 3px var(--im-accent-soft)}
.imber-app .im-top-status[data-state="error"] .im-top-status-dot{background:#c1803d;box-shadow:0 0 0 3px rgba(193,128,61,.15)}

/* Rail. The logo is black on white, so blend it into either theme. */
.imber-app .im-rail{width:84px;padding:16px 0 14px;background:var(--im-card);border-right:1px solid var(--im-line)}
.imber-app .im-mark{flex:none;width:44px;height:44px;border:0;border-radius:12px;background:transparent}
.imber-app .im-brand-logo{mix-blend-mode:multiply}
:root[data-theme="dark"] .imber-app .im-brand-logo{filter:invert(1);mix-blend-mode:screen}
.imber-app .im-rail-nav{display:flex;flex:1;flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:18px}
.imber-app .im-rail-nav :is(a,.im-rail-more,.im-theme-toggle){display:flex;flex-direction:column;align-items:center;gap:4px;width:66px;height:auto;padding:8px 0 7px;border:0;border-radius:12px;background:transparent;color:var(--im-muted);font:inherit;font-size:10.5px;font-weight:550;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.imber-app .im-rail-nav :is(a,.im-rail-more,.im-theme-toggle) svg{flex:none;width:20px;height:20px}
.imber-app .im-rail-nav :is(a,.im-rail-more,.im-theme-toggle):hover{background:var(--im-card-2);color:var(--im-body)}
.imber-app .im-rail-nav :is(a,.im-rail-more).active,.imber-app .im-rail-nav :is(a,.im-rail-more).active:hover{background:var(--im-accent-soft);color:var(--im-accent);font-weight:650}
.imber-app .im-rail-nav :is(a,button):focus-visible{outline:2px solid var(--im-accent);outline-offset:2px}
.imber-app .im-rail-nav .im-support-heart:hover{color:#c24f5d}
.imber-app .im-rail .im-theme-toggle[hidden]{display:none}
.imber-app .im-rail-divider{flex:none;width:32px;height:1px;margin:6px 0;background:var(--im-line)}
.imber-app .im-rail-more{display:none!important}
.imber-app .im-rail-more-menu{display:contents}
.imber-app .im-rail-social{margin-top:auto;padding-top:12px;gap:2px}
.imber-app .im-rail-social span{display:none}
.imber-app .im-cookie-banner{left:calc(84px + 20px)}
@media(max-height:640px) and (min-width:601px){
 .imber-app .im-rail-nav{margin-top:10px;gap:0}
 .imber-app .im-rail-nav :is(a,.im-theme-toggle){padding:6px 0 5px}
 .imber-app .im-rail-nav>a span,.imber-app .im-rail-more-menu>a span{font-size:10px}
}

/* Phones: the rail becomes a bottom tab bar; About, API, Support and the
   theme switch fold into a "More" menu. */
@media(max-width:600px){
 .imber-app .im-topbar{height:52px;padding:0 16px}
 /* The bottom bar already names the section, so phones show just the
    wordmark and a short freshness label. */
 .imber-app .im-section-name{display:none}
 .imber-app .im-top-status{gap:7px;padding:5px 11px;font-size:12px}
 .imber-app #im-top-status-text{display:none}
 .imber-app #im-top-status-short{display:inline}
 .imber-app .im-workspace{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
 .imber-app .im-rail{position:fixed;inset:auto 0 0 0;width:auto;height:auto;flex-direction:row;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--im-line);background:color-mix(in srgb,var(--im-card) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:visible;z-index:900}
 .imber-app .im-mark,.imber-app .im-rail-divider{display:none}
 .imber-app .im-rail-nav{flex-direction:row;justify-content:space-around;gap:2px;margin:0}
 .imber-app .im-rail-nav>:is(a,.im-rail-more){flex:1 1 0;width:auto;max-width:84px;padding:7px 0 6px;font-size:11px}
 .imber-app .im-rail-more{display:flex!important}
 .imber-app .im-rail-more-menu{display:none;position:absolute;right:8px;bottom:calc(100% + 8px);flex-direction:column;gap:2px;min-width:210px;padding:8px;border:1px solid var(--im-line);border-radius:18px;background:var(--im-card);box-shadow:0 14px 40px rgba(0,0,0,.2)}
 .imber-app .im-rail-more-menu.is-open{display:flex}
 .imber-app .im-rail-more-menu :is(a,.im-theme-toggle){flex-direction:row;justify-content:flex-start;gap:12px;width:100%;padding:12px 14px;font-size:15px;font-weight:550;color:var(--im-body)}
 .imber-app .im-rail-more-menu .im-rail-social{flex-direction:column;align-items:stretch;gap:2px;margin:4px 0 0;padding:4px 0 0;border-top:1px solid var(--im-line)}
 .imber-app .im-rail-social span{display:inline}
 .imber-app .im-cookie-banner{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom))}
}

/* IMBER 4.18 forecast page: everyday advice is the sentence under
   "Today's outlook"; the old advice card is now a warning-only panel above
   the hero. Each level carries its own colours in both themes. */
.imber-app #im-chart-description{color:var(--im-body);font-size:15px}
.imber-app .im-dash .im-warning-panel{--warn-bg:var(--im-card-2);--warn-line:var(--im-line);--warn-bar:var(--im-muted);--warn-mark-bg:var(--im-card);--warn-ink:inherit;display:flex;align-items:center;gap:16px;margin:0 0 18px;padding:16px 20px 16px 18px;border:1px solid var(--warn-line);border-left:5px solid var(--warn-bar);border-radius:18px;background:var(--warn-bg);box-shadow:var(--im-shadow)}
.imber-app .im-dash .im-warning-panel[hidden]{display:none}
.imber-app .im-warning-panel.im-warning-yellow{--warn-bg:#fff8db;--warn-line:#ecd57e;--warn-bar:#f2c200;--warn-mark-bg:#fbe8aa;--warn-ink:#5c4a00}
.imber-app .im-warning-panel.im-warning-amber{--warn-bg:#fff0e3;--warn-line:#f1b77f;--warn-bar:#f08a24;--warn-mark-bg:#ffe0bb;--warn-ink:#7a3c00}
.imber-app .im-warning-panel.im-warning-red{--warn-bg:#fff0f0;--warn-line:#eb9a9a;--warn-bar:#d92d2d;--warn-mark-bg:#ffd2d2;--warn-ink:#931b1b}
:root[data-theme="dark"] .imber-app .im-warning-panel.im-warning-yellow{--warn-bg:#2f2812;--warn-line:#5e4f1c;--warn-mark-bg:rgba(242,194,0,.18);--warn-ink:#ffe08a}
:root[data-theme="dark"] .imber-app .im-warning-panel.im-warning-amber{--warn-bg:#33210f;--warn-line:#6e441c;--warn-mark-bg:rgba(240,138,36,.2);--warn-ink:#ffc18a}
:root[data-theme="dark"] .imber-app .im-warning-panel.im-warning-red{--warn-bg:#331a1a;--warn-line:#6e2b2b;--warn-mark-bg:rgba(217,45,45,.22);--warn-ink:#ffb4b4}
.imber-app .im-dash .im-warning-panel .im-weather-advice-mark{flex:0 0 42px;height:42px;border-radius:12px;background:var(--warn-mark-bg);color:var(--warn-ink);font-size:21px}
.imber-app .im-dash .im-warning-panel strong{display:block;color:var(--warn-ink);font-size:16px;font-weight:700;letter-spacing:-.01em}
.imber-app .im-dash .im-warning-panel p{margin:4px 0 0;color:var(--im-body);font-size:13.5px;line-height:1.55}
.imber-app .im-dash .im-warning-panel .im-weather-advice-source{display:block;flex:none;font-size:13px}
.imber-app .im-dash .im-warning-panel .im-weather-advice-source a{display:inline-block;padding:8px 14px;border:1px solid var(--warn-line);border-radius:999px;background:var(--im-card);color:var(--warn-ink);font-weight:650;text-decoration:none}
.imber-app .im-dash .im-warning-panel .im-weather-advice-source a:hover{border-color:var(--warn-bar)}
/* Unverified status is informative, not alarming: compact and neutral. */
.imber-app .im-dash .im-warning-panel.im-warning-unknown{padding-top:10px;padding-bottom:10px;box-shadow:none}
.imber-app .im-dash .im-warning-panel.im-warning-unknown .im-weather-advice-mark{flex-basis:32px;height:32px;font-size:16px;color:var(--im-muted)}
.imber-app .im-dash .im-warning-panel.im-warning-unknown strong{font-size:14px}
.imber-app .im-dash .im-warning-panel.im-warning-unknown p{color:var(--im-muted);font-size:13px}
@media(max-width:600px){
 .imber-app .im-dash .im-warning-panel{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:14px 16px 14px 14px}
 .imber-app .im-dash .im-warning-panel>div{flex:1 1 calc(100% - 60px)}
 .imber-app .im-dash .im-warning-panel .im-weather-advice-source{flex-basis:100%;padding-left:54px}
}
/* v4.19: Model Comparison chart hover — every model's detail at the hovered time */
.imber-app .im-meteo-chart .im-meteo-hit{cursor:crosshair}
.im-meteo-tip{position:fixed;z-index:10000;pointer-events:none;display:grid;gap:9px;width:max-content;max-width:min(340px,calc(100vw - 24px));box-sizing:border-box;padding:12px 14px;border:1px solid var(--im-line,#e3e3e8);border-radius:14px;background:var(--im-card,#fff);color:#1d1d1f;box-shadow:0 10px 30px rgba(20,24,30,.18);font-size:12px;line-height:1.4}
.im-meteo-tip[hidden]{display:none}
.im-meteo-tip-time{font-size:12.5px;font-weight:700}
.im-meteo-tip-list{display:grid;gap:7px}
.im-meteo-tip-model{padding-left:9px;border-left:3px solid var(--model-color)}
.im-meteo-tip-model.is-ai{border-left-style:dashed}
.im-meteo-tip-head{display:flex;justify-content:space-between;gap:14px;font-weight:600}
.im-meteo-tip-head b{font-variant-numeric:tabular-nums;white-space:nowrap}
.im-meteo-tip-model small{display:block;margin-top:1px;color:var(--im-muted,#6e6e73);font-size:11px}
.im-meteo-tip-foot{padding-top:8px;border-top:1px solid var(--im-line,#e3e3e8);color:var(--im-muted,#6e6e73);font-size:11px;font-variant-numeric:tabular-nums}
:root[data-theme="dark"] .im-meteo-tip{color:#f2f2f5;box-shadow:0 10px 30px rgba(0,0,0,.5)}
/* Tally feedback form on the support page. The form's text is dark in both themes, so its card stays light. */
.imber-app .im-feedback{margin-top:36px;min-width:0}
.imber-app .im-feedback>h2{margin:0 0 10px}
.imber-app .im-feedback>p{max-width:760px;margin:0 0 20px}
.imber-app .im-feedback>p a{text-decoration:underline;text-underline-offset:3px}
.imber-app .im-feedback-form{padding:clamp(16px,3vw,32px);overflow:hidden;background:#fff;color:#191919;color-scheme:light;border:1px solid var(--im-line,#e3e3e8);border-radius:20px}
.imber-app .im-feedback-form iframe{display:block;width:100%;max-width:100%;border:0;color-scheme:light}