.ranca-demo .conditions-hub{--weather-ink:#303b3f;--weather-muted:#657579;--weather-blue:#1769df;--weather-surface:#f0f5f7;color:var(--weather-ink);max-width:1440px;margin:auto;padding:70px clamp(20px,4vw,64px) 90px;font:400 16px/1.6 Manrope,Arial,sans-serif}
.ranca-demo .conditions-hub *{box-sizing:border-box}.ranca-demo .conditions-hub a{color:inherit}.ranca-demo .conditions-hub h1,.ranca-demo .conditions-hub h2,.ranca-demo .conditions-hub h3,.ranca-demo .conditions-hub p{margin:0}.ranca-demo .conditions-hub h1{font:800 clamp(38px,4.5vw,66px)/1.05 Figtree,Manrope,Arial,sans-serif;letter-spacing:-.045em;max-width:18ch}.ranca-demo .conditions-hub h2{font:700 clamp(24px,2.4vw,34px)/1.15 Figtree,Manrope,Arial,sans-serif;letter-spacing:-.03em}.ranca-demo .conditions-hub .conditions-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.ranca-demo .conditions-hub .conditions-intro>p{max-width:44ch;font-size:16px}
.ranca-demo .conditions-hub .conditions-forecast{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;padding:40px;background:var(--weather-surface)}.ranca-demo .conditions-hub .conditions-label{font-size:14px;font-weight:600;color:var(--weather-muted)}.ranca-demo .conditions-hub .conditions-temperature{font:800 clamp(66px,6vw,94px)/1 Figtree,Manrope,Arial,sans-serif;letter-spacing:-.065em;margin:20px 0 16px;display:flex;align-items:center;gap:22px}.ranca-demo .conditions-hub .conditions-temperature>svg{width:64px;height:64px;color:var(--weather-blue);flex:none}.ranca-demo .conditions-hub .conditions-description{font:600 22px/1.4 Manrope,Arial,sans-serif;letter-spacing:-.02em}.ranca-demo .conditions-hub .conditions-valid{font-size:13px;color:var(--weather-muted);margin-top:12px}.ranca-demo .conditions-hub .conditions-metrics{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-content:center;margin:0}.ranca-demo .conditions-hub .conditions-metrics dt{font-size:13px;color:var(--weather-muted);margin-bottom:5px}.ranca-demo .conditions-hub .conditions-metrics dd{font-size:22px;font-weight:600;margin:0;letter-spacing:-.03em}.ranca-demo .conditions-hub .conditions-snow{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:20px}.ranca-demo .conditions-hub .conditions-snow strong{display:block;font:700 23px/1.25 Figtree,Manrope,Arial,sans-serif;letter-spacing:-.025em}.ranca-demo .conditions-hub .conditions-snow p{font-size:13px;color:var(--weather-muted);margin-top:8px}.ranca-demo .conditions-hub .conditions-snow a{font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;color:var(--weather-blue)}
.ranca-demo .conditions-hub .conditions-source{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 0;font-size:13px;color:var(--weather-muted)}.ranca-demo .conditions-hub .conditions-source a{text-decoration:underline;text-underline-offset:4px}.ranca-demo .conditions-hub .conditions-hours{margin-top:42px}.ranca-demo .conditions-hub .conditions-hours>p,.ranca-demo .conditions-hub .conditions-days>p{font-size:14px;color:var(--weather-muted);margin-top:12px}.ranca-demo .conditions-hub .conditions-hour-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:24px}.ranca-demo .conditions-hub .conditions-hour{background:#f6f8f9;padding:24px 16px;display:flex;flex-direction:column;align-items:start;gap:13px}.ranca-demo .conditions-hub .conditions-hour time{font-size:14px;color:var(--weather-muted)}.ranca-demo .conditions-hub .conditions-hour svg{width:32px;height:32px;color:var(--weather-blue)}.ranca-demo .conditions-hub .conditions-hour strong{font-size:28px;font-weight:600;letter-spacing:-.04em}.ranca-demo .conditions-hub .conditions-hour span{font-size:12px;line-height:1.5}.ranca-demo .conditions-hub .conditions-days{margin-top:48px}.ranca-demo .conditions-hub .conditions-day-list{margin-top:20px}.ranca-demo .conditions-hub .conditions-day{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:24px;align-items:center;padding:18px 16px}.ranca-demo .conditions-hub .conditions-day:nth-child(odd){background:#f6f8f9}.ranca-demo .conditions-hub .conditions-day time{font-size:15px;font-weight:600}.ranca-demo .conditions-hub .conditions-day-description{display:flex;align-items:center;gap:14px;font-size:14px}.ranca-demo .conditions-hub .conditions-day-description svg{width:28px;height:28px;color:var(--weather-blue);flex:none}.ranca-demo .conditions-hub .conditions-day-range{text-align:right;font-size:20px;font-weight:600;letter-spacing:-.02em}.ranca-demo .conditions-hub .conditions-day-range small{font-size:12px;font-weight:400;color:var(--weather-muted);margin-left:10px}
.ranca-demo .conditions-hub .conditions-loading,.ranca-demo .conditions-hub .conditions-error{padding:40px;background:var(--weather-surface)}.ranca-demo .conditions-hub .conditions-loading p,.ranca-demo .conditions-hub .conditions-error p{margin-top:18px;max-width:70ch}.ranca-demo .conditions-hub .conditions-error a{color:var(--weather-blue);font-weight:600}.ranca-demo .conditions-hub .conditions-error button{border:0;background:var(--weather-blue);color:white;padding:14px 20px;font:600 14px Manrope,Arial,sans-serif;margin-top:24px;cursor:pointer;min-height:48px}
.ranca-demo .conditions-hub .conditions-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:56px}.ranca-demo .conditions-hub .conditions-next>a{display:block;padding:28px;background:var(--weather-surface);text-decoration:none}.ranca-demo .conditions-hub .conditions-next>a>span{display:block;font-size:13px;color:var(--weather-muted)}.ranca-demo .conditions-hub .conditions-next strong{display:flex;align-items:center;justify-content:space-between;gap:20px;font:700 24px/1.25 Figtree,Manrope,Arial,sans-serif;letter-spacing:-.03em;margin-top:14px}.ranca-demo .conditions-hub .conditions-next strong>span{color:var(--weather-blue);font-size:28px}.ranca-demo .conditions-hub .conditions-next p{font-size:14px;margin-top:14px}.ranca-demo .conditions-hub .conditions-explainer{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:70px}.ranca-demo .conditions-hub .conditions-explainer h2{max-width:15ch}.ranca-demo .conditions-hub .conditions-explainer p+p{margin-top:20px}.ranca-demo .conditions-hub .conditions-explainer a{display:inline-flex;gap:20px;font-size:14px;font-weight:600;text-decoration:none;color:var(--weather-blue);margin-top:24px;min-height:44px;align-items:center}
.ranca-demo #weather-summary .weather-summary-link{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:500 14px/1.4 Manrope,Arial,sans-serif;min-height:44px}.ranca-demo #weather-summary .weather-summary-link svg{width:23px;height:23px;flex:none}.ranca-demo #weather-summary .weather-summary-link strong{font-size:18px;font-weight:600}.ranca-demo #weather-summary .weather-summary-link .weather-summary-description{font-size:13px}.ranca-demo #weather-summary .weather-summary-link .weather-summary-arrow{font-size:18px;margin-left:4px}.ranca-demo #weather-summary .weather-summary-link small{font-size:12px}
.ranca-demo .conditions-hub a:focus-visible,.ranca-demo .conditions-hub button:focus-visible,.ranca-demo #weather-summary a:focus-visible{outline:3px solid #1769df;outline-offset:5px}
@media(max-width:950px){.ranca-demo .conditions-hub .conditions-intro{align-items:start;gap:30px}.ranca-demo .conditions-hub .conditions-forecast{padding:30px;gap:24px}.ranca-demo .conditions-hub .conditions-hour-list{grid-template-columns:repeat(3,minmax(0,1fr))}.ranca-demo .conditions-hub .conditions-next{gap:14px}.ranca-demo .conditions-hub .conditions-next>a{padding:22px}.ranca-demo .conditions-hub .conditions-next strong{font-size:21px}}
@media(max-width:650px){.ranca-demo .conditions-hub{padding-block:44px 60px}.ranca-demo .conditions-hub .conditions-intro{display:block;margin-bottom:30px}.ranca-demo .conditions-hub .conditions-intro>p{margin-top:24px}.ranca-demo .conditions-hub .conditions-forecast{display:block;padding:28px 24px}.ranca-demo .conditions-hub .conditions-temperature{font-size:72px;margin-block:18px 14px}.ranca-demo .conditions-hub .conditions-temperature>svg{width:52px;height:52px}.ranca-demo .conditions-hub .conditions-description{font-size:20px}.ranca-demo .conditions-hub .conditions-metrics{margin-top:30px;gap:22px}.ranca-demo .conditions-hub .conditions-metrics dd{font-size:21px}.ranca-demo .conditions-hub .conditions-snow{display:block;margin-top:26px;padding-top:0}.ranca-demo .conditions-hub .conditions-snow a{display:inline-flex;margin-top:18px;min-height:40px;align-items:center}.ranca-demo .conditions-hub .conditions-snow strong{font-size:22px}.ranca-demo .conditions-hub .conditions-source{align-items:start;display:block;line-height:1.7}.ranca-demo .conditions-hub .conditions-source>span{display:block;margin-bottom:8px}.ranca-demo .conditions-hub .conditions-hours{margin-top:28px}.ranca-demo .conditions-hub .conditions-hour-list{gap:8px;margin-top:20px}.ranca-demo .conditions-hub .conditions-hour{padding:18px 12px;gap:10px}.ranca-demo .conditions-hub .conditions-hour strong{font-size:25px}.ranca-demo .conditions-hub .conditions-hour span{font-size:11px}.ranca-demo .conditions-hub .conditions-day{grid-template-columns:1fr 1fr;gap:10px 18px;padding:16px 12px}.ranca-demo .conditions-hub .conditions-day-description{grid-row:2;grid-column:1/-1;font-size:13px}.ranca-demo .conditions-hub .conditions-day-range{grid-column:2;grid-row:1;font-size:18px}.ranca-demo .conditions-hub .conditions-day-range small{font-size:11px}.ranca-demo .conditions-hub .conditions-next{grid-template-columns:1fr;gap:12px;margin-top:38px}.ranca-demo .conditions-hub .conditions-next>a{padding:24px}.ranca-demo .conditions-hub .conditions-next strong{font-size:24px}.ranca-demo .conditions-hub .conditions-explainer{grid-template-columns:1fr;gap:24px;padding-top:44px}.ranca-demo .conditions-hub .conditions-explainer h2{max-width:none}.ranca-demo .conditions-hub .conditions-loading,.ranca-demo .conditions-hub .conditions-error{padding:28px 24px}.ranca-demo #weather-summary .weather-summary-link{gap:8px}.ranca-demo #weather-summary .weather-summary-link .weather-summary-description{max-width:18ch}}