/* The 15-day product uses one calendar at every viewport. */
[data-vm-trend].vm-longterm {
    --lt-ink:var(--vm-text-primary,#0f172a);
    --lt-muted:var(--vm-text-secondary,#475569);
    --lt-faint:var(--vm-text-muted,#64748b);
    --lt-accent:#2475b5;
    --lt-surface:var(--vm-card-bg,var(--vm-bg-primary,#fff));
    --lt-soft:var(--vm-bg-secondary,#f1f5f9);
    --lt-border:var(--vm-border-color,#cbd5e1);
    width:min(1180px,calc(100% - 48px));
    max-width:1180px;
    min-width:0;
    margin-inline:auto;
    color:var(--lt-ink);
}
[data-theme="dark"] [data-vm-trend].vm-longterm { --lt-accent:#82c6ff; }
[data-vm-trend] *,[data-vm-trend] *::before,[data-vm-trend] *::after { box-sizing:border-box; }
[data-vm-trend] [hidden] { display:none!important; }
[data-vm-trend] .vm-trend-article { width:100%; min-width:0; max-width:none; margin:0 0 48px; }
[data-vm-trend] p { text-align:left!important; }
[data-vm-trend] a { color:var(--lt-accent); }
[data-vm-trend] :is(a,button,input,summary):focus-visible { outline:3px solid var(--lt-accent); outline-offset:4px; }
[data-vm-trend] :is(h1,h2,h3) { color:var(--lt-ink); letter-spacing:-.025em; }
[data-vm-trend] h2 { font-size:23px; line-height:1.3; margin:0 0 14px; font-weight:750; }
[data-vm-trend] .vm-longterm-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; padding:22px 0 8px; font-size:12px; color:var(--lt-faint); }
[data-vm-trend] .vm-longterm-breadcrumb a { text-decoration:none; }
[data-vm-trend] .vm-longterm-header { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr); gap:40px; padding:26px 0 28px; align-items:center; position:relative; z-index:auto; }
[data-vm-trend] .vm-longterm-header__main { border-left:4px solid var(--lt-accent); padding-left:22px; min-width:0; }
[data-vm-trend] .vm-longterm-eyebrow { color:var(--lt-accent); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; margin:0 0 10px; }
[data-vm-trend] .vm-longterm-header h1 { font-size:clamp(28px,3.25vw,41px); font-weight:800; line-height:1.12; letter-spacing:-.035em; margin:0 0 14px; overflow-wrap:anywhere; }
[data-vm-trend] .vm-longterm-header__location { color:var(--lt-muted); font-size:13px; margin:0 0 14px; }
[data-vm-trend] .vm-longterm-header__period { font-size:16px; line-height:1.6; font-weight:700; margin:0 0 4px; }
[data-vm-trend] .vm-longterm-header__period span { display:inline-block; color:var(--lt-faint); font-size:12px; font-weight:400; margin-left:8px; }
[data-vm-trend] .vm-longterm-header__updated { color:var(--lt-muted); font-size:12px; line-height:1.6; margin:0; }
[data-vm-trend] .vm-longterm-status { display:inline-block; width:7px; height:7px; border-radius:50%; background:#b45309; margin-right:6px; }
[data-vm-trend] .vm-longterm-status--fresh { background:#16823c; }
[data-vm-trend] .vm-longterm-status--stale { background:#c24136; }
[data-vm-trend] .vm-longterm-header__search { min-width:0; }
[data-vm-trend] .vm-longterm-search-label { color:var(--lt-ink); font-size:14px; font-weight:700; margin:0 0 10px; }
[data-vm-trend] .vm-longterm-header .vm-location-search { margin:0; }
[data-vm-trend] .vm-longterm-header .vm-location-search__input { font-size:15px; }
[data-vm-trend] .vm-longterm-header .vm-location-search__hint { display:none; }
[data-vm-trend] .vm-longterm-header .vm-location-search__results { z-index:100; }
[data-vm-trend] :is(.vm-longterm-summary,.vm-longterm-days,.vm-longterm-chart,.vm-longterm-sun,.vm-longterm-guide,.vm-longterm-unavailable) { padding:26px; border:1px solid var(--lt-border); border-radius:16px; background:var(--lt-surface); box-shadow:none; min-width:0; margin:0 0 22px; }
[data-vm-trend] .vm-longterm-summary { border-top:3px solid var(--lt-accent); }
[data-vm-trend] .vm-longterm-summary__lead { font-size:14px; line-height:1.7; color:var(--lt-muted); margin:0 0 22px; }
[data-vm-trend] .vm-longterm-summary__items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
[data-vm-trend] .vm-longterm-summary__item { padding:0 22px; border-right:1px solid var(--lt-border); min-width:0; }
[data-vm-trend] .vm-longterm-summary__item:first-child { padding-left:0; }
[data-vm-trend] .vm-longterm-summary__item:last-child { padding-right:0; border:0; }
[data-vm-trend] .vm-longterm-summary__item h3 { font-size:16px; margin:0 0 9px; font-weight:750; }
[data-vm-trend] .vm-longterm-summary__item p { font-size:13px; line-height:1.7; color:var(--lt-muted); margin:0; }
[data-vm-trend] .vm-longterm-summary__caveat { font-size:12px; line-height:1.6; color:var(--lt-faint); border-top:1px solid var(--lt-border); padding-top:16px; margin:20px 0 0; }
[data-vm-trend] .vm-longterm-notice { padding:13px 16px; border:1px solid var(--lt-border); border-left:3px solid #d99a3a; border-radius:8px; color:var(--lt-muted); background:var(--lt-soft); font-size:13px; line-height:1.65; margin:0 0 18px; }
[data-vm-trend] .vm-longterm-sections { display:flex; gap:8px; margin:0 0 18px; padding:2px 0; }
[data-vm-trend] .vm-longterm-sections a { display:inline-flex; align-items:center; justify-content:center; min-height:42px; border:1px solid var(--lt-border); border-radius:999px; padding:8px 17px; background:var(--lt-surface); color:var(--lt-ink); text-decoration:none; font-size:13px; font-weight:700; white-space:nowrap; }
[data-vm-trend] .vm-longterm-sections a:hover { color:var(--lt-accent); border-color:var(--lt-accent); }
[data-vm-trend] .vm-longterm-section-heading { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
[data-vm-trend] .vm-longterm-section-heading p { font-size:12px; margin:0; color:var(--lt-faint); }
[data-vm-trend] .vm-longterm-days__intro { font-size:13px; line-height:1.65; color:var(--lt-muted); margin:0 0 20px; }
[data-vm-trend] .vm-longterm-days__columns,[data-vm-trend] details.vm-longterm-day > summary { display:grid; grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.05fr); align-items:center; gap:16px; }
[data-vm-trend] .vm-longterm-days__columns { padding:0 14px 10px; color:var(--lt-faint); font-size:11px; font-weight:650; }
[data-vm-trend] details.vm-longterm-day { padding:0; margin:0; border:0; border-top:1px solid var(--lt-border); border-radius:0; background:transparent; overflow:visible; }
[data-vm-trend] details.vm-longterm-day > summary { list-style:none; position:relative; padding:16px 14px; min-height:80px; cursor:pointer; color:var(--lt-ink); border:0; border-radius:8px; background:transparent; }
[data-vm-trend] details.vm-longterm-day > summary::-webkit-details-marker { display:none; }
[data-vm-trend] details.vm-longterm-day > summary::marker { content:""; }
[data-vm-trend] details.vm-longterm-day > summary::before,[data-vm-trend] details.vm-longterm-day > summary::after { content:none; }
[data-vm-trend] details.vm-longterm-day > summary:hover,[data-vm-trend] details.vm-longterm-day[open] > summary { background:var(--lt-soft); }
[data-vm-trend] details.vm-longterm-day[aria-current="date"] > summary { box-shadow:inset 3px 0 0 var(--lt-accent); background:var(--lt-soft); }
[data-vm-trend] .vm-longterm-day__date { display:flex; align-items:center; gap:10px; min-width:0; }
[data-vm-trend] .vm-longterm-day__date img,[data-vm-trend] .vm-longterm-day__no-icon { width:40px; height:40px; flex:0 0 40px; }
[data-vm-trend] .vm-longterm-day__no-icon { display:grid; place-items:center; color:var(--lt-faint); }
[data-vm-trend] .vm-longterm-day__date strong { font-size:13px; line-height:1.4; display:block; }
[data-vm-trend] .vm-longterm-day__date small { display:block; font-size:11px; line-height:1.45; margin-top:3px; color:var(--lt-muted); }
[data-vm-trend] .screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
[data-vm-trend] .vm-longterm-day__temps { white-space:nowrap; font-size:16px; color:var(--lt-muted); }
[data-vm-trend] .vm-longterm-day__temps strong { font-size:23px; font-weight:750; }
[data-vm-trend] :is(.vm-longterm-day__precip,.vm-longterm-day__wind) strong { display:block; font-size:15px; font-weight:700; }
[data-vm-trend] .vm-longterm-day__precip strong { color:var(--lt-accent); }
[data-vm-trend] :is(.vm-longterm-day__precip,.vm-longterm-day__wind) small { display:block; margin-top:4px; font-size:11px; line-height:1.5; color:var(--lt-muted); }
[data-vm-trend] .vm-longterm-day__confidence { display:flex; align-items:center; justify-content:space-between; gap:7px; min-width:0; }
[data-vm-trend] .vm-longterm-confidence { font-size:11px; line-height:1.4; font-weight:650; }
[data-vm-trend] .vm-longterm-confidence::before { content:""; display:inline-block; width:6px; height:6px; border-radius:50%; margin-right:6px; background:var(--lt-faint); }
[data-vm-trend] .vm-longterm-confidence--high::before { background:#159447; }
[data-vm-trend] .vm-longterm-confidence--medium::before { background:#c4861a; }
[data-vm-trend] .vm-longterm-confidence--low::before { background:#d64c3e; }
[data-vm-trend] .vm-longterm-day__expand { display:inline-flex; align-items:center; justify-content:center; flex:0 0 24px; width:24px; height:24px; font-size:21px; line-height:1; color:var(--lt-faint); transition:transform .15s; }
[data-vm-trend] details.vm-longterm-day[open] .vm-longterm-day__expand { transform:rotate(180deg); }
[data-vm-trend] .vm-longterm-day__details { padding:20px; background:var(--lt-soft); border-radius:0 0 10px 10px; margin-bottom:12px; }
[data-vm-trend] .vm-longterm-day__details h3 { font-size:15px; margin:0 0 18px; font-weight:700; }
[data-vm-trend] .vm-longterm-day__details dl { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin:0; padding:0; }
[data-vm-trend] .vm-longterm-day__details dt { font-size:11px; line-height:1.5; font-weight:400; color:var(--lt-muted); }
[data-vm-trend] .vm-longterm-day__details dd { font-size:13px; font-weight:700; margin:5px 0 0; line-height:1.5; }
[data-vm-trend] .vm-longterm-day__details > p { font-size:12px; color:var(--lt-muted); line-height:1.65; margin:20px 0 0; }
[data-vm-trend] .vm-trend-chart-wrap { position:relative; width:100%; min-width:0; height:400px; }
[data-vm-trend] .vm-trend-chart-wrap > canvas { display:block; width:100%!important; height:100%!important; }
[data-vm-trend] .vm-longterm-chart__note { font-size:12px; line-height:1.65; color:var(--lt-muted); margin:16px 0 0; }
[data-vm-trend] .vm-longterm-sun__days { display:flex; gap:8px; overflow-x:auto; max-width:100%; padding:3px 0 10px; scrollbar-width:thin; }
[data-vm-trend] .vm-longterm-sun__day { flex:0 0 108px; display:grid; gap:5px; padding:12px 9px; border:1px solid var(--lt-border); border-radius:10px; text-align:center; background:var(--lt-soft); }
[data-vm-trend] .vm-longterm-sun__day[aria-current="date"] { border-color:var(--lt-accent); }
[data-vm-trend] .vm-longterm-sun__day strong { font-size:11px; white-space:nowrap; }
[data-vm-trend] .vm-longterm-sun__day > span { display:flex; align-items:center; justify-content:center; gap:5px; font-size:13px; }
[data-vm-trend] .vm-longterm-sun__day small { font-size:10px; color:var(--lt-muted); }
[data-vm-trend] .vm-longterm-sun > p { font-size:12px; line-height:1.6; color:var(--lt-muted); margin:12px 0 0; }
[data-vm-trend] :is(.vm-longterm-guide,.vm-longterm-unavailable) p { font-size:14px; color:var(--lt-muted); line-height:1.75; margin:0 0 12px; }
[data-vm-trend] :is(.vm-longterm-guide,.vm-longterm-unavailable) p:last-child { margin-bottom:0; }
[data-vm-trend] :is(#dani,#temperatura,#padavine,#vetar) { scroll-margin-top:calc(var(--vm-trend-header-offset,0px) + 20px); }
@media(max-width:1000px) {
    [data-vm-trend] .vm-longterm-header { grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr); gap:24px; }
    [data-vm-trend] .vm-longterm-days__columns,[data-vm-trend] details.vm-longterm-day > summary { gap:10px; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr) minmax(0,1.1fr); }
    [data-vm-trend] .vm-longterm-summary__item { padding-inline:16px; }
}
@media(max-width:768px) {
    [data-vm-trend].vm-longterm { width:calc(100% - 32px); }
    [data-vm-trend] .vm-longterm-header { grid-template-columns:minmax(0,1fr); padding:18px 0 24px; gap:22px; }
    [data-vm-trend] .vm-longterm-header__main { padding-left:16px; }
    [data-vm-trend] .vm-longterm-header h1 { font-size:31px; }
    [data-vm-trend] .vm-longterm-header__search { width:100%; }
    [data-vm-trend] .vm-longterm-header__period span { margin-left:0; display:block; }
    [data-vm-trend] :is(.vm-longterm-summary,.vm-longterm-days,.vm-longterm-chart,.vm-longterm-sun,.vm-longterm-guide,.vm-longterm-unavailable) { padding:20px 16px; border-radius:13px; margin-bottom:18px; }
    [data-vm-trend] h2 { font-size:20px; }
    [data-vm-trend] .vm-longterm-summary__items { grid-template-columns:1fr; gap:16px; }
    [data-vm-trend] .vm-longterm-summary__item,[data-vm-trend] .vm-longterm-summary__item:first-child,[data-vm-trend] .vm-longterm-summary__item:last-child { padding:16px 0 0; border:0; border-top:1px solid var(--lt-border); }
    [data-vm-trend] .vm-longterm-summary__item h3 { font-size:15px; }
    [data-vm-trend] .vm-longterm-summary__lead { margin-bottom:16px; }
    [data-vm-trend] .vm-longterm-sections { position:sticky; top:var(--vm-trend-header-offset,0px); z-index:30; gap:6px; padding:8px 0; background:var(--lt-soft); box-shadow:0 0 0 6px var(--lt-soft); }
    [data-vm-trend] .vm-longterm-sections a { flex:1; padding:8px 10px; min-width:0; font-size:12px; }
    [data-vm-trend] .vm-longterm-section-heading { display:block; }
    [data-vm-trend] .vm-longterm-section-heading p { margin:-5px 0 14px; }
    [data-vm-trend] .vm-longterm-days__columns { display:none; }
    [data-vm-trend] details.vm-longterm-day > summary { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:12px; padding:16px 8px; }
    [data-vm-trend] .vm-longterm-day__date { grid-column:1; grid-row:1; gap:7px; }
    [data-vm-trend] .vm-longterm-day__date img,[data-vm-trend] .vm-longterm-day__no-icon { width:32px; height:32px; flex-basis:32px; }
    [data-vm-trend] .vm-longterm-day__date strong { font-size:12px; }
    [data-vm-trend] .vm-longterm-day__temps { grid-column:2; grid-row:1; text-align:right; font-size:15px; }
    [data-vm-trend] .vm-longterm-day__temps strong { font-size:24px; }
    [data-vm-trend] .vm-longterm-day__precip { grid-column:1; grid-row:2; padding-left:39px; }
    [data-vm-trend] .vm-longterm-day__wind { grid-column:2; grid-row:2; text-align:right; }
    [data-vm-trend] .vm-longterm-day__confidence { grid-column:1/-1; grid-row:3; padding-left:39px; }
    [data-vm-trend] .vm-longterm-day__details { padding:16px 12px; }
    [data-vm-trend] .vm-longterm-day__details dl { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; }
    [data-vm-trend] .vm-trend-chart-wrap { height:300px; }
    [data-vm-trend] :is(#dani,#temperatura,#padavine,#vetar) { scroll-margin-top:calc(var(--vm-trend-header-offset,0px) + 74px); }
}
@media(max-width:480px) {
    [data-vm-trend].vm-longterm { width:calc(100% - 24px); }
    [data-vm-trend] .vm-longterm-header h1 { font-size:29px; }
    [data-vm-trend] .vm-longterm-sections a { padding:8px 7px; font-size:11px; }
    [data-vm-trend] .vm-longterm-day__date small { font-size:10px; }
    [data-vm-trend] .vm-trend-chart-wrap { height:260px; }
}
@media(prefers-reduced-motion:reduce) { [data-vm-trend] .vm-longterm-day__expand { transition:none; } }
@media(forced-colors:active) { [data-vm-trend] .vm-longterm-confidence::before { border:1px solid CanvasText; } }

/* Absolute scale, restricted to the 15-day product, including its legacy view. */
[data-vm-trend].vm-longterm .vm-longterm-temperature {
    color:var(--vm-temp-light,#586c79);
    font-variant-numeric:tabular-nums;
}
[data-theme="dark"] [data-vm-trend].vm-longterm .vm-longterm-temperature {
    color:var(--vm-temp-dark,#b8c8d6);
}
[data-vm-trend] .vm-longterm-temperature-scale {
    max-width:440px;
    margin:14px 0 20px;
    color:var(--lt-muted,var(--vm-text-secondary,#586c79));
}
[data-vm-trend] .vm-longterm-temperature-scale p {font-size:11px;line-height:1.5;margin:0 0 8px;color:inherit}
[data-vm-trend] .vm-longterm-temperature-scale__bar {height:5px;border-radius:8px;background:var(--vm-scale-light)}
[data-theme="dark"] [data-vm-trend] .vm-longterm-temperature-scale__bar {background:var(--vm-scale-dark)}
[data-vm-trend] .vm-longterm-temperature-scale__ticks {position:relative;min-height:15px;font-size:10px;line-height:1.5;margin-top:5px;font-variant-numeric:tabular-nums;white-space:nowrap}
[data-vm-trend] .vm-longterm-temperature-scale__ticks span {position:absolute;left:0}
[data-vm-trend] .vm-longterm-temperature-scale__ticks span:nth-child(2) {left:33.333%;transform:translateX(-50%)}
[data-vm-trend] .vm-longterm-temperature-scale__ticks span:nth-child(3) {left:66.667%;transform:translateX(-50%)}
[data-vm-trend] .vm-longterm-temperature-scale__ticks span:last-child {left:auto;right:0}
@media (forced-colors:active) {
    [data-vm-trend] .vm-longterm-temperature {color:CanvasText!important}
    [data-vm-trend] .vm-longterm-temperature-scale__bar {background:Canvas;border:1px solid CanvasText}
}