.guide-meteo-page { background: linear-gradient(180deg, #eef9ff 0, var(--site-bg) 520px, var(--site-bg) 100%); }
.guide-shell { padding: 24px 0 88px; }
.guide-breadcrumbs { margin: 2px 0 20px; }

.guide-home-hero,
.guide-article-hero { position: relative; overflow: hidden; border: 1px solid rgba(161,213,240,.9); box-shadow: 0 24px 70px rgba(4,59,111,.13); }
.guide-home-hero::before,
.guide-article-hero::before { content: ''; position: absolute; width: 420px; height: 420px; right: -150px; top: -230px; border-radius: 50%; background: rgba(255,216,25,.86); box-shadow: 0 0 0 42px rgba(255,255,255,.10), 0 0 0 92px rgba(44,197,244,.12); }
.guide-home-hero::after,
.guide-article-hero::after { content: ''; position: absolute; left: -90px; bottom: -125px; width: 290px; height: 190px; border-radius: 50%; background: rgba(255,255,255,.10); transform: rotate(-12deg); }

.guide-home-hero { min-height: 390px; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); align-items: center; gap: 40px; padding: clamp(34px, 6vw, 68px); color: #fff; background: linear-gradient(135deg, #063e7d 0%, #0879d9 55%, #20b8ec 100%); border-radius: 32px; }
.guide-home-hero__copy { position: relative; z-index: 2; max-width: 760px; }
.guide-home-hero .eyebrow { color: #c8f1ff; }
.guide-home-hero h1 { max-width: 760px; margin: 0; font-size: clamp(3rem, 7vw, 5.7rem); line-height: .94; letter-spacing: -.06em; }
.guide-home-hero__lead { max-width: 720px; margin: 22px 0 0; color: rgba(255,255,255,.92); font-size: clamp(1.03rem, 2vw, 1.24rem); line-height: 1.65; }
.guide-home-hero__visual { position: relative; z-index: 2; min-height: 250px; }
.guide-home-hero__weather { position: absolute; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.28); box-shadow: 0 20px 48px rgba(0,38,87,.18); backdrop-filter: blur(12px); }
.guide-home-hero__weather svg { width: 58%; height: 58%; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.guide-home-hero__weather--sun { width: 150px; height: 150px; right: 8%; top: 3%; color: #fff5a8; background: rgba(255,214,25,.18); border-radius: 50%; }
.guide-home-hero__weather--cloud { width: 190px; height: 132px; left: 5%; bottom: 6%; color: #fff; background: rgba(255,255,255,.14); border-radius: 42px; }
.guide-home-hero__weather--radar { width: 110px; height: 110px; right: 0; bottom: 0; color: #cdf7ff; background: rgba(8,53,105,.20); border-radius: 28px; transform: rotate(7deg); }

.guide-intro { max-width: 850px; margin: 58px auto 28px; text-align: center; }
.guide-intro h2 { margin: 0; color: var(--blue-950); font-size: clamp(2rem, 4.5vw, 3.25rem); line-height: 1.02; letter-spacing: -.045em; }
.guide-intro p { margin: 14px auto 0; color: var(--muted); font-size: 1.03rem; line-height: 1.7; }
.guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.guide-card { position: relative; display: grid; min-height: 285px; grid-template-rows: auto auto 1fr auto; gap: 13px; padding: 26px; overflow: hidden; color: var(--ink); text-decoration: none; background: rgba(255,255,255,.94); border: 1px solid rgba(185,216,234,.96); border-radius: 24px; box-shadow: var(--shadow-soft); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.guide-card::after { content: ''; position: absolute; right: -45px; bottom: -65px; width: 150px; height: 150px; border-radius: 50%; background: radial-gradient(circle, rgba(44,197,244,.13), rgba(44,197,244,0) 68%); pointer-events: none; }
.guide-card:hover { transform: translateY(-4px); border-color: rgba(8,121,217,.42); box-shadow: 0 20px 44px rgba(5,68,122,.14); }
.guide-card:focus-visible { outline: 3px solid rgba(8,121,217,.28); outline-offset: 3px; }
.guide-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.guide-card__icon { display: grid; width: 62px; height: 62px; place-items: center; color: var(--blue-700); background: linear-gradient(145deg, #e6f7ff, #fff); border: 1px solid #cceaf8; border-radius: 19px; }
.guide-card__icon svg { width: 39px; height: 39px; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.guide-card__reading { color: var(--muted); font-size: .76rem; font-weight: 750; }
.guide-card small { color: var(--blue-700); font-size: .74rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.guide-card h3 { margin: 0; color: var(--blue-950); font-size: 1.42rem; line-height: 1.12; letter-spacing: -.025em; }
.guide-card p { margin: 0; color: var(--muted); line-height: 1.58; }
.guide-card__cta { display: inline-flex; align-items: center; gap: 8px; color: var(--blue-800); font-weight: 850; }

.guide-home-note { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; margin-top: 28px; padding: 24px 28px; color: #0c4d78; background: linear-gradient(120deg, #e5f6ff, #f8fdff); border: 1px solid #c8eafd; border-radius: 22px; }
.guide-home-note__icon { display: grid; width: 48px; height: 48px; place-items: center; color: #fff; background: var(--blue-700); border-radius: 15px; font-size: 1.3rem; font-weight: 900; }
.guide-home-note strong { display: block; color: var(--blue-950); margin-bottom: 4px; }
.guide-home-note p { margin: 0; line-height: 1.55; }

.guide-article-hero { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 28px; align-items: center; min-height: 330px; padding: clamp(34px, 5vw, 58px); color: #fff; background: linear-gradient(135deg, #063e7d 0%, #0879d9 58%, #20b8ec 100%); border-radius: 30px; }
.guide-article-hero__icon { position: relative; z-index: 2; display: grid; width: 120px; height: 120px; place-items: center; color: #fff; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.28); border-radius: 30px; box-shadow: inset 0 1px 0 rgba(255,255,255,.12); backdrop-filter: blur(10px); }
.guide-article-hero__icon svg { width: 76px; height: 76px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.guide-article-hero__copy { position: relative; z-index: 2; }
.guide-article-hero .eyebrow { color: #c8f1ff; }
.guide-article-hero h1 { max-width: 900px; margin: 0; font-size: clamp(2.5rem, 5.5vw, 4.7rem); line-height: .98; letter-spacing: -.052em; }
.guide-article-hero__lead { max-width: 900px; margin: 18px 0 0; color: rgba(255,255,255,.92); font-size: clamp(1rem, 2vw, 1.16rem); line-height: 1.65; }
.guide-article-meta { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; color: #d6f5ff; font-size: .82rem; font-weight: 760; }

.guide-article-layout { display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: 28px; align-items: start; margin-top: 30px; }
.guide-toc { position: sticky; top: 108px; display: grid; gap: 14px; padding: 22px; background: rgba(255,255,255,.88); border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 10px 30px rgba(5,68,122,.07); }
.guide-toc > strong { color: var(--blue-950); font-size: .9rem; }
.guide-toc nav { display: grid; gap: 2px; }
.guide-toc nav a { padding: 8px 0; color: var(--muted); text-decoration: none; border-bottom: 1px solid #edf5f9; font-size: .83rem; line-height: 1.35; }
.guide-toc nav a:hover { color: var(--blue-700); }
.guide-toc__back { margin-top: 2px; color: var(--blue-700); text-decoration: none; font-size: .82rem; font-weight: 800; }
.guide-article { min-width: 0; padding: clamp(26px, 4vw, 48px); background: #fff; border: 1px solid var(--line); border-radius: 26px; box-shadow: var(--shadow-soft); }
.guide-summary { display: grid; grid-template-columns: minmax(150px,.38fr) minmax(0,.62fr); gap: 28px; margin-bottom: 50px; padding: 24px 26px; background: linear-gradient(135deg, #eaf7ff, #f9fdff); border: 1px solid #cfeafa; border-radius: 20px; }
.guide-summary__label { display: inline-block; margin-bottom: 7px; color: var(--blue-700); font-size: .72rem; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.guide-summary h2 { margin: 0; color: var(--blue-950); font-size: 1.35rem; line-height: 1.12; }
.guide-summary ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.guide-summary li { position: relative; padding-left: 25px; line-height: 1.5; }
.guide-summary li::before { content: '✓'; position: absolute; left: 0; top: 0; color: var(--blue-700); font-weight: 950; }
.guide-section { position: relative; scroll-margin-top: 110px; padding: 10px 0 24px; }
.guide-section + .guide-section { padding-top: 24px; border-top: 1px solid #e8f2f7; }
.guide-section__number { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 28px; margin-bottom: 11px; padding: 0 8px; color: var(--blue-700); background: #eaf7ff; border-radius: 999px; font-size: .72rem; font-weight: 900; letter-spacing: .04em; }
.guide-section h2 { margin: 0 0 18px; color: var(--blue-950); font-size: clamp(1.65rem, 3vw, 2.25rem); line-height: 1.08; letter-spacing: -.035em; }
.guide-prose { color: #25485f; font-size: 1.01rem; line-height: 1.78; }
.guide-prose p { margin: 0 0 18px; }
.guide-prose p:last-child { margin-bottom: 0; }
.guide-prose a { color: var(--blue-700); font-weight: 750; text-underline-offset: 3px; }
.guide-callout { margin: 24px 0; padding: 20px 22px; color: #174965; background: #f0faff; border-left: 4px solid var(--cyan-400); border-radius: 0 16px 16px 0; }
.guide-callout strong { display: block; margin-bottom: 5px; color: var(--blue-950); }
.guide-callout p { margin: 0; }
.guide-note { color: var(--muted); font-size: .88rem; }
.guide-bullets, .guide-steps { display: grid; gap: 12px; margin: 18px 0; padding-left: 22px; }
.guide-steps { counter-reset: steps; padding: 0; list-style: none; }
.guide-steps li { position: relative; min-height: 44px; padding: 8px 0 8px 54px; }
.guide-steps li::before { counter-increment: steps; content: counter(steps); position: absolute; left: 0; top: 4px; display: grid; width: 38px; height: 38px; place-items: center; color: #fff; background: var(--blue-700); border-radius: 12px; font-size: .84rem; font-weight: 900; }
.guide-table-wrap { width: 100%; margin: 22px 0; overflow-x: auto; border: 1px solid #dcebf4; border-radius: 16px; }
.guide-table { width: 100%; min-width: 540px; border-collapse: collapse; background: #fff; font-size: .92rem; }
.guide-table th { padding: 13px 15px; color: var(--blue-950); background: #edf8fe; text-align: left; }
.guide-table td { padding: 13px 15px; vertical-align: top; border-top: 1px solid #e5f0f6; }
.guide-table td:first-child { color: var(--blue-900); font-weight: 800; white-space: nowrap; }
.guide-glossary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 0; }
.guide-glossary > div { padding: 18px; background: #f8fcff; border: 1px solid #e1eff6; border-radius: 15px; }
.guide-glossary dt { margin-bottom: 6px; color: var(--blue-900); font-weight: 900; }
.guide-glossary dd { margin: 0; color: #47677a; font-size: .93rem; line-height: 1.58; }

.guide-related { margin-top: 16px; padding-top: 38px; border-top: 1px solid #e8f2f7; }
.guide-related h2 { margin: 0 0 18px; color: var(--blue-950); font-size: 1.7rem; letter-spacing: -.03em; }
.guide-related__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.guide-related-card { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 10px; align-items: center; min-width: 0; padding: 14px; color: var(--ink); text-decoration: none; background: #f7fcff; border: 1px solid #dcebf4; border-radius: 15px; transition: border-color .18s ease, transform .18s ease, background .18s ease; }
.guide-related-card:hover { transform: translateY(-2px); background: #fff; border-color: #9ed6f2; }
.guide-related-card__icon { display: grid; width: 42px; height: 42px; place-items: center; color: var(--blue-700); background: #eaf7ff; border-radius: 12px; }
.guide-related-card__icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.guide-related-card small, .guide-related-card strong { display: block; min-width: 0; }
.guide-related-card small { margin-bottom: 2px; color: var(--muted); font-size: .66rem; text-transform: uppercase; }
.guide-related-card strong { color: var(--blue-950); font-size: .82rem; line-height: 1.22; }
.guide-related-card > span:last-child { color: var(--blue-700); font-weight: 900; }

@media (max-width: 980px) {
  .guide-home-hero { grid-template-columns: 1fr; min-height: 0; }
  .guide-home-hero__visual { display: none; }
  .guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .guide-article-layout { grid-template-columns: 1fr; }
  .guide-toc { position: static; }
  .guide-toc nav { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 18px; }
}

@media (max-width: 700px) {
  .guide-shell { padding: 12px 0 64px; }
  .guide-meteo-page .page-shell { width: min(100% - 24px, 1240px); }
  .guide-home-hero { padding: 30px 24px 34px; border-radius: 24px; }
  .guide-home-hero h1 { font-size: clamp(2.7rem, 13vw, 4rem); }
  .guide-intro { margin-top: 42px; }
  .guide-grid { grid-template-columns: 1fr; }
  .guide-card { min-height: 0; }
  .guide-home-note { grid-template-columns: 1fr; }
  .guide-article-hero { grid-template-columns: 1fr; gap: 18px; padding: 28px 23px 32px; border-radius: 24px; }
  .guide-article-hero__icon { width: 82px; height: 82px; border-radius: 22px; }
  .guide-article-hero__icon svg { width: 52px; height: 52px; }
  .guide-article { padding: 24px 20px; border-radius: 22px; }
  .guide-toc { padding: 18px; }
  .guide-toc nav { grid-template-columns: 1fr; }
  .guide-summary { grid-template-columns: 1fr; gap: 16px; padding: 20px; }
  .guide-section { padding-bottom: 22px; }
  .guide-section + .guide-section { padding-top: 22px; }
  .guide-glossary { grid-template-columns: 1fr; }
  .guide-related__grid { grid-template-columns: 1fr; }
}

/* v1.14.95 - Guida Meteo Complete & Visual Refresh */
.guide-category-nav { display: flex; flex-wrap: wrap; gap: 9px; margin: 22px 0 0; padding: 12px; background: rgba(255,255,255,.82); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 8px 26px rgba(5,68,122,.07); }
.guide-category-nav a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; color: var(--blue-900); text-decoration: none; background: #f4fbff; border: 1px solid #dceef8; border-radius: 12px; font-size: .82rem; font-weight: 820; transition: transform .16s ease, background .16s ease, border-color .16s ease; }
.guide-category-nav a:hover { transform: translateY(-1px); background: #fff; border-color: #9ed9f5; }
.guide-category-nav span { display: grid; width: 26px; height: 26px; place-items: center; color: var(--blue-700); }
.guide-category-nav svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.7; stroke-linecap: round; stroke-linejoin: round; }

.guide-home-intro { display: grid; grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); gap: 40px; align-items: end; max-width: 1080px; margin: 64px auto 46px; }
.guide-home-intro h2 { margin: 0; color: var(--blue-950); font-size: clamp(2rem,4.3vw,3.25rem); line-height: 1.02; letter-spacing: -.045em; }
.guide-home-intro > p { margin: 0; color: var(--muted); font-size: 1.02rem; line-height: 1.72; }

.guide-category-section { scroll-margin-top: 96px; margin-top: 58px; }
.guide-category-section + .guide-category-section { padding-top: 58px; border-top: 1px solid #dcebf4; }
.guide-category-header { display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 20px; align-items: start; max-width: 930px; margin-bottom: 22px; }
.guide-category-header__icon { display: grid; width: 70px; height: 70px; place-items: center; color: var(--blue-700); background: linear-gradient(145deg,#eaf8ff,#fff); border: 1px solid #cceaf8; border-radius: 20px; box-shadow: 0 10px 28px rgba(5,68,122,.07); }
.guide-category-header__icon svg { width: 43px; height: 43px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.guide-category-header h2 { margin: 0; color: var(--blue-950); font-size: clamp(1.8rem,3vw,2.45rem); letter-spacing: -.035em; }
.guide-category-header p:last-child { max-width: 780px; margin: 7px 0 0; color: var(--muted); line-height: 1.62; }

.guide-card { border-top: 4px solid #36a9e1; }
.guide-card--green { border-top-color: #36ad78; }
.guide-card--cyan { border-top-color: #24b6d8; }
.guide-card--violet { border-top-color: #8068d8; }
.guide-card--indigo { border-top-color: #516bd7; }
.guide-card--teal { border-top-color: #27a7a1; }
.guide-card--aqua { border-top-color: #30b8c8; }
.guide-card--navy { border-top-color: #2d6eab; }
.guide-card--amber { border-top-color: #e8ab2d; }
.guide-card--slate { border-top-color: #71849a; }
.guide-card--ice { border-top-color: #63b9e8; }
.guide-card--sky { border-top-color: #73bce5; }
.guide-card--rose { border-top-color: #d8757e; }

.guide-article-hero { grid-template-columns: 112px minmax(0,1fr) minmax(260px,340px); gap: 28px; }
.guide-article-hero__icon { width: 105px; height: 105px; border-radius: 28px; }
.guide-article-hero__icon svg { width: 66px; height: 66px; }
.guide-article-hero__visual { position: relative; z-index: 2; align-self: stretch; display: grid; place-items: center; min-height: 235px; }

.guide-theme-green .guide-article-hero { background: linear-gradient(135deg,#064c59 0%,#0a887e 56%,#31b895 100%); }
.guide-theme-cyan .guide-article-hero { background: linear-gradient(135deg,#064573 0%,#087fac 55%,#29b9d1 100%); }
.guide-theme-violet .guide-article-hero { background: linear-gradient(135deg,#342b68 0%,#5b4eb4 56%,#8a73dc 100%); }
.guide-theme-indigo .guide-article-hero { background: linear-gradient(135deg,#1d376b 0%,#355cb7 56%,#5d82df 100%); }
.guide-theme-teal .guide-article-hero { background: linear-gradient(135deg,#07545b 0%,#078b91 56%,#2bb8b4 100%); }
.guide-theme-aqua .guide-article-hero { background: linear-gradient(135deg,#075067 0%,#058e9c 56%,#36bdc7 100%); }
.guide-theme-navy .guide-article-hero { background: linear-gradient(135deg,#092e58 0%,#195a91 56%,#3889bd 100%); }
.guide-theme-amber .guide-article-hero { background: linear-gradient(135deg,#7d4500 0%,#c57d08 58%,#eba92d 100%); }
.guide-theme-slate .guide-article-hero { background: linear-gradient(135deg,#34495c 0%,#667b8e 58%,#8ba0b0 100%); }
.guide-theme-ice .guide-article-hero { background: linear-gradient(135deg,#285b86 0%,#4f95c6 56%,#81c7e8 100%); }
.guide-theme-sky .guide-article-hero { background: linear-gradient(135deg,#2d5f8e 0%,#5695c4 56%,#8ec8e7 100%); }
.guide-theme-rose .guide-article-hero { background: linear-gradient(135deg,#68343c 0%,#a85563 56%,#d78188 100%); }

/* Static explainer visuals used by Guida Meteo. */
.gv { position: relative; width: 100%; min-height: 210px; color: #fff; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.24); border-radius: 26px; box-shadow: inset 0 1px 0 rgba(255,255,255,.14),0 20px 44px rgba(1,27,60,.14); overflow: hidden; backdrop-filter: blur(8px); }
.gv::after { content: ''; position: absolute; inset: auto -35px -55px auto; width: 150px; height: 150px; border-radius: 50%; background: rgba(255,255,255,.08); }
.gv-forecast { display: flex; align-items: end; justify-content: center; gap: 8px; padding: 34px 20px; }
.gv-forecast span { display: grid; place-items: center; gap: 7px; width: 47px; height: 92px; padding: 10px 4px; border-radius: 16px; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.13); }
.gv-forecast span:nth-child(2){height:112px}.gv-forecast .is-active{height:142px;background:rgba(255,217,57,.22);border-color:rgba(255,238,153,.65)}.gv-forecast span:nth-child(4){height:118px}.gv-forecast b{font-size:.72rem}.gv-forecast i{font-style:normal;font-size:1rem;font-weight:900}
.gv-reliability { display:grid; align-content:center; gap:18px; padding:28px; }.gv-reliability div{display:grid;grid-template-columns:72px 1fr 56px;gap:10px;align-items:center;font-size:.72rem}.gv-reliability i{height:11px;border-radius:999px;background:linear-gradient(90deg,#b8f2d4 var(--v),rgba(255,255,255,.14) var(--v));}.gv-reliability b{text-align:right;font-size:.7rem;color:#dfffea}
.gv-radar .ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.4);border-radius:50%}.gv-radar .r1{width:65px;height:65px}.gv-radar .r2{width:120px;height:120px}.gv-radar .r3{width:180px;height:180px}.gv-radar .echo{position:absolute;border-radius:50%;filter:blur(.5px)}.gv-radar .e1{width:35px;height:25px;left:55%;top:23%;background:#73db8d}.gv-radar .e2{width:50px;height:36px;left:34%;top:50%;background:#ffcd4a}.gv-radar .e3{width:26px;height:22px;left:40%;top:55%;background:#ff755f}.gv-radar b{position:absolute;left:18px;bottom:15px;font-size:.72rem;letter-spacing:.14em}
.gv-storm{display:grid;place-items:center}.gv-storm .cloud{font-size:6rem;line-height:1;color:#dff4ff}.gv-storm .up{position:absolute;left:31%;top:28%;font-size:2.8rem;color:#fff2a0}.gv-storm .bolt{position:absolute;left:55%;top:42%;font-size:4rem;color:#ffe055}.gv-storm .hail{position:absolute;left:25%;bottom:31px;letter-spacing:7px;color:#e4f7ff}.gv-storm small{position:absolute;bottom:10px;font-size:.67rem;color:#dff4ff}
.gv-uv{display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;padding:34px 18px}.gv-uv span{display:grid;place-items:center;align-content:center;gap:4px;font-weight:950;font-size:1rem}.gv-uv small{font-size:.58rem;font-weight:750;text-transform:uppercase}.gv-uv .u1{background:#4da96d}.gv-uv .u2{background:#d0b62b}.gv-uv .u3{background:#df8a2a}.gv-uv .u4{background:#d7514c}.gv-uv .u5{background:#8f55ad}.gv-uv span:first-child{border-radius:14px 0 0 14px}.gv-uv span:last-child{border-radius:0 14px 14px 0}
.gv-refresh{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:28px}.gv-refresh div{padding:19px 14px;border-radius:15px;background:rgba(255,255,255,.12);text-align:center}.gv-refresh .new{background:rgba(190,255,229,.17);border:1px solid rgba(198,255,229,.35)}.gv-refresh b,.gv-refresh span{display:block}.gv-refresh span{margin-top:7px;font-size:.69rem}.gv-refresh i{font-style:normal;font-size:1.7rem}
.gv-model .model-grid{position:absolute;inset:25px;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:24px 24px;border-radius:18px}.gv-model span{position:absolute;padding:7px 9px;border-radius:9px;background:rgba(1,43,89,.55);font-size:.66rem;font-weight:850}.gv-model .m1{left:14px;top:18px}.gv-model .m2{right:13px;top:47px}.gv-model .m3{left:26px;bottom:41px}.gv-model .m4{right:18px;bottom:16px}
.gv-map .iso{position:absolute;border:2px solid rgba(255,255,255,.35);border-radius:50%;transform:rotate(-12deg)}.gv-map .i1{width:180px;height:105px;left:-28px;top:20px}.gv-map .i2{width:170px;height:120px;right:-32px;bottom:18px}.gv-map .high,.gv-map .low{position:absolute;font-size:2.2rem}.gv-map .high{left:24%;top:34%;color:#ffdf76}.gv-map .low{right:24%;bottom:30%;color:#cbe7ff}.gv-map .front{position:absolute;width:100px;height:5px;transform:rotate(-20deg)}.gv-map .cold{left:18px;bottom:34px;background:repeating-linear-gradient(90deg,#8ed5ff 0 12px,transparent 12px 20px)}.gv-map .warm{right:18px;top:33px;background:repeating-linear-gradient(90deg,#ff9ca7 0 12px,transparent 12px 20px)}
.gv-wind{display:grid;place-items:center}.gv-wind::before{content:'';width:135px;height:135px;border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:inset 0 0 0 22px rgba(255,255,255,.04)}.gv-wind .north,.gv-wind .east,.gv-wind .south,.gv-wind .west{position:absolute;font-size:.72rem;font-weight:900}.gv-wind .north{top:24px}.gv-wind .south{bottom:24px}.gv-wind .east{right:35px}.gv-wind .west{left:35px}.gv-wind .needle{position:absolute;width:7px;height:75px;background:linear-gradient(#ffe76c 0 50%,rgba(255,255,255,.55) 50%);clip-path:polygon(50% 0,100% 50%,65% 50%,65% 100%,35% 100%,35% 50%,0 50%);transform:rotate(45deg)}.gv-wind b{position:absolute;bottom:44px}
.gv-humidity{display:grid;grid-template-columns:1fr 52px;align-items:center;gap:18px;padding:26px 34px}.gv-humidity .drop{display:grid;place-items:center;width:105px;height:135px;margin:auto;background:rgba(186,244,255,.18);border:2px solid rgba(224,250,255,.7);border-radius:58% 58% 62% 62% / 70% 70% 42% 42%;font-size:2.2rem;font-weight:950}.gv-humidity .drop small{font-size:.9rem}.gv-humidity .thermo{position:relative;width:24px;height:130px;border:2px solid rgba(255,255,255,.7);border-radius:20px}.gv-humidity .thermo span{position:absolute;left:3px;right:3px;bottom:3px;height:var(--h);border-radius:14px;background:#ffe26a}.gv-humidity p{grid-column:1/-1;margin:0;text-align:center;font-size:.69rem;color:#dff9ff}
.gv-pressure .p-ring{position:absolute;border:2px solid rgba(255,255,255,.3);border-radius:48%}.gv-pressure .p1{width:165px;height:85px;left:-18px;top:18px}.gv-pressure .p2{width:150px;height:100px;right:-14px;bottom:22px}.gv-pressure .p-high,.gv-pressure .p-low{position:absolute;font-size:2.7rem}.gv-pressure .p-high{left:29%;top:28%;color:#ffe27b}.gv-pressure .p-low{right:25%;bottom:25%;color:#cfeaff}.gv-pressure small{position:absolute;left:16px;bottom:14px;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}
.gv-rain{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center;padding:28px 14px}.gv-rain div{display:grid;gap:7px;text-align:center;padding:20px 7px;border-radius:15px;background:rgba(255,255,255,.10)}.gv-rain b{font-size:.63rem;color:#d9f6ff}.gv-rain strong{font-size:1.25rem}
.gv-snow .mountain{position:absolute;left:28px;right:28px;bottom:20px;height:155px;background:linear-gradient(145deg,transparent 0 25%,rgba(255,255,255,.13) 25% 50%,transparent 50%),linear-gradient(35deg,#b7def1 0 49%,#e8f8ff 50% 53%,#91c5e0 54% 100%);clip-path:polygon(0 100%,34% 32%,48% 58%,66% 18%,100% 100%)}.gv-snow .zero,.gv-snow .snowline{position:absolute;left:12%;right:12%;height:2px;font-size:.61rem;font-weight:850}.gv-snow .zero{top:38%;background:#ffdc68;color:#fff3bd}.gv-snow .snowline{top:57%;background:#dff7ff;color:#eafaff}.gv-snow i{position:absolute;right:22px;top:18px;font-size:1.8rem;font-style:normal}
.gv-clouds{display:grid;align-content:center;gap:10px;padding:22px}.gv-clouds div{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.1)}.gv-clouds span{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.gv-clouds i{font-style:normal;font-weight:850}.gv-clouds b{text-align:center;margin-top:2px;color:#fff1a2}
.gv-fog .road{position:absolute;left:50%;bottom:-5px;width:85px;height:175px;transform:translateX(-50%);background:#263f52;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%)}.gv-fog .road::after{content:'';position:absolute;left:49%;top:0;width:3px;height:100%;background:repeating-linear-gradient(#fff 0 14px,transparent 14px 28px)}.gv-fog i{position:absolute;left:0;right:0;height:34px;background:rgba(235,247,251,.21);filter:blur(3px)}.gv-fog .f1{top:33px}.gv-fog .f2{top:83px}.gv-fog .f3{top:130px}.gv-fog b{position:absolute;top:14px;right:16px;font-size:.7rem}
.gv-fronts{display:grid;align-content:center;gap:35px;padding:30px}.gv-fronts>div{position:relative;height:4px}.gv-fronts .cold-line{background:#8edaff}.gv-fronts .warm-line{background:#ff9ca8}.gv-fronts i{position:absolute;top:-8px;width:18px;height:18px}.gv-fronts .cold-line i{background:#8edaff;clip-path:polygon(0 100%,50% 0,100% 100%)}.gv-fronts .warm-line i{border:5px solid #ff9ca8;border-bottom:0;border-radius:18px 18px 0 0}.gv-fronts i:nth-child(1){left:15%}.gv-fronts i:nth-child(2){left:45%}.gv-fronts i:nth-child(3){left:75%}.gv-fronts span{position:absolute;right:0;bottom:9px;font-size:.63rem;font-weight:850}
.gv-satellite .earth{position:absolute;width:140px;height:140px;left:30px;bottom:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9fe5e4 0 14%,#48a9c2 15% 35%,#1b6d98 36% 100%);box-shadow:inset -18px -12px 28px rgba(0,24,58,.35)}.gv-satellite .scan{position:absolute;right:25px;width:120px;height:2px;background:linear-gradient(90deg,transparent,#ffeb7a,transparent);transform-origin:right}.gv-satellite .s1{top:55px;transform:rotate(-20deg)}.gv-satellite .s2{top:92px;transform:rotate(-8deg)}.gv-satellite .s3{top:130px;transform:rotate(7deg)}.gv-satellite b{position:absolute;right:24px;top:18px;letter-spacing:.14em}.gv-satellite small{position:absolute;right:20px;bottom:15px;width:125px;text-align:right;font-size:.61rem;color:#dff7ff}
.gv-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center;padding:25px 12px}.gv-compare div{display:grid;place-items:center;gap:6px;min-height:132px;text-align:center;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12)}.gv-compare span{font-size:2.1rem}.gv-compare b{font-size:.76rem}.gv-compare small{font-size:.58rem;color:#dcf6ff}
.gv-units{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:22px}.gv-units span{display:grid;place-items:center;gap:4px;padding:12px 5px;background:rgba(255,255,255,.1);border-radius:12px}.gv-units span:nth-child(4),.gv-units span:nth-child(5){transform:translateX(50%)}.gv-units b{font-size:1rem}.gv-units small{font-size:.54rem;color:#dff7ff}

.guide-sources { margin-top: 38px; padding: 30px 0 10px; border-top: 1px solid #e5eff5; }
.guide-sources h2 { margin: 0; color: var(--blue-950); font-size: 1.75rem; letter-spacing: -.03em; }
.guide-sources__intro { max-width: 780px; margin: 8px 0 18px; color: var(--muted); line-height: 1.6; font-size: .92rem; }
.guide-sources__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.guide-source-card { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 11px; align-items: start; padding: 15px; color: var(--ink); text-decoration: none; background: #fbfdff; border: 1px solid #deebf3; border-radius: 14px; transition: transform .16s ease,border-color .16s ease,background .16s ease; }
.guide-source-card:hover { transform: translateY(-2px); background: #fff; border-color: #a8d8ef; }
.guide-source-card__mark { display:grid;place-items:center;width:36px;height:36px;color:#fff;background:var(--blue-700);border-radius:10px;font-weight:900; }
.guide-source-card strong,.guide-source-card small { display:block; }
.guide-source-card strong { color: var(--blue-950); font-size: .86rem; }
.guide-source-card small { margin-top:4px;color:var(--muted);font-size:.73rem;line-height:1.4; }

@media (max-width: 1120px) {
  .guide-article-hero { grid-template-columns: 96px minmax(0,1fr); }
  .guide-article-hero__visual { grid-column: 1 / -1; min-height: 200px; }
  .gv { max-width: 620px; min-height: 190px; }
}
@media (max-width: 980px) {
  .guide-home-intro { grid-template-columns: 1fr; gap: 16px; }
  .guide-category-header { grid-template-columns: 62px minmax(0,1fr); }
  .guide-category-header__icon { width:58px;height:58px;border-radius:17px; }
  .guide-category-header__icon svg { width:35px;height:35px; }
}
@media (max-width: 700px) {
  .guide-category-nav { overflow-x:auto; flex-wrap:nowrap; scrollbar-width:thin; }
  .guide-category-nav a { flex:0 0 auto; }
  .guide-home-intro { margin:44px 0 34px; }
  .guide-category-section { margin-top:44px; }
  .guide-category-section + .guide-category-section { padding-top:44px; }
  .guide-category-header { grid-template-columns: 52px minmax(0,1fr); gap:14px; }
  .guide-category-header__icon { width:48px;height:48px;border-radius:14px; }
  .guide-category-header__icon svg { width:29px;height:29px; }
  .guide-article-hero { grid-template-columns:1fr; }
  .guide-article-hero__visual { grid-column:auto; min-height:180px; }
  .gv { min-height:175px; border-radius:20px; }
  .guide-sources__grid { grid-template-columns:1fr; }
  .gv-uv { padding:28px 9px; }.gv-uv span{font-size:.76rem}.gv-uv small{font-size:.48rem}
  .gv-rain,.gv-compare{grid-template-columns:1fr;gap:6px}.gv-rain div,.gv-compare div{min-height:0;padding:9px}.gv-compare div{grid-template-columns:auto auto 1fr;text-align:left;justify-items:start}.gv-compare span{font-size:1.3rem}
  .gv-units{grid-template-columns:repeat(2,1fr)}.gv-units span:nth-child(4),.gv-units span:nth-child(5){transform:none}
}

/* v1.14.95 refinement: additional guide visuals */
.gv-climate{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:26px}.gv-climate>div{position:relative;display:grid;align-content:center;justify-items:center;gap:10px;padding:16px;border-radius:18px;background:rgba(255,255,255,.10)}.gv-climate b{font-size:.78rem;letter-spacing:.12em}.gv-climate span{font-size:.64rem;color:#ddf6ff}.gv-climate i{font-style:normal;font-size:1.6rem;letter-spacing:5px}.gv-climate .trend{display:block;width:100px;height:55px;background:linear-gradient(155deg,transparent 47%,#ffe26a 48% 52%,transparent 53%),linear-gradient(20deg,transparent 47%,#8ee4ff 48% 52%,transparent 53%);border-bottom:1px solid rgba(255,255,255,.35)}
.gv-alert{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:22px 12px;align-items:stretch}.gv-alert span{display:grid;align-content:center;gap:6px;padding:11px 8px;border-radius:13px;text-align:center;color:#102c3d}.gv-alert b{font-size:.72rem}.gv-alert small{font-size:.51rem;line-height:1.25}.gv-alert .a-green{background:#8fd08d}.gv-alert .a-yellow{background:#f0d85b}.gv-alert .a-orange{background:#efa04b}.gv-alert .a-red{background:#dd6864;color:#fff}.guide-alert-table{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.guide-alert-table div{display:grid;gap:4px;padding:14px;border-radius:12px}.guide-alert-table b{font-size:.85rem}.guide-alert-table span{font-size:.74rem;line-height:1.35}.guide-alert-table .green{background:#e7f6e5;border:1px solid #b8dfb5}.guide-alert-table .yellow{background:#fff8d5;border:1px solid #eadb83}.guide-alert-table .orange{background:#fff0df;border:1px solid #e9bd8b}.guide-alert-table .red{background:#fde6e4;border:1px solid #e6aaa6}
.gv-temperature{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:24px}.gv-temperature>div{display:grid;place-items:center;align-content:center;gap:8px;border-radius:18px;min-height:150px}.gv-temperature .hot{background:linear-gradient(145deg,rgba(255,188,67,.30),rgba(255,93,65,.22))}.gv-temperature .cold{background:linear-gradient(145deg,rgba(138,226,255,.28),rgba(66,136,229,.24))}.gv-temperature b{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.gv-temperature strong{font-size:3rem;line-height:1}.gv-temperature small{font-size:.6rem;text-align:center;color:#e7f8ff}
.gv-severe{display:grid;place-items:center}.gv-severe .stormcell{font-size:6rem;line-height:1;color:#dff4ff;transform:translateY(-14px)}.gv-severe .down{position:absolute;top:68px;font-style:normal;font-size:4rem;color:#ffe36d}.gv-severe .outflow{position:absolute;bottom:54px;font-style:normal;font-size:3rem;color:#a9edff}.gv-severe .left{left:22%}.gv-severe .right{right:22%}.gv-severe b{position:absolute;bottom:27px;font-size:.72rem;letter-spacing:.13em}.gv-severe small{position:absolute;bottom:9px;font-size:.58rem;color:#dff7ff}
@media (max-width:700px){.gv-alert{grid-template-columns:repeat(2,1fr)}.guide-alert-table{grid-template-columns:1fr 1fr}.gv-climate,.gv-temperature{padding:14px}.gv-climate>div,.gv-temperature>div{min-height:120px}.gv-severe .left{left:14%}.gv-severe .right{right:14%}}