/* Guides extend the existing SkyAndTime page and card styles. */
.guides-main{padding-bottom:40px}.guides-page .breadcrumb{flex-wrap:wrap;gap:6px 12px}
.guide-skip{position:absolute;left:16px;top:-80px;background:var(--appearance-surface,white);padding:12px;z-index:100}.guide-skip:focus{top:8px}
.guides-intro{max-width:780px;padding:8px 0 26px}.guides-intro h1{margin:8px 0 14px}.guides-intro>p:last-child{font-size:18px;line-height:1.6;color:var(--muted);margin:0}
.guide-feature{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:30px;align-items:center;padding:28px 32px;border:1px solid var(--appearance-border,#d4e5fa);border-radius:12px;background:linear-gradient(110deg,var(--appearance-raised,#eaf4ff),var(--appearance-raised,#f6faff));margin-bottom:34px}
.guide-feature h2{font-size:28px;line-height:1.2;margin:10px 0}.guide-feature p:not(.eyebrow){max-width:570px;color:var(--muted);line-height:1.6}
.guide-button{display:inline-flex;justify-content:center;align-items:center;padding:11px 18px;background:var(--appearance-primary,var(--blue));color:var(--appearance-inverse,#fff);border-radius:7px;font-weight:600;font-size:15px}.guide-button:hover{background:var(--appearance-primary,#0054d6)}
.guide-example{border-left:1px solid var(--appearance-border,#cbdff5);text-align:center;display:flex;align-items:center;flex-direction:column;gap:7px;padding-left:28px;color:var(--muted);font-size:14px}.guide-example>strong{font-size:64px;line-height:1.1;letter-spacing:-2px;color:var(--navy)}.guide-example small{font-size:12px;max-width:150px;margin-top:6px}
.guide-categories>section{margin:30px 0}.guide-categories h2{font-size:24px;margin:0 0 14px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.guide-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--appearance-surface,white);color:var(--navy);min-width:0}.guide-card h3{font-size:18px;line-height:1.4;margin:0}.guide-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}.guide-status{font-size:12px;color:var(--muted);font-weight:600}.available{border-color:var(--appearance-border,#bbd8ff)}.available .guide-status,.guide-read{color:var(--blue)}.guide-read{margin-top:auto;padding-top:10px;font-size:14px;font-weight:600}.available:hover{border-color:var(--blue);background:var(--appearance-raised,#f5faff)}
.guide-article{max-width:820px;margin:0 auto}.guide-article-heading{padding:8px 0 20px}.guide-article h1{font-size:40px;line-height:1.14;letter-spacing:-1px;margin:10px 0 16px;max-width:760px}.guide-deck{font-size:19px;line-height:1.6;color:var(--muted);max-width:730px}.guide-meta{font-size:13px;color:var(--muted);margin-top:18px}
.guide-article section{scroll-margin-top:20px;margin-top:32px}.guide-article h2{font-size:26px;line-height:1.3;margin:0 0 14px;letter-spacing:-.4px}.guide-article h3{font-size:20px;line-height:1.4;margin:22px 0 10px}.guide-article p,.guide-article li,.guide-article dd{line-height:1.75}.guide-article p{margin:12px 0}.guide-article a:not(.guide-button){text-underline-offset:3px}.guide-article p a,.guide-sources a{ text-decoration:underline}.guide-takeaway{background:var(--appearance-raised,#eaf3ff);border:1px solid var(--appearance-border,#cfdef2);border-radius:10px;padding:20px 24px}.guide-takeaway>strong{font-size:18px}.guide-takeaway p{margin:8px 0 12px}.guide-takeaway>a{font-weight:600}
nav.guide-toc{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 20px;font-size:14px;padding:20px 0;border-bottom:1px solid var(--line)}nav.guide-toc strong{width:100%}nav.guide-toc a{padding:0;white-space:normal;color:var(--blue)}
.guide-example-note{padding:16px 20px;background:var(--appearance-raised,#f0f5fb);border-left:3px solid var(--appearance-border,#78aef7);border-radius:0 8px 8px 0;margin:20px 0}.guide-example-note p{margin:6px 0 0}.guide-table-wrap{border:1px solid var(--line);border-radius:10px;background:var(--appearance-surface,#fff);overflow:hidden}.guide-aqi-table{border-collapse:collapse;width:100%;font-size:15px;table-layout:fixed}.guide-aqi-table caption{text-align:left;padding:12px 16px;font-size:14px;color:var(--muted);background:var(--appearance-raised,#f1f6fc)}.guide-aqi-table th,.guide-aqi-table td{padding:13px 14px;text-align:left;vertical-align:top;border-top:1px solid var(--line);overflow-wrap:break-word}.guide-aqi-table thead{background:var(--appearance-surface,#f8fbff)}.guide-aqi-table th:first-child{width:15%}.guide-aqi-table th:nth-child(2){width:35%}.aqi-badge{display:inline-flex;align-items:baseline;gap:8px;font-weight:600;color:var(--navy)}.aqi-badge i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--aqi);flex-shrink:0;box-shadow:0 0 0 1px var(--appearance-shadow,#07175b15)}
.guide-definitions{margin:16px 0}.guide-definitions>div{padding:16px 0;border-bottom:1px solid var(--line)}.guide-definitions dt{font-weight:700;margin-bottom:6px}.guide-definitions dd{margin:0}.guide-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-comparison>div{border:1px solid var(--line);border-radius:10px;padding:18px;background:var(--appearance-surface,#fff)}.guide-comparison h3{margin:0 0 8px}.guide-comparison p{margin:0}.guide-weather-list,.guide-steps{padding-left:24px}.guide-weather-list li,.guide-steps li{padding-left:4px;margin:10px 0}.guide-article .guide-small{font-size:14px;color:var(--muted)}.source-ref{font-size:12px;white-space:nowrap}.guide-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--appearance-raised,#eaf3ff);border:1px solid var(--appearance-border,#cfdef2);border-radius:10px;padding:24px;margin:30px 0}.guide-cta h2{font-size:23px;margin:0}.guide-cta p{margin:7px 0 0}.guide-cta .guide-button{flex-shrink:0}.guide-sources{border-top:1px solid var(--line);padding-top:24px;font-size:14px;color:var(--muted)}.guide-sources h2{font-size:20px;color:var(--navy)}.guide-sources ol{padding-left:22px}.guide-sources li{margin:7px 0}.guide-related .guide-card h3{font-size:16px;margin:0}.guide-back{display:inline-block;margin-top:20px;font-size:14px;font-weight:600}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-feature{grid-template-columns:minmax(0,1fr) 180px;padding:24px}.guide-article h1{font-size:36px}.guide-cta{flex-wrap:wrap}}
@media(max-width:600px){.guides-intro h1{font-size:34px}.guides-intro>p:last-child{font-size:16px}.guide-feature{grid-template-columns:1fr;padding:20px;gap:20px}.guide-feature h2{font-size:25px}.guide-example{border-left:0;border-top:1px solid var(--appearance-border,#cbdff5);padding:18px 0 0}.guide-example>strong{font-size:48px}.guide-example small{max-width:none}.guide-grid,.guide-comparison{grid-template-columns:1fr}.guide-article h1{font-size:32px}.guide-deck{font-size:17px}.guide-article h2{font-size:24px}.guide-takeaway{padding:18px}.guide-aqi-table{font-size:14px}.guide-aqi-table th,.guide-aqi-table td{padding:10px 8px}.guide-aqi-table th:first-child{width:19%}.guide-aqi-table th:nth-child(2){width:34%}.aqi-badge{gap:5px}.guide-cta{padding:20px}.guide-card{padding:18px}}