/* Long-range v2 (/dugorocna-prognoza-{slug}/): mobile-first, the same visual system as the 10-day page. */
[data-vm-trend].vm-lt2 {
    --lt-accent:#2563eb; --lt-rain:#2563eb; --lt-chip:rgba(96,165,250,.12); --lt-chipbg:#eef4fc;
    --lt-ink:var(--vm-text-primary,#0f172a); --lt-muted:var(--vm-text-secondary,#475569); --lt-faint:var(--vm-text-muted,#64748b);
    --lt-surface:var(--vm-bg-primary,#fff); --lt-soft:var(--vm-bg-secondary,#f1f5f9); --lt-border:var(--vm-border-color,#cbd5e1); --lt-line:rgba(148,163,184,.30);
    --lt-shadow-sm:0 1px 3px rgba(15,23,42,.05); --lt-shadow-md:0 6px 18px rgba(15,23,42,.06);
    --lt-radius:16px; --lt-gap:34px; --lt-bar-h:44px; --lt-prose:860px; --lt-list:920px;
    --lt-day-cols:46px 30px minmax(0,1fr) 50px 12px; --lt-day-areas:"date icon range rain chev";
    width:min(1180px,calc(100% - 32px)); max-width:1180px; min-width:0; margin-inline:auto; padding-inline:0; display:block; color:var(--lt-ink);
}
[data-theme="dark"] [data-vm-trend].vm-lt2 { --lt-accent:#7db4ff; --lt-rain:#93c5fd; --lt-chip:rgba(125,211,252,.12); --lt-chipbg:#1c3049; --lt-surface:#152238; --lt-soft:#101c2e; --lt-border:#334155; --lt-line:rgba(148,163,184,.18); --lt-shadow-sm:0 1px 3px rgba(0,0,0,.25); --lt-shadow-md:0 6px 18px rgba(0,0,0,.28); }
[data-vm-trend].vm-lt2 *,[data-vm-trend].vm-lt2 *::before,[data-vm-trend].vm-lt2 *::after { box-sizing:border-box; }
[data-vm-trend].vm-lt2 [hidden] { display:none!important; }
/* Icons have fixed sizes; the theme-wide lazy placeholder rule (min-height:200px) must not stretch them. */
[data-vm-trend].vm-lt2 img { min-height:0!important; max-width:100%; background-color:transparent!important; }
[data-vm-trend].vm-lt2 p { text-align:left!important; margin:0; line-height:1.6; }
[data-vm-trend].vm-lt2 a { color:var(--lt-accent); }
[data-vm-trend].vm-lt2 :is(a,button,summary,input,[tabindex]):focus-visible { outline:3px solid #3b82f6; outline-offset:3px; }
[data-vm-trend].vm-lt2 :is(h1,h2,h3) { color:var(--lt-ink); margin:0; letter-spacing:-.02em; line-height:1.3; }
[data-vm-trend].vm-lt2 .screen-reader-text { position:absolute!important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
[data-vm-trend].vm-lt2 .vm-trend-article { width:100%; min-width:0; max-width:none; margin:0 0 48px; }
[data-vm-trend].vm-lt2 :is(#ukratko,#dani,#grafikoni,#pregled,#pitanja,#o-mestu,#u-okolini,#temperatura,#padavine,#vetar) { scroll-margin-top:calc(var(--vm-trend-header-offset,0px) + var(--lt-bar-h) + 12px); }

/* Breadcrumb + header (one H1, search folded on phones) */
[data-vm-trend].vm-lt2 .vm-lt-breadcrumb { display:flex; gap:6px; padding:14px 0 10px; font-size:.74rem; color:var(--lt-faint); white-space:nowrap; overflow-x:auto; scrollbar-width:none; }
[data-vm-trend].vm-lt2 .vm-lt-breadcrumb::-webkit-scrollbar { display:none; }
[data-vm-trend].vm-lt2 .vm-lt-breadcrumb a { color:var(--lt-muted); text-decoration:none; }
[data-vm-trend].vm-lt2 .vm-lt-header { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; margin:0 0 8px; }
[data-vm-trend].vm-lt2 .vm-lt-eyebrow { display:block; color:var(--lt-accent); font-size:.68rem; font-weight:750; text-transform:uppercase; letter-spacing:.1em; margin:0 0 6px; }
[data-vm-trend].vm-lt2 .vm-lt-title { font-size:clamp(1.35rem,5.6vw,2.4rem); font-weight:800; line-height:1.15; text-wrap:balance; overflow-wrap:anywhere; padding:0; border:0; }
[data-vm-trend].vm-lt2 .vm-lt-header__meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; margin-top:8px!important; font-size:.76rem; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-longterm-status { display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:#d97706; box-shadow:0 0 0 3px rgba(217,119,6,.16); vertical-align:1px; }
[data-vm-trend].vm-lt2 .vm-longterm-status--fresh { background:#16a34a; box-shadow:0 0 0 3px rgba(22,163,74,.16); }
[data-vm-trend].vm-lt2 .vm-longterm-status--stale { background:#dc2626; box-shadow:0 0 0 3px rgba(220,38,38,.16); }
[data-vm-trend].vm-lt2 .vm-lt-header__period { font-weight:700; color:var(--lt-ink); }
[data-vm-trend].vm-lt2 .vm-lt-search-toggle { display:inline-flex; align-items:center; min-height:32px; padding:4px 12px; border:1px solid var(--lt-border); border-radius:999px; background:var(--lt-surface); color:var(--lt-ink); font-weight:700; text-decoration:none; }
[data-vm-trend].vm-lt2 .vm-lt-search-toggle[aria-expanded="true"] { border-color:var(--lt-accent); color:var(--lt-accent); }
[data-vm-trend].vm-lt2 .vm-lt-search { min-width:0; }
[data-vm-trend].vm-lt2 .vm-lt-search .vm-location-search { max-width:none!important; margin:0!important; }
[data-vm-trend].vm-lt2 .vm-lt-search .vm-location-search__field { height:44px; gap:10px; padding:0 12px 0 14px; }
[data-vm-trend].vm-lt2 .vm-lt-search .vm-location-search__input { font-size:16px!important; background:transparent!important; border:0!important; box-shadow:none!important; }
[data-vm-trend].vm-lt2 .vm-lt-search .vm-location-search__hint { display:none; }
[data-vm-trend].vm-lt2 .vm-lt-search .vm-location-search__results { z-index:100; }
@media(max-width:899px) { [data-vm-trend].vm-lt2 .vm-lt-search:not(.is-open):not(:target) { display:none; } }
@media(min-width:900px) {
    [data-vm-trend].vm-lt2 .vm-lt-header { grid-template-columns:minmax(0,1fr) minmax(280px,380px); align-items:end; gap:24px; margin-bottom:12px; }
    [data-vm-trend].vm-lt2 .vm-lt-search-toggle { display:none; }
}
[data-vm-trend].vm-lt2 .vm-lt-tenday { margin:0 0 10px!important; font-size:.86rem; }
[data-vm-trend].vm-lt2 .vm-lt-tenday a { font-weight:700; text-decoration:underline; text-underline-offset:3px; }

/* Sticky section bar; its offset follows the theme header (measured by the charts script). */
[data-vm-trend].vm-lt2 .vm-lt-sectionbar { position:sticky; top:var(--vm-trend-header-offset,0px); z-index:90; height:var(--lt-bar-h); margin:0 0 16px; background:var(--lt-surface); border-bottom:1px solid var(--lt-border); box-shadow:0 6px 12px -12px rgba(15,23,42,.35); }
[data-vm-trend].vm-lt2 .vm-lt-sectionbar__track { display:flex; align-items:stretch; gap:2px; height:100%; overflow-x:auto; scrollbar-width:none; scroll-snap-type:x proximity; -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent); mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent); padding-right:24px; }
[data-vm-trend].vm-lt2 .vm-lt-sectionbar__track::-webkit-scrollbar { display:none; }
[data-vm-trend].vm-lt2 .vm-lt-sectionbar a { display:flex; align-items:center; flex:0 0 auto; padding:0 12px; font-size:.84rem; font-weight:650; color:var(--lt-muted); text-decoration:none; white-space:nowrap; border-bottom:2px solid transparent; scroll-snap-align:start; }
[data-vm-trend].vm-lt2 .vm-lt-sectionbar a:hover { color:var(--lt-ink); }
[data-vm-trend].vm-lt2 .vm-lt-sectionbar a[aria-current="true"] { color:var(--lt-accent); border-bottom-color:var(--lt-accent); }

/* Notices */
[data-vm-trend].vm-lt2 .vm-longterm-notice { padding:12px 14px; border:1px solid var(--lt-border); border-left:3px solid #d99a3a; border-radius:10px; color:var(--lt-muted); background:var(--lt-soft); font-size:.82rem; line-height:1.6; margin:0 0 14px; }
[data-vm-trend].vm-lt2 .vm-longterm-pending { margin:12px 0 0; }

/* Section system: eyebrow pill + H2 + lead, separated by a hairline */
[data-vm-trend].vm-lt2 .vm-lt-section { margin-top:var(--lt-gap); padding-top:var(--lt-gap); border-top:1px solid var(--lt-line); min-width:0; }
[data-vm-trend].vm-lt2 .vm-longterm-quick + .vm-lt-section { margin-top:24px; padding-top:0; border-top:0; }
[data-vm-trend].vm-lt2 .vm-lt-section__head { display:flex; flex-direction:column; align-items:center; max-width:var(--lt-prose); margin:0 auto 18px; text-align:center; }
[data-vm-trend].vm-lt2 .vm-lt-section__head .vm-lt-eyebrow { display:inline-block; margin-bottom:10px; padding:4px 11px; border-radius:999px; background:var(--lt-chip); line-height:1.4; }
[data-vm-trend].vm-lt2 .vm-lt-section__head h2 { font-size:1.3rem; font-weight:780; }
[data-vm-trend].vm-lt2 .vm-lt-section__lead { margin:8px auto 0!important; max-width:68ch; font-size:.86rem; color:var(--lt-muted); text-align:center!important; }
[data-vm-trend].vm-lt2 .vm-lt-section__lead strong { color:var(--lt-ink); white-space:nowrap; }

/* Ukratko: at most five quick answers */
[data-vm-trend].vm-lt2 .vm-longterm-quick { margin:4px 0 0; }
[data-vm-trend].vm-lt2 .vm-lt-quick__title { font-size:.72rem; font-weight:750; letter-spacing:.06em; text-transform:uppercase; color:var(--lt-muted); margin:0 0 8px; }
[data-vm-trend].vm-lt2 .vm-lt-quick__list { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0; padding:0; }
[data-vm-trend].vm-lt2 .vm-lt-quick__item { min-width:0; padding:10px 11px; background:var(--lt-surface); border:1px solid var(--lt-border); border-left:4px solid var(--lt-accent); border-radius:14px; box-shadow:var(--lt-shadow-sm); }
[data-vm-trend].vm-lt2 .vm-lt-quick__item:last-child:nth-child(odd) { grid-column:1/-1; }
[data-vm-trend].vm-lt2 .vm-lt-quick__item dt { font-size:.69rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--lt-muted); margin:0 0 3px; }
[data-vm-trend].vm-lt2 .vm-lt-quick__item dd { display:flex; flex-direction:column; gap:1px; margin:0; line-height:1.3; min-width:0; }
[data-vm-trend].vm-lt2 .vm-lt-quick__item strong { font-size:.96rem; font-weight:750; overflow-wrap:anywhere; }
[data-vm-trend].vm-lt2 .vm-lt-quick__item small { font-size:.73rem; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-lt-quick__item--warmest { border-left-color:#f97316; }
[data-vm-trend].vm-lt2 .vm-lt-quick__item--coldest { border-left-color:#0ea5e9; }
[data-vm-trend].vm-lt2 .vm-lt-quick__item--rain { border-left-color:#3b82f6; }
[data-vm-trend].vm-lt2 .vm-lt-quick__item--trend { border-left-color:#8b5cf6; }
[data-vm-trend].vm-lt2 .vm-lt-quick__item--normal { border-left-color:#14b8a6; }
[data-vm-trend].vm-lt2 .vm-lt-quick__item--reliability { border-left-color:#16a34a; }
[data-vm-trend].vm-lt2 .vm-lt-quick__note { margin:8px 0 0!important; font-size:.75rem; color:var(--lt-faint); }

/* Days: one scan row per day on a shared temperature scale, grouped by calendar week */
[data-vm-trend].vm-lt2 .vm-lt-days-head { display:none; }
[data-vm-trend].vm-lt2 .vm-lt-days { background:var(--lt-surface); border:1px solid var(--lt-border); border-radius:var(--lt-radius); box-shadow:var(--lt-shadow-sm); overflow:hidden; }
[data-vm-trend].vm-lt2 .vm-lt-week__title { margin:0; padding:8px 12px; font-size:.7rem; font-weight:750; letter-spacing:.06em; text-transform:uppercase; color:var(--lt-muted); background:var(--lt-soft); border-top:1px solid var(--lt-line); }
[data-vm-trend].vm-lt2 .vm-lt-week:first-child .vm-lt-week__title { border-top:0; }
[data-vm-trend].vm-lt2 .vm-lt-week__title span { font-weight:600; letter-spacing:.02em; text-transform:none; }
[data-vm-trend].vm-lt2 details.vm-longterm-day { margin:0; padding:0; border:0; border-top:1px solid var(--lt-line); border-radius:0; background:transparent; overflow:visible; }
[data-vm-trend].vm-lt2 .vm-lt-week__title + details.vm-longterm-day { border-top:0; }
[data-vm-trend].vm-lt2 details.vm-longterm-day > summary { display:grid; grid-template-columns:var(--lt-day-cols); grid-template-areas:var(--lt-day-areas); align-items:center; column-gap:8px; min-height:56px; padding:8px 12px; list-style:none; cursor:pointer; color:var(--lt-ink); font-size:.84rem; line-height:1.25; border:0; border-radius:0; background:transparent; transition:background-color .15s ease; }
[data-vm-trend].vm-lt2 details.vm-longterm-day > summary::-webkit-details-marker { display:none; }
[data-vm-trend].vm-lt2 details.vm-longterm-day > summary::marker { content:""; }
[data-vm-trend].vm-lt2 details.vm-longterm-day > summary::before,[data-vm-trend].vm-lt2 details.vm-longterm-day > summary::after { content:none; }
[data-vm-trend].vm-lt2 details.vm-longterm-day > summary:hover { background:var(--lt-soft); }
[data-vm-trend].vm-lt2 details.vm-longterm-day[open] > summary { background:var(--lt-chipbg); }
[data-vm-trend].vm-lt2 details.vm-longterm-day[aria-current="date"] > summary { box-shadow:inset 4px 0 0 var(--lt-accent); }
[data-vm-trend].vm-lt2 details.vm-longterm-day > summary:focus-visible { outline-offset:-3px; }
[data-vm-trend].vm-lt2 .vm-lt-day__date { grid-area:date; display:flex; flex-direction:column; min-width:0; }
[data-vm-trend].vm-lt2 .vm-lt-day__date strong { font-size:.86rem; font-weight:720; }
[data-vm-trend].vm-lt2 details[data-weekend] .vm-lt-day__date strong { color:var(--lt-accent); }
[data-vm-trend].vm-lt2 .vm-lt-day__sub { display:flex; align-items:center; gap:5px; margin-top:2px; font-size:.7rem; color:var(--lt-muted); white-space:nowrap; }
[data-vm-trend].vm-lt2 .vm-lt-conf { display:inline-block; flex:none; width:7px; height:7px; border-radius:50%; background:var(--lt-faint); vertical-align:1px; }
[data-vm-trend].vm-lt2 .vm-lt-conf--high { background:#16a34a; }
[data-vm-trend].vm-lt2 .vm-lt-conf--medium { background:#d97706; }
[data-vm-trend].vm-lt2 .vm-lt-conf--low { background:#dc2626; }
[data-vm-trend].vm-lt2 .vm-lt-day__icon { grid-area:icon; display:grid; place-items:center; width:30px; height:30px; }
[data-vm-trend].vm-lt2 .vm-lt-day__icon img { width:30px; height:30px; flex:none; object-fit:contain; }
[data-vm-trend].vm-lt2 .vm-longterm-day__no-icon { color:var(--lt-faint); }
[data-vm-trend].vm-lt2 .vm-lt-day__label { grid-area:label; position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
[data-vm-trend].vm-lt2 .vm-lt-day__range { grid-area:range; display:grid; grid-template-columns:28px minmax(24px,1fr) 30px; align-items:center; gap:6px; font-weight:750; font-variant-numeric:tabular-nums; min-width:0; }
[data-vm-trend].vm-lt2 .vm-lt-day__min { text-align:right; font-size:.84rem; }
[data-vm-trend].vm-lt2 .vm-lt-day__max { font-size:.95rem; }
[data-vm-trend].vm-lt2 .vm-lt-range { position:relative; height:8px; border-radius:999px; background:var(--lt-soft); box-shadow:inset 0 0 0 1px var(--lt-line); }
[data-vm-trend].vm-lt2 .vm-lt-range i { position:absolute; display:block; }
[data-vm-trend].vm-lt2 .vm-lt-range__whisker { top:50%; height:2px; margin-top:-1px; left:var(--wlo,0%); right:calc(100% - var(--whi,0%)); border-radius:2px; background:var(--lt-muted); opacity:.45; }
[data-vm-trend].vm-lt2 .vm-lt-range__fill { inset:0; border-radius:999px; background-image:var(--lt-tgrad); background-size:var(--lt-bgw,100%) 100%; background-position:var(--lt-bgx,0%) 0; background-repeat:no-repeat; clip-path:inset(0 calc(100% - var(--hi,0%)) 0 var(--lo,0%) round 999px); }
[data-theme="dark"] [data-vm-trend].vm-lt2 .vm-lt-range__fill { background-image:var(--lt-tgrad-dark); }
[data-vm-trend].vm-lt2 .vm-lt-range__norm { top:-4px; bottom:-4px; left:var(--norm,50%); width:2px; margin-left:-1px; border-radius:1px; background:var(--lt-ink); opacity:.55; pointer-events:none; }
[data-vm-trend].vm-lt2 .vm-lt-range--empty i { display:none; }
[data-vm-trend].vm-lt2 .vm-longterm-day__precip { grid-area:rain; display:flex; flex-direction:column; align-items:flex-end; gap:1px; font-variant-numeric:tabular-nums; white-space:nowrap; }
[data-vm-trend].vm-lt2 .vm-longterm-day__precip strong { font-size:.8rem; font-weight:700; color:var(--lt-rain); }
[data-vm-trend].vm-lt2 .vm-longterm-day__precip small { font-size:.7rem; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-lt-day__wind { grid-area:wind; display:none; flex-direction:column; align-items:flex-end; gap:1px; font-variant-numeric:tabular-nums; white-space:nowrap; }
[data-vm-trend].vm-lt2 .vm-lt-day__wind strong { font-size:.78rem; font-weight:650; }
[data-vm-trend].vm-lt2 .vm-lt-day__wind small { font-size:.68rem; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-lt-day__chev { grid-area:chev; display:grid; place-items:center; color:var(--lt-accent); }
[data-vm-trend].vm-lt2 .vm-lt-day__chev svg { display:block; transition:transform .18s ease; }
[data-vm-trend].vm-lt2 details.vm-longterm-day[open] .vm-lt-day__chev svg { transform:rotate(180deg); }
[data-vm-trend].vm-lt2 .vm-lt-day__more { padding:12px 12px 14px; background:var(--lt-soft); border-top:1px solid var(--lt-line); }
[data-vm-trend].vm-lt2 .vm-lt-day__more p { font-size:.84rem; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-lt-day__facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 14px; margin:0; padding:0; }
[data-vm-trend].vm-lt2 .vm-lt-day__facts div { min-width:0; }
[data-vm-trend].vm-lt2 .vm-lt-day__facts dt { font-size:.66rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-lt-day__facts dd { margin:2px 0 0; font-size:.84rem; font-weight:650; line-height:1.4; }
[data-vm-trend].vm-lt2 .vm-lt-days-key { margin:10px 0 0; font-size:.74rem; line-height:1.6; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-lt-days-key__bar { position:relative; display:inline-block; width:24px; height:8px; margin-right:6px; border-radius:999px; background:var(--lt-soft); box-shadow:inset 0 0 0 1px var(--lt-line); vertical-align:0; }
[data-vm-trend].vm-lt2 .vm-lt-days-key__bar::after { content:""; position:absolute; top:-4px; bottom:-4px; left:50%; width:2px; margin-left:-1px; border-radius:1px; background:var(--lt-ink); opacity:.55; }
[data-vm-trend].vm-lt2 .vm-lt-days-key .vm-lt-conf { margin:0 2px 0 4px; }
[data-vm-trend].vm-lt2 .vm-lt-legend { margin-top:8px; font-size:.76rem; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-lt-legend summary { cursor:pointer; font-weight:650; }
[data-vm-trend].vm-lt2 .vm-longterm-temperature { color:var(--vm-temp-light,#586c79); font-variant-numeric:tabular-nums; }
[data-theme="dark"] [data-vm-trend].vm-lt2 .vm-longterm-temperature { color:var(--vm-temp-dark,#b8c8d6); }
[data-vm-trend].vm-lt2 .vm-longterm-temperature-scale { max-width:440px; margin:10px 0 4px; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-longterm-temperature-scale p { font-size:11px; line-height:1.5; margin:0 0 8px; color:inherit; }
[data-vm-trend].vm-lt2 .vm-longterm-temperature-scale__bar { height:5px; border-radius:8px; background:var(--vm-scale-light); }
[data-theme="dark"] [data-vm-trend].vm-lt2 .vm-longterm-temperature-scale__bar { background:var(--vm-scale-dark); }
[data-vm-trend].vm-lt2 .vm-longterm-temperature-scale__ticks { position:relative; min-height:15px; margin-top:5px; font-size:10px; line-height:1.5; font-variant-numeric:tabular-nums; white-space:nowrap; }
[data-vm-trend].vm-lt2 .vm-longterm-temperature-scale__ticks span { position:absolute; left:0; }
[data-vm-trend].vm-lt2 .vm-longterm-temperature-scale__ticks span:nth-child(2) { left:33.333%; transform:translateX(-50%); }
[data-vm-trend].vm-lt2 .vm-longterm-temperature-scale__ticks span:nth-child(3) { left:66.667%; transform:translateX(-50%); }
[data-vm-trend].vm-lt2 .vm-longterm-temperature-scale__ticks span:last-child { left:auto; right:0; }

/* Charts: one card at a time on phones (buttons), all three from 768 px */
[data-vm-trend].vm-lt2 .vm-lt-chart-tabs { display:flex; justify-content:center; gap:6px; margin:0 0 12px; }
[data-vm-trend].vm-lt2 .vm-lt-chart-tabs button { min-height:38px; padding:6px 14px; border:1px solid var(--lt-border); border-radius:999px; background:var(--lt-surface); color:var(--lt-ink); font:inherit; font-size:.82rem; font-weight:700; line-height:1.2; letter-spacing:normal; text-transform:none; cursor:pointer; }
[data-vm-trend].vm-lt2 .vm-lt-chart-tabs button[aria-pressed="true"] { background:var(--lt-accent); border-color:var(--lt-accent); color:#fff; }
[data-theme="dark"] [data-vm-trend].vm-lt2 .vm-lt-chart-tabs button[aria-pressed="true"] { color:#0b1220; }
[data-vm-trend].vm-lt2 .vm-lt-charts__grid { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
[data-vm-trend].vm-lt2 .vm-trend-chart-card { min-width:0; margin:0; padding:14px; background:var(--lt-surface); border:1px solid var(--lt-border); border-radius:var(--lt-radius); box-shadow:var(--lt-shadow-sm); }
[data-vm-trend].vm-lt2 .vm-trend-chart-card h3 { font-size:1rem; font-weight:750; margin:0 0 10px; }
[data-vm-trend].vm-lt2 .vm-trend-chart-wrap { position:relative; width:100%; min-width:0; height:300px; }
[data-vm-trend].vm-lt2 .vm-trend-chart-wrap > canvas { display:block; width:100%!important; height:100%!important; }
[data-vm-trend].vm-lt2 .vm-longterm-chart__note { margin:10px 0 0!important; font-size:.76rem; line-height:1.6; color:var(--lt-muted); }
@media(max-width:767px) { [data-vm-trend].vm-lt2 #grafikoni.is-tabbed .vm-trend-chart-card:not(.is-active) { display:none; } }
@media(min-width:768px) {
    [data-vm-trend].vm-lt2 .vm-lt-chart-tabs { display:none!important; }
    [data-vm-trend].vm-lt2 .vm-trend-chart-wrap { height:320px; }
}
@media(min-width:1024px) {
    [data-vm-trend].vm-lt2 .vm-lt-charts__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    [data-vm-trend].vm-lt2 .vm-lt-charts__grid > :first-child { grid-column:1/-1; }
    [data-vm-trend].vm-lt2 .vm-lt-charts__grid > :first-child .vm-trend-chart-wrap { height:380px; }
}

/* Week overview, days 16–30, FAQ */
[data-vm-trend].vm-lt2 .vm-lt-overview__weeks { display:grid; gap:12px; max-width:var(--lt-prose); margin:0 auto; }
[data-vm-trend].vm-lt2 .vm-lt-overview__week { padding:14px 16px; background:var(--lt-surface); border:1px solid var(--lt-border); border-radius:14px; box-shadow:var(--lt-shadow-sm); }
[data-vm-trend].vm-lt2 .vm-lt-overview__week h3 { font-size:.98rem; font-weight:750; margin:0 0 6px; }
[data-vm-trend].vm-lt2 .vm-lt-overview__week h3 span { font-weight:600; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-lt-overview__week p { font-size:.9rem; line-height:1.65; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-lt-method { max-width:var(--lt-prose); margin:10px auto 0!important; font-size:.74rem; color:var(--lt-faint); }
[data-vm-trend].vm-lt2 .vm-trend-extended { margin-top:var(--lt-gap); }
[data-vm-trend].vm-lt2 .vm-lt-faq__list { display:grid; gap:10px; max-width:var(--lt-prose); margin:0 auto; }
[data-vm-trend].vm-lt2 .vm-lt-faq__item { background:var(--lt-surface); border:1px solid var(--lt-border); border-radius:14px; box-shadow:var(--lt-shadow-sm); }
[data-vm-trend].vm-lt2 .vm-lt-faq__item[open] { border-color:var(--lt-accent); }
[data-vm-trend].vm-lt2 :is(.vm-lt-faq__item,.vm-lt-sun) > summary { position:relative; min-height:48px; padding:14px 46px 14px 18px; font-size:.92rem; font-weight:650; list-style:none; cursor:pointer; }
[data-vm-trend].vm-lt2 :is(.vm-lt-faq__item,.vm-lt-sun) > summary::-webkit-details-marker { display:none; }
[data-vm-trend].vm-lt2 :is(.vm-lt-faq__item,.vm-lt-sun) > summary::after { content:""; position:absolute; right:18px; top:50%; width:8px; height:8px; border-right:2px solid var(--lt-muted); border-bottom:2px solid var(--lt-muted); transform:translateY(-70%) rotate(45deg); transition:transform .2s; }
[data-vm-trend].vm-lt2 :is(.vm-lt-faq__item,.vm-lt-sun)[open] > summary::after { transform:translateY(-30%) rotate(-135deg); }
[data-vm-trend].vm-lt2 .vm-lt-faq__item p { padding:0 18px 16px; font-size:.9rem; line-height:1.65; color:var(--lt-muted); }

/* Sun (folded), place, nearby */
[data-vm-trend].vm-lt2 .vm-lt-sun { max-width:var(--lt-prose); margin:var(--lt-gap) auto 0; background:var(--lt-surface); border:1px solid var(--lt-border); border-radius:14px; box-shadow:var(--lt-shadow-sm); }
[data-vm-trend].vm-lt2 .vm-longterm-sun__days { display:flex; gap:8px; overflow-x:auto; max-width:100%; padding:0 14px 12px; scrollbar-width:thin; }
[data-vm-trend].vm-lt2 .vm-longterm-sun__day { flex:0 0 96px; display:grid; gap:4px; padding:10px 8px; border:1px solid var(--lt-border); border-radius:10px; text-align:center; background:var(--lt-soft); }
[data-vm-trend].vm-lt2 .vm-longterm-sun__day[aria-current="date"] { border-color:var(--lt-accent); }
[data-vm-trend].vm-lt2 .vm-longterm-sun__day strong { font-size:.72rem; white-space:nowrap; }
[data-vm-trend].vm-lt2 .vm-longterm-sun__day > span { display:flex; align-items:center; justify-content:center; gap:4px; font-size:.8rem; font-variant-numeric:tabular-nums; }
[data-vm-trend].vm-lt2 .vm-longterm-sun__day img { width:22px; height:22px; flex:none; }
[data-vm-trend].vm-lt2 .vm-longterm-sun__day small { font-size:.66rem; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-lt-sun > p { padding:0 18px 14px; font-size:.74rem; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-lt-local > p,[data-vm-trend].vm-lt2 .vm-lt-local .vm-location-cyrillic { max-width:var(--lt-prose); margin:0 auto 12px!important; font-size:.92rem; line-height:1.7; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-lt-local .vm-location-cyrillic { font-size:.86rem; }
[data-vm-trend].vm-lt2 .vm-lt-cta { display:flex; flex-direction:column; gap:4px; max-width:var(--lt-prose); margin:0 auto 14px; padding:16px 18px; border:1px solid #b7cff7; border-radius:var(--lt-radius); background:linear-gradient(120deg,#eaf2ff,var(--lt-surface) 85%); box-shadow:var(--lt-shadow-sm); color:var(--lt-ink); text-decoration:none; }
[data-theme="dark"] [data-vm-trend].vm-lt2 .vm-lt-cta { border-color:#2b4a7a; background:linear-gradient(120deg,#16294a,var(--lt-surface) 85%); }
[data-vm-trend].vm-lt2 .vm-lt-cta:hover { border-color:var(--lt-accent); box-shadow:var(--lt-shadow-md); }
[data-vm-trend].vm-lt2 .vm-lt-cta__kicker { font-size:.66rem; font-weight:750; letter-spacing:.07em; text-transform:uppercase; color:var(--lt-accent); }
[data-vm-trend].vm-lt2 .vm-lt-cta strong { font-size:1rem; line-height:1.4; }
[data-vm-trend].vm-lt2 .vm-lt-cta__text { font-size:.84rem; color:var(--lt-muted); }
[data-vm-trend].vm-lt2 .vm-lt-more .vm-crosslink-box { max-width:var(--lt-prose); margin:0 auto 14px; padding:16px 18px; background:var(--lt-surface); border:1px solid var(--lt-border); border-radius:var(--lt-radius); box-shadow:var(--lt-shadow-sm); }
[data-vm-trend].vm-lt2 .vm-lt-more__links { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 18px; max-width:var(--lt-prose); margin:6px auto 0!important; font-size:.88rem; font-weight:700; text-align:center!important; }
[data-vm-trend].vm-lt2 .vm-lt-more__links a { text-decoration:none; }
[data-vm-trend].vm-lt2 .vm-longterm-unavailable { max-width:var(--lt-prose); margin-inline:auto; }
[data-vm-trend].vm-lt2 .vm-longterm-unavailable h2 { font-size:1.2rem; margin:0 0 8px; }
[data-vm-trend].vm-lt2 .vm-longterm-unavailable p { color:var(--lt-muted); }

/* Wider screens */
@media(min-width:430px) {
    [data-vm-trend].vm-lt2 { --lt-day-cols:50px 32px minmax(0,1fr) 54px 44px 14px; --lt-day-areas:"date icon range rain wind chev"; }
    [data-vm-trend].vm-lt2 .vm-lt-day__wind { display:flex; }
}
@media(min-width:600px) {
    [data-vm-trend].vm-lt2 { --lt-day-cols:64px 36px minmax(110px,1fr) minmax(150px,1.3fr) 64px 58px 16px; --lt-day-areas:"date icon label range rain wind chev"; }
    [data-vm-trend].vm-lt2 .vm-lt-day__label { position:static; width:auto; height:auto; overflow:hidden; clip:auto; min-width:0; font-size:.8rem; color:var(--lt-muted); text-overflow:ellipsis; }
    [data-vm-trend].vm-lt2 .vm-lt-day__icon,[data-vm-trend].vm-lt2 .vm-lt-day__icon img { width:34px; height:34px; }
    [data-vm-trend].vm-lt2 details.vm-longterm-day > summary { min-height:60px; padding:8px 16px; }
    [data-vm-trend].vm-lt2 .vm-lt-week__title { padding-inline:16px; }
    [data-vm-trend].vm-lt2 .vm-lt-day__more { padding:14px 16px 16px; }
    [data-vm-trend].vm-lt2 .vm-lt-day__facts { grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
    [data-vm-trend].vm-lt2 .vm-lt-days-head { display:grid; grid-template-columns:var(--lt-day-cols); column-gap:8px; padding:0 17px 6px; font-size:.64rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--lt-faint); }
    [data-vm-trend].vm-lt2 .vm-lt-days-head > span:nth-child(1) { grid-column:1 / 3; }
    [data-vm-trend].vm-lt2 .vm-lt-days-head > span:nth-child(3) { text-align:center; }
    [data-vm-trend].vm-lt2 .vm-lt-days-head > span:nth-child(4),[data-vm-trend].vm-lt2 .vm-lt-days-head > span:nth-child(5) { text-align:right; }
}
@media(min-width:768px) {
    [data-vm-trend].vm-lt2 .vm-lt-quick__list { grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:12px; }
    [data-vm-trend].vm-lt2 .vm-lt-quick__item { padding:12px 14px; }
    [data-vm-trend].vm-lt2 .vm-lt-quick__item:last-child:nth-child(odd) { grid-column:auto; }
}
@media(min-width:1024px) {
    [data-vm-trend].vm-lt2 { --lt-gap:48px; width:min(1180px,calc(100% - 48px)); }
    [data-vm-trend].vm-lt2 .vm-lt-section__head h2 { font-size:1.55rem; }
    [data-vm-trend].vm-lt2 :is(.vm-lt-days,.vm-lt-days-head,.vm-lt-days-key,.vm-lt-legend,.vm-longterm-days > .vm-longterm-notice) { max-width:var(--lt-list); margin-inline:auto; }
}
@media(prefers-reduced-motion:reduce) {
    [data-vm-trend].vm-lt2 :is(.vm-lt-day__chev svg,details.vm-longterm-day > summary) { transition:none; }
    [data-vm-trend].vm-lt2 :is(.vm-lt-faq__item,.vm-lt-sun) > summary::after { transition:none; }
}
@media(forced-colors:active) {
    [data-vm-trend].vm-lt2 .vm-lt-conf { border:1px solid CanvasText; }
    [data-vm-trend].vm-lt2 .vm-longterm-temperature { color:CanvasText!important; }
    [data-vm-trend].vm-lt2 .vm-lt-range__fill { background:Highlight; }
}