/* ── BEGIN shared layout — scripts/build-css.py, do not edit ── */
/* SINGLE SOURCE for header + footer styling — do not edit the copies.
   scripts/build-css.py injects this block at the top of every page stylesheet,
   so page-specific rules that come later still win. The markup it styles is
   rendered from layout.py. Edit here, then run:  python3 scripts/build-css.py

   Fallbacks are spelled out in every var() because the static page stylesheets
   define only --bg and --text, not the full palette the app pages carry. */

header { background: var(--bg, #eef3ee); border-bottom: none; box-shadow: 0 3px 8px rgba(0,0,0,0.18); padding: 8px 0 0; position: relative; }
header::after { content:""; display:block; height:3px; margin-top:8px; background:linear-gradient(90deg,#1a56c4 0%,#1a56c4 33%,#FCD116 33%,#FCD116 67%,#CE1126 67%,#CE1126 100%); }
.header-inner { max-width: 1100px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; gap: 14px; }

.brand { display: flex; align-items: center; gap: 9px; text-decoration: none; flex-shrink: 0; }
.brand-logo { flex-shrink: 0; display: block; }
.brand-text { display: flex; flex-direction: column; gap: 3px; }
.brand-title { font-size: 1.32rem; font-weight: 800; color: #1a56c4; letter-spacing: -0.5px; line-height: 1.1; }
.brand-title .wr-ro { color: #b45309; font-weight: 900; }
.brand-subtitle { font-size: 0.58rem; font-weight: 600; color: rgba(0,0,0,0.62); letter-spacing: 0.16em; line-height: 1; white-space: nowrap; text-transform: uppercase; margin-top: 3px; }

.header-location { flex: 1; display: flex; align-items: center; gap: 8px; min-width: 0; }
.location-pill { display: flex; align-items: center; gap: 7px; background: none; border: none; border-radius: 0; padding: 5px 6px 5px 0; color: rgba(0,0,0,0.75); font-size: 0.85rem; font-weight: 500; cursor: pointer; min-width: 0; max-width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.location-pill i { color: rgba(0,0,0,0.55); font-size: 0.8rem; flex-shrink: 0; }
.location-pill span { overflow: hidden; text-overflow: ellipsis; }
.header-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; margin-left: auto; }

.lang-switcher { display: flex; align-items: center; gap: 3px; flex-shrink: 0; margin-left: auto; }
.header-actions .lang-switcher { margin-left: 0; }
.lang-btn { font-size: 0.72rem; font-weight: 700; color: rgba(0,0,0,0.68); text-decoration: none; padding: 3px 7px; border-radius: 4px; border: none; letter-spacing: 0.05em; transition: color 0.15s, background 0.15s; }
.lang-btn:hover { color: #1a1a2e; background: rgba(0,0,0,0.08); }
.lang-active { color: #1a1a2e !important; background: rgba(0,0,0,0.08); border: none; }

.icon-btn { background: none; border: none; color: rgba(0,0,0,0.62); width: 34px; height: 34px; border-radius: 4px; cursor: pointer; font-size: 1rem; display: flex; align-items: center; justify-content: center; transition: color 0.2s, transform 0.15s; }
.icon-btn:hover { color: #000; background: none; transform: scale(1.12); }
.unit-toggle-btn { font-size: 0.75rem; font-weight: 900; letter-spacing: 0.04em; min-width: 34px; font-family: inherit; padding: 0; }
.gps-btn { display: inline-flex; align-items: center; gap: 6px; background: var(--pill-bg, rgba(0,0,0,0.06)); border: none; color: rgba(0,0,0,0.72); border-radius: 4px; padding: 5px 12px; font-size: 0.81rem; font-weight: 500; cursor: pointer; white-space: nowrap; transition: background 0.2s, transform 0.15s; font-family: inherit; }
.gps-btn:hover { background: rgba(0,0,0,0.12); transform: translateY(-1px); }
.gps-btn i { font-size: 0.76rem; }

.mobile-menu-btn { display: none; background: var(--icon-btn-bg, rgba(0,0,0,0.06)); border: none; color: rgba(0,0,0,0.65); width: 34px; height: 34px; border-radius: 4px; cursor: pointer; font-size: 1rem; align-items: center; justify-content: center; flex-shrink: 0; }
.mobile-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #ffffff; border-top: 1px solid rgba(0,0,0,0.08); box-shadow: 0 8px 24px rgba(0,0,0,0.25); border-radius: 0 0 4px 4px; z-index: 99; padding: 12px 20px 16px; flex-direction: column; gap: 12px; }
.mobile-menu.open { display: flex; }
.mobile-menu-row { display: flex; align-items: center; gap: 10px; }
.mobile-menu-label { font-size: 0.75rem; color: rgba(0,0,0,0.55); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; min-width: 64px; }
.mobile-search-btn { display: flex; align-items: center; gap: 8px; background: var(--pill-bg, rgba(0,0,0,0.06)); border: 1px solid var(--pill-border, rgba(0,0,0,0.15)); color: rgba(0,0,0,0.70); border-radius: 4px; padding: 7px 14px; font-size: 0.84rem; font-weight: 500; cursor: pointer; font-family: inherit; width: 100%; }

.site-footer { background: #212121; color: rgba(255,255,255,0.75); padding: 36px 0 24px; margin-top: 40px; }
.site-footer .footer-inner { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.footer-cities-title { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.62); margin-bottom: 14px; }
.footer-cities { display: flex; flex-wrap: wrap; gap: 8px 6px; margin-bottom: 28px; }
.footer-cities a { color: rgba(255,255,255,0.88); text-decoration: none; font-size: 0.84rem; background: rgba(255,255,255,0.12); border: none; border-radius: 4px; padding: 4px 10px; transition: background 0.15s; }
.footer-cities a:hover { background: rgba(255,255,255,0.22); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.15); padding-top: 16px; font-size: 0.78rem; color: rgba(255,255,255,0.62); display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
.footer-bottom a { color: rgba(255,255,255,0.78); text-decoration: none; }
.footer-bottom a:hover { color: #fff; text-decoration: underline; }
.footer-credit { margin-top: 14px; font-size: 0.74rem; color: rgba(255,255,255,0.62); }
.footer-credit a { color: rgba(255,255,255,0.78); }

[data-theme="dark"] header { background: #181818; border-bottom-color: rgba(255,255,255,0.06); box-shadow: 0 4px 24px rgba(0,0,0,0.32); }
[data-theme="dark"] .brand-title { color: #fff; }
[data-theme="dark"] .brand-title .wr-ro { color: #fbbf24; }
[data-theme="dark"] .brand-subtitle { color: rgba(255,255,255,0.62); }
[data-theme="dark"] .location-pill { color: rgba(255,255,255,0.92); }
[data-theme="dark"] .location-pill i { color: rgba(255,255,255,0.75); }
[data-theme="dark"] .icon-btn { color: rgba(255,255,255,0.75); }
[data-theme="dark"] .icon-btn:hover { color: #fff; }
[data-theme="dark"] .gps-btn { color: rgba(255,255,255,0.88); }
[data-theme="dark"] .gps-btn:hover { background: rgba(255,255,255,0.20); }
[data-theme="dark"] .lang-btn { color: rgba(255,255,255,0.72); border: none; }
[data-theme="dark"] .lang-btn.lang-active, [data-theme="dark"] .lang-btn:hover { color: #fff; background: rgba(255,255,255,0.15); border: none; }
[data-theme="dark"] .mobile-menu-btn { color: rgba(255,255,255,0.88); }
[data-theme="dark"] .mobile-search-btn { color: rgba(255,255,255,0.9); }
[data-theme="dark"] .mobile-menu-label { color: rgba(255,255,255,0.62); }
[data-theme="dark"] .mobile-menu { background: #181818; border-top-color: rgba(255,255,255,0.10); }

@media (max-width: 768px) {
  .header-actions { display: none; }
  .search-btn-desktop { display: none; }
  .mobile-menu-btn { display: flex; }
  #gps-btn-mobile { display: flex !important; }
}
@media (max-width: 480px) {
  .brand-text { display: none; }
}
/* ── END shared layout ── */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root { --accent:#0d4a6a; --bg:#eef3ee; --card-bg:#fff; --card-border:rgba(0,0,0,.07); --text:#0f172a; --muted:#556575; }
    body { font-family:'Inter',sans-serif; background:var(--bg); color:var(--text); line-height:1.6; }
    main { max-width:1100px; margin:0 auto; padding:32px 20px 80px; }
    .back { display:inline-flex; align-items:center; gap:6px; color:var(--accent); text-decoration:none; font-size:0.85rem; font-weight:500; margin-bottom:12px; }
    .back:hover { text-decoration:underline; }
    .breadcrumb { font-size:0.78rem; color:var(--muted); margin-bottom:24px; }
    .breadcrumb a { color:var(--accent); text-decoration:underline; }
    h1 { font-size:1.7rem; font-weight:700; margin-bottom:12px; }
    h2 { font-size:1.15rem; font-weight:700; margin:32px 0 12px; }
    h3 { font-size:0.95rem; font-weight:700; margin:20px 0 8px; }
    .lead { font-size:1.02rem; color:var(--muted); margin-bottom:24px; line-height:1.7; }
    .stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:32px; }
    .stat-card { background:var(--card-bg); border:1px solid var(--card-border); border-radius:4px; padding:16px; text-align:center; }
    .stat-icon { font-size:1.6rem; margin-bottom:6px; }
    .stat-val { font-size:1.5rem; font-weight:700; }
    .stat-label { font-size:0.75rem; color:var(--muted); margin-top:2px; }
    .activity-list { padding-left:20px; color:var(--muted); line-height:2.2; font-size:0.9rem; margin-bottom:28px; }
    .tip-box { background:#e6f9ef; border:1px solid #86efac; border-radius:4px; padding:16px 20px; margin:24px 0; font-size:0.9rem; }
    .climate-table { width:100%; border-collapse:collapse; margin:16px 0 32px; font-size:0.88rem; }
    .climate-table th { background:#0d4a6a; color:#fff; padding:10px 12px; text-align:left; font-weight:600; }
    .climate-table td { padding:9px 12px; border-bottom:1px solid var(--card-border); }
    .climate-table tr:nth-child(even) td { background:#f8faf9; }
    .month-nav, .region-nav { display:flex; flex-wrap:wrap; gap:6px; margin-top:16px; }
    .month-pill, .region-pill { text-decoration:none; padding:6px 14px; border-radius:4px; font-size:0.82rem; font-weight:600; background:var(--card-bg); border:1px solid var(--card-border); color:var(--text); transition:background .15s,border-color .15s,color .15s; }
    .month-pill:hover, .region-pill:hover, .month-pill.active, .region-pill.active { background:#0d4a6a; color:#fff; border-color:#1a5c96; }
    .lang-links { display:inline-flex; gap:10px; margin-top:6px; }
    .lang-links a { font-size:0.75rem; font-weight:600; color:rgba(255,255,255,.55); text-decoration:none; padding:2px 8px; border:1px solid rgba(255,255,255,.25); border-radius:4px; transition:color .15s; }
    .lang-links a:hover { color:#fff; }
    @media (max-width:600px) { .stat-grid { grid-template-columns:1fr 1fr; } h1 { font-size:1.35rem; } }

/* ── Region recommendation cards ─────────────────────────────────────────── */
.rr-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:32px; }
.rr-card { border-radius:4px; overflow:hidden; border:1px solid var(--card-border); background:var(--card-bg); text-decoration:none; color:var(--text); display:flex; flex-direction:column; transition:transform .18s,box-shadow .18s; }
.rr-card:hover { transform:translateY(-3px); box-shadow:0 8px 24px rgba(0,0,0,.12); }
.rr-banner { position:relative; aspect-ratio:16/9; overflow:hidden; }
.rr-banner img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.rr-card:hover .rr-banner img { transform:scale(1.04); }
.rr-overlay { position:absolute; inset:0; background:rgba(0,0,0,0.28); }
.rr-badge { position:absolute; bottom:8px; left:11px; font-size:0.63rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:rgba(255,255,255,.92); background:rgba(0,0,0,.38); padding:2px 8px; border-radius:3px; }
.rr-body { padding:13px 15px 15px; flex:1; display:flex; flex-direction:column; }
.rr-title { font-size:0.95rem; font-weight:700; margin-bottom:5px; }
.rr-desc { font-size:0.83rem; color:var(--muted); line-height:1.55; flex:1; margin-bottom:10px; }
.rr-link { font-size:0.78rem; font-weight:600; color:#0d4a6a; text-decoration:none; display:inline-flex; align-items:center; gap:5px; }
.rr-link:hover { text-decoration:underline; }
.rr-play { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:none; border:none; cursor:pointer; }
.rr-play i { font-size:2.8rem; color:rgba(255,255,255,.85); text-shadow:0 2px 8px rgba(0,0,0,.4); transition:transform .2s,color .2s; }
.rr-play:hover i { color:#fff; transform:scale(1.1); }
.stars { color:#f59e0b; font-size:0.82rem; letter-spacing:1px; }
@media (max-width:600px) { .rr-grid { grid-template-columns:1fr; } }

/* ── BEGIN generated icons — scripts/build-css.py, do not edit ── */
/* MASTER LIST — no page links this file. scripts/build-icons.py copies the
   rules each page type needs into that page's own stylesheet, so a page
   ships ~9-25 icons instead of all 51. Edit here, then re-run the script.

   Font Awesome Free 6.5.2 — only the icons this site actually uses.
   Replaces the full CDN stylesheet (~110 KB CSS + ~400 KB of webfonts) with
   inline SVG masks, so nothing is fetched from a third party. The mask is
   painted with currentColor, so icons keep inheriting the text colour exactly
   as the webfont version did.
   Icons: CC BY 4.0 — https://fontawesome.com/license/free */
.fa-solid, .fa-regular, .fa-brands, .fas, .far, .fab {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center;  mask-position: center;
  -webkit-mask-size: contain;     mask-size: contain;
}
.fa-sm { font-size: 0.875em; }
.fa-lg { font-size: 1.25em; }
.fa-2x { font-size: 2em; }
.fa-fw { width: 1.25em; }
.fa-arrow-left { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M9.4%20233.4c-12.5%2012.5-12.5%2032.8%200%2045.3l160%20160c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L109.2%20288%20416%20288c17.7%200%2032-14.3%2032-32s-14.3-32-32-32l-306.7%200L214.6%20118.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-160%20160z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M9.4%20233.4c-12.5%2012.5-12.5%2032.8%200%2045.3l160%20160c12.5%2012.5%2032.8%2012.5%2045.3%200s12.5-32.8%200-45.3L109.2%20288%20416%20288c17.7%200%2032-14.3%2032-32s-14.3-32-32-32l-306.7%200L214.6%20118.6c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200l-160%20160z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-arrow-right { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M438.6%20278.6c12.5-12.5%2012.5-32.8%200-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L338.8%20224%2032%20224c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l306.7%200L233.4%20393.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l160-160z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M438.6%20278.6c12.5-12.5%2012.5-32.8%200-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3L338.8%20224%2032%20224c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032l306.7%200L233.4%20393.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l160-160z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-circle-play { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M0%20256a256%20256%200%201%201%20512%200A256%20256%200%201%201%200%20256zM188.3%20147.1c-7.6%204.2-12.3%2012.3-12.3%2020.9V344c0%208.7%204.7%2016.7%2012.3%2020.9s16.8%204.1%2024.3-.5l144-88c7.1-4.4%2011.5-12.1%2011.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M0%20256a256%20256%200%201%201%20512%200A256%20256%200%201%201%200%20256zM188.3%20147.1c-7.6%204.2-12.3%2012.3-12.3%2020.9V344c0%208.7%204.7%2016.7%2012.3%2020.9s16.8%204.1%2024.3-.5l144-88c7.1-4.4%2011.5-12.1%2011.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-droplet { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M192%20512C86%20512%200%20426%200%20320C0%20228.8%20130.2%2057.7%20166.6%2011.7C172.6%204.2%20181.5%200%20191.1%200h1.8c9.6%200%2018.5%204.2%2024.5%2011.7C253.8%2057.7%20384%20228.8%20384%20320c0%20106-86%20192-192%20192zM96%20336c0-8.8-7.2-16-16-16s-16%207.2-16%2016c0%2061.9%2050.1%20112%20112%20112c8.8%200%2016-7.2%2016-16s-7.2-16-16-16c-44.2%200-80-35.8-80-80z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M192%20512C86%20512%200%20426%200%20320C0%20228.8%20130.2%2057.7%20166.6%2011.7C172.6%204.2%20181.5%200%20191.1%200h1.8c9.6%200%2018.5%204.2%2024.5%2011.7C253.8%2057.7%20384%20228.8%20384%20320c0%20106-86%20192-192%20192zM96%20336c0-8.8-7.2-16-16-16s-16%207.2-16%2016c0%2061.9%2050.1%20112%20112%20112c8.8%200%2016-7.2%2016-16s-7.2-16-16-16c-44.2%200-80-35.8-80-80z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-lightbulb { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M272%20384c9.6-31.9%2029.5-59.1%2049.2-86.2l0%200c5.2-7.1%2010.4-14.2%2015.4-21.4c19.8-28.5%2031.4-63%2031.4-100.3C368%2078.8%20289.2%200%20192%200S16%2078.8%2016%20176c0%2037.3%2011.6%2071.9%2031.4%20100.3c5%207.2%2010.2%2014.3%2015.4%2021.4l0%200c19.8%2027.1%2039.7%2054.4%2049.2%2086.2H272zM192%20512c44.2%200%2080-35.8%2080-80V416H112v16c0%2044.2%2035.8%2080%2080%2080zM112%20176c0%208.8-7.2%2016-16%2016s-16-7.2-16-16c0-61.9%2050.1-112%20112-112c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016c-44.2%200-80%2035.8-80%2080z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20d%3D%22M272%20384c9.6-31.9%2029.5-59.1%2049.2-86.2l0%200c5.2-7.1%2010.4-14.2%2015.4-21.4c19.8-28.5%2031.4-63%2031.4-100.3C368%2078.8%20289.2%200%20192%200S16%2078.8%2016%20176c0%2037.3%2011.6%2071.9%2031.4%20100.3c5%207.2%2010.2%2014.3%2015.4%2021.4l0%200c19.8%2027.1%2039.7%2054.4%2049.2%2086.2H272zM192%20512c44.2%200%2080-35.8%2080-80V416H112v16c0%2044.2%2035.8%2080%2080%2080zM112%20176c0%208.8-7.2%2016-16%2016s-16-7.2-16-16c0-61.9%2050.1-112%20112-112c8.8%200%2016%207.2%2016%2016s-7.2%2016-16%2016c-44.2%200-80%2035.8-80%2080z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-star { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M316.9%2018C311.6%207%20300.4%200%20288.1%200s-23.4%207-28.8%2018L195%20150.3%2051.4%20171.5c-12%201.8-22%2010.2-25.7%2021.7s-.7%2024.2%207.9%2032.7L137.8%20329%20113.2%20474.7c-2%2012%203%2024.2%2012.9%2031.3s23%208%2033.8%202.3l128.3-68.5%20128.3%2068.5c10.8%205.7%2023.9%204.9%2033.8-2.3s14.9-19.3%2012.9-31.3L438.5%20329%20542.7%20225.9c8.6-8.5%2011.7-21.2%207.9-32.7s-13.7-19.9-25.7-21.7L381.2%20150.3%20316.9%2018z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20d%3D%22M316.9%2018C311.6%207%20300.4%200%20288.1%200s-23.4%207-28.8%2018L195%20150.3%2051.4%20171.5c-12%201.8-22%2010.2-25.7%2021.7s-.7%2024.2%207.9%2032.7L137.8%20329%20113.2%20474.7c-2%2012%203%2024.2%2012.9%2031.3s23%208%2033.8%202.3l128.3-68.5%20128.3%2068.5c10.8%205.7%2023.9%204.9%2033.8-2.3s14.9-19.3%2012.9-31.3L438.5%20329%20542.7%20225.9c8.6-8.5%2011.7-21.2%207.9-32.7s-13.7-19.9-25.7-21.7L381.2%20150.3%20316.9%2018z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-sun { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M361.5%201.2c5%202.1%208.6%206.6%209.6%2011.9L391%20121l107.9%2019.8c5.3%201%209.8%204.6%2011.9%209.6s1.5%2010.7-1.6%2015.2L446.9%20256l62.3%2090.3c3.1%204.5%203.7%2010.2%201.6%2015.2s-6.6%208.6-11.9%209.6L391%20391%20371.1%20498.9c-1%205.3-4.6%209.8-9.6%2011.9s-10.7%201.5-15.2-1.6L256%20446.9l-90.3%2062.3c-4.5%203.1-10.2%203.7-15.2%201.6s-8.6-6.6-9.6-11.9L121%20391%2013.1%20371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7%201.6-15.2L65.1%20256%202.8%20165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6%2011.9-9.6L121%20121%20140.9%2013.1c1-5.3%204.6-9.8%209.6-11.9s10.7-1.5%2015.2%201.6L256%2065.1%20346.3%202.8c4.5-3.1%2010.2-3.7%2015.2-1.6zM160%20256a96%2096%200%201%201%20192%200%2096%2096%200%201%201%20-192%200zm224%200a128%20128%200%201%200%20-256%200%20128%20128%200%201%200%20256%200z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M361.5%201.2c5%202.1%208.6%206.6%209.6%2011.9L391%20121l107.9%2019.8c5.3%201%209.8%204.6%2011.9%209.6s1.5%2010.7-1.6%2015.2L446.9%20256l62.3%2090.3c3.1%204.5%203.7%2010.2%201.6%2015.2s-6.6%208.6-11.9%209.6L391%20391%20371.1%20498.9c-1%205.3-4.6%209.8-9.6%2011.9s-10.7%201.5-15.2-1.6L256%20446.9l-90.3%2062.3c-4.5%203.1-10.2%203.7-15.2%201.6s-8.6-6.6-9.6-11.9L121%20391%2013.1%20371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7%201.6-15.2L65.1%20256%202.8%20165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6%2011.9-9.6L121%20121%20140.9%2013.1c1-5.3%204.6-9.8%209.6-11.9s10.7-1.5%2015.2%201.6L256%2065.1%20346.3%202.8c4.5-3.1%2010.2-3.7%2015.2-1.6zM160%20256a96%2096%200%201%201%20192%200%2096%2096%200%201%201%20-192%200zm224%200a128%20128%200%201%200%20-256%200%20128%20128%200%201%200%20256%200z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-temperature-high { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%2064a32%2032%200%201%201%200%2064%2032%2032%200%201%201%200-64zm0%20128A96%2096%200%201%200%20416%200a96%2096%200%201%200%200%20192zM96%20112c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048V276.5c0%2017.3%207.1%2031.9%2015.3%2042.5C217.8%20332.6%20224%20349.5%20224%20368c0%2044.2-35.8%2080-80%2080s-80-35.8-80-80c0-18.5%206.2-35.4%2016.7-48.9C88.9%20308.4%2096%20293.8%2096%20276.5V112zM144%200C82.1%200%2032%2050.2%2032%20112V276.5c0%20.1-.1%20.3-.2%20.6c-.2%20.6-.8%201.6-1.7%202.8C11.2%20304.2%200%20334.8%200%20368c0%2079.5%2064.5%20144%20144%20144s144-64.5%20144-144c0-33.2-11.2-63.8-30.1-88.1c-.9-1.2-1.5-2.2-1.7-2.8c-.1-.3-.2-.5-.2-.6V112C256%2050.2%20205.9%200%20144%200zm0%20416c26.5%200%2048-21.5%2048-48c0-20.9-13.4-38.7-32-45.3V112c0-8.8-7.2-16-16-16s-16%207.2-16%2016V322.7c-18.6%206.6-32%2024.4-32%2045.3c0%2026.5%2021.5%2048%2048%2048z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M416%2064a32%2032%200%201%201%200%2064%2032%2032%200%201%201%200-64zm0%20128A96%2096%200%201%200%20416%200a96%2096%200%201%200%200%20192zM96%20112c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048V276.5c0%2017.3%207.1%2031.9%2015.3%2042.5C217.8%20332.6%20224%20349.5%20224%20368c0%2044.2-35.8%2080-80%2080s-80-35.8-80-80c0-18.5%206.2-35.4%2016.7-48.9C88.9%20308.4%2096%20293.8%2096%20276.5V112zM144%200C82.1%200%2032%2050.2%2032%20112V276.5c0%20.1-.1%20.3-.2%20.6c-.2%20.6-.8%201.6-1.7%202.8C11.2%20304.2%200%20334.8%200%20368c0%2079.5%2064.5%20144%20144%20144s144-64.5%20144-144c0-33.2-11.2-63.8-30.1-88.1c-.9-1.2-1.5-2.2-1.7-2.8c-.1-.3-.2-.5-.2-.6V112C256%2050.2%20205.9%200%20144%200zm0%20416c26.5%200%2048-21.5%2048-48c0-20.9-13.4-38.7-32-45.3V112c0-8.8-7.2-16-16-16s-16%207.2-16%2016V322.7c-18.6%206.6-32%2024.4-32%2045.3c0%2026.5%2021.5%2048%2048%2048z%22%2F%3E%3C%2Fsvg%3E"); }
.fa-temperature-low { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%2096a32%2032%200%201%200%20-64%200%2032%2032%200%201%200%2064%200zM320%2096a96%2096%200%201%201%20192%200A96%2096%200%201%201%20320%2096zM144%2064c-26.5%200-48%2021.5-48%2048V276.5c0%2017.3-7.1%2031.9-15.3%2042.5C70.2%20332.6%2064%20349.5%2064%20368c0%2044.2%2035.8%2080%2080%2080s80-35.8%2080-80c0-18.5-6.2-35.4-16.7-48.9c-8.2-10.6-15.3-25.2-15.3-42.5V112c0-26.5-21.5-48-48-48zM32%20112C32%2050.2%2082.1%200%20144%200s112%2050.1%20112%20112V276.5c0%20.1%20.1%20.3%20.2%20.6c.2%20.6%20.8%201.6%201.7%202.8c18.9%2024.4%2030.1%2055%2030.1%2088.1c0%2079.5-64.5%20144-144%20144S0%20447.5%200%20368c0-33.2%2011.2-63.8%2030.1-88.1c.9-1.2%201.5-2.2%201.7-2.8c.1-.3%20.2-.5%20.2-.6V112zM192%20368c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48c0-20.9%2013.4-38.7%2032-45.3V272c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v50.7c18.6%206.6%2032%2024.4%2032%2045.3z%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%2096a32%2032%200%201%200%20-64%200%2032%2032%200%201%200%2064%200zM320%2096a96%2096%200%201%201%20192%200A96%2096%200%201%201%20320%2096zM144%2064c-26.5%200-48%2021.5-48%2048V276.5c0%2017.3-7.1%2031.9-15.3%2042.5C70.2%20332.6%2064%20349.5%2064%20368c0%2044.2%2035.8%2080%2080%2080s80-35.8%2080-80c0-18.5-6.2-35.4-16.7-48.9c-8.2-10.6-15.3-25.2-15.3-42.5V112c0-26.5-21.5-48-48-48zM32%20112C32%2050.2%2082.1%200%20144%200s112%2050.1%20112%20112V276.5c0%20.1%20.1%20.3%20.2%20.6c.2%20.6%20.8%201.6%201.7%202.8c18.9%2024.4%2030.1%2055%2030.1%2088.1c0%2079.5-64.5%20144-144%20144S0%20447.5%200%20368c0-33.2%2011.2-63.8%2030.1-88.1c.9-1.2%201.5-2.2%201.7-2.8c.1-.3%20.2-.5%20.2-.6V112zM192%20368c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48c0-20.9%2013.4-38.7%2032-45.3V272c0-8.8%207.2-16%2016-16s16%207.2%2016%2016v50.7c18.6%206.6%2032%2024.4%2032%2045.3z%22%2F%3E%3C%2Fsvg%3E"); }
/* ── END generated icons ── */