/* Shared guide article template. All content styles are scoped to the template. */
.guide-template-page{background:var(--appearance-surface,#fff)}.article-template{--article-soft:var(--appearance-raised,#eef7ff);--article-border:var(--appearance-border,#d8e9fb);color:var(--navy)}.article-template h2{font-size:25px;line-height:1.25;letter-spacing:-.5px;margin:0 0 8px}.article-template h3{font-size:16px;line-height:1.35;margin:0 0 5px}.article-template p{font-size:16px;line-height:1.6;color:var(--appearance-muted,#395780);margin:8px 0}.article-template a{text-underline-offset:3px}.article-template a:hover{text-decoration:underline}.article-skip{position:absolute;top:-60px;left:16px;z-index:100;background:var(--appearance-surface,white);padding:12px}.article-skip:focus{top:8px}
.article-hero-band{background:linear-gradient(110deg,var(--appearance-raised,#eef7ff),var(--appearance-raised,#f7fbff));padding-bottom:22px}.article-breadcrumbs{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px 8px;font-size:12px;padding:18px 0;line-height:1.5}.article-breadcrumbs>a{padding:0;color:var(--blue);white-space:normal}.article-breadcrumbs>span:last-child{min-width:0}.article-hero{display:grid;grid-template-columns:1fr 1.03fr;gap:34px;align-items:center}.article-category{display:inline-block;color:var(--blue);background:var(--appearance-raised,#d9edff);border-radius:4px;padding:3px 7px;font-size:12px;font-weight:700;margin-bottom:12px}.article-hero h1{font-size:40px;letter-spacing:-1px;line-height:1.1;margin:0 0 12px}.article-template .article-intro{font-size:18px;line-height:1.5;margin:0 0 18px}.article-meta{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:12px;color:var(--appearance-muted,#395780)}.article-hero figure{margin:0;position:relative;overflow:hidden;border-radius:10px}.article-hero figure>img{display:block;width:100%;height:255px;object-fit:cover}.article-hero figcaption{position:absolute;right:8px;bottom:8px;max-width:220px;text-align:center;background:var(--appearance-deep,#10202cdc);border:1px solid var(--appearance-border,#ffffff35);color:var(--appearance-inverse,white);border-radius:6px;padding:9px 12px;font-size:12px;line-height:1.4}
.article-layout{display:grid;grid-template-columns:minmax(0,2.16fr) minmax(275px,1fr);gap:30px;padding-top:24px;padding-bottom:18px;align-items:start}.article-body{min-width:0}.article-body>section{margin:0 0 23px;scroll-margin-top:18px}.article-body>section:last-child{margin-bottom:0}.article-body .article-callout{display:flex;align-items:flex-start;gap:18px;padding:20px;border-radius:8px;border:1px solid var(--appearance-border,#e3f0ff);background:var(--article-soft)}.callout-symbol{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;flex-shrink:0;color:var(--blue);background:var(--appearance-raised,#d8edff);font-size:36px;line-height:1}.article-callout h2{font-size:23px;color:var(--blue);margin:0 0 5px}.article-template .answer-lead{font-size:21px;font-weight:700;line-height:1.3;color:var(--navy);margin:0 0 7px}.article-callout p:last-child{margin-bottom:0}.article-callout p{font-size:15px}.article-body .misunderstanding-callout{background:var(--appearance-raised,#fff5f7);border-color:var(--appearance-border,#ffd0d9)}.misunderstanding-callout .callout-symbol{color:var(--appearance-red,#e93749);background:var(--appearance-raised,#ffe2e8);font-size:42px}.misunderstanding-callout h2{color:var(--appearance-red,#d5273a);font-size:20px}.misunderstanding-callout ul{padding-left:20px;margin:8px 0;font-size:15px;color:var(--appearance-muted,#395780);line-height:1.6}.misunderstanding-callout li::marker{color:var(--appearance-red,#e4384c)}.article-source{font-size:12px;white-space:nowrap}
.probability-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:13px 0 8px}.probability-cards>div{background:var(--appearance-raised,#f0f8ff);border:1px solid var(--appearance-border,#edf5fd);border-radius:7px;padding:16px}.probability-cards>div.probability-highlight{background:var(--appearance-surface,#f8fcff);border-color:var(--appearance-border,#a3cfff);box-shadow:0 0 0 1px var(--appearance-shadow,#edf6ff)}.probability-cards img{float:left;margin-right:9px;margin-bottom:6px}.probability-cards h3{font-size:16px;color:var(--blue);min-height:38px;display:flex;align-items:center;margin:0 0 10px}.article-template .probability-cards p{font-size:14px;line-height:1.5;clear:both;margin:0}.article-template .article-note{font-size:13px;color:var(--muted)}
.article-point-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 22px;margin-top:16px}.article-point-grid>div{display:flex;gap:14px}.article-point-grid>div>span{width:36px;flex-shrink:0;font-size:31px;line-height:1;color:var(--blue);text-align:center}.article-point-grid h3{font-size:15px}.article-template .article-point-grid p{font-size:14px;line-height:1.5;margin:0}.article-point-grid a{font-weight:600}.article-provider-note{border:1px solid var(--article-border);border-radius:7px;margin-top:20px;background:var(--appearance-surface,#f8fbff);padding:12px 15px}.article-provider-note summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--navy)}.article-template .article-provider-note p{font-size:14px}.article-sources{border-top:1px solid var(--article-border);padding-top:17px}.article-template .article-sources h2{font-size:19px}.article-template .article-sources p,.article-sources li{font-size:13px;line-height:1.6}.article-sources ol{padding-left:20px;margin:8px 0 0}.article-sources a{overflow-wrap:anywhere}
.article-sidebar{display:flex;flex-direction:column;gap:18px;min-width:0}.article-sidebar-card{border:1px solid var(--article-border);background:var(--appearance-surface,white);border-radius:8px;padding:17px}.article-sidebar-card h2{font-size:18px;letter-spacing:0;margin:0 0 13px;display:flex;gap:9px;align-items:center}.article-sidebar-card h2 span{color:var(--blue);font-size:24px}.article-toc{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0}.article-toc>a{padding:6px 10px 6px 20px;white-space:normal;font-size:14px;line-height:1.4;color:var(--appearance-muted,#385580);border-left:2px solid var(--appearance-border,#d7e9fc);margin-left:5px}.article-toc>a[aria-current=true]{border-left:3px solid var(--blue);color:var(--blue);background:var(--appearance-raised,#edf6ff);border-radius:3px}.article-glance dl{margin:0;display:flex;flex-direction:column;gap:3px}.article-glance dl>div{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--appearance-border,#e7f0fd);border-radius:5px;overflow:hidden;font-size:13px;line-height:1.4}.article-glance dt{font-weight:600;background:var(--appearance-raised,#eef7ff);padding:10px}.article-glance dd{margin:0;color:var(--appearance-muted,#395780);padding:10px}.article-next>a,.article-next>div{display:flex;gap:12px;margin-top:14px;align-items:center;color:var(--navy);font-size:14px;font-weight:600;line-height:1.4}.article-next img{width:66px;height:60px;object-fit:cover;border-radius:5px;flex-shrink:0}.article-next small{font-size:10px;display:block;color:var(--blue);margin-top:5px}.article-weather-cta{border:1px solid var(--article-border);background:linear-gradient(140deg,var(--appearance-wash,#1283e77a),var(--appearance-deep,#002956d9)),url('/calendar-banner.webp') 75% center/cover;border-radius:8px;padding:22px;color:var(--appearance-inverse,white)}.article-weather-cta>span{font-size:44px;line-height:1}.article-weather-cta h2{color:var(--appearance-inverse,white);font-size:24px;margin-top:12px}.article-template .article-weather-cta p{color:var(--appearance-inverse,white);font-size:15px}.article-gold-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;background:var(--appearance-gold-surface,#ffca48);color:var(--appearance-text,#07175b);border-radius:6px;padding:10px 15px;font-size:14px;font-weight:700;margin-top:9px}.article-explore{display:block;color:var(--appearance-inverse,white);font-size:14px;margin-top:15px}
.article-terms{display:grid;grid-template-columns:1fr 2fr;gap:24px;align-items:start;padding-top:12px;padding-bottom:24px;scroll-margin-top:20px}.article-terms h2{font-size:24px}.article-terms p{font-size:14px}.article-term-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}.article-term-grid>a{display:flex;align-items:center;gap:12px;border:1px solid var(--article-border);border-radius:7px;padding:11px 13px;min-width:0}.article-term-grid>a>span{font-size:26px;line-height:1}.article-term-grid>a>span:last-child{margin-left:auto}.article-term-grid h3{font-size:14px;color:var(--blue);margin:0 0 3px}.article-term-grid p{font-size:12px;color:var(--muted);margin:0;line-height:1.4}
.article-related-band{background:var(--appearance-raised,#eff7ff);padding:21px 0 23px}.article-related-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px}.article-related-heading h2{font-size:21px;margin:0}.article-related-heading p{font-size:13px;margin:3px 0 0}.article-related-heading>a{font-size:13px;flex-shrink:0}.article-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.article-related-card{background:var(--appearance-surface,white);border:1px solid var(--appearance-border,#cadff7);border-radius:7px;overflow:hidden;min-width:0}.article-related-card>img{display:block;width:100%;height:90px;object-fit:cover}.article-related-card>div{padding:10px 12px}.article-related-card h3{font-size:14px;line-height:1.4;margin:0 0 7px}.article-related-card span{font-size:10px;color:var(--muted)}
@media(max-width:1050px){.article-hero h1{font-size:35px}.article-hero{gap:24px}.article-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.article-body .article-callout{padding:17px;gap:13px}.callout-symbol{width:45px;height:45px;font-size:29px}.article-template .answer-lead{font-size:19px}.probability-cards{gap:10px}.probability-cards>div{padding:12px}.probability-cards h3{font-size:14px}.article-point-grid{gap:16px}.article-point-grid>div{gap:10px}.article-meta{gap:10px 16px}.article-hero figure>img{height:245px}}
@media(max-width:850px){.article-layout{grid-template-columns:1fr}.article-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.article-hero h1{font-size:32px}.article-hero figure>img{height:230px}.article-template .article-intro{font-size:17px}.article-terms{grid-template-columns:1fr}.article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-body>section{margin-bottom:25px}}
@media(max-width:600px){.article-hero{grid-template-columns:1fr;gap:20px}.article-hero h1{font-size:33px}.article-hero figure>img{height:auto;aspect-ratio:16/9}.article-breadcrumbs{padding:15px 0;font-size:12px}.article-meta{font-size:12px;gap:8px 15px}.article-layout{padding-top:20px;gap:20px}.article-template h2{font-size:24px}.article-callout h2{font-size:21px}.article-template .answer-lead{font-size:18px}.article-body .article-callout{gap:12px;padding:16px}.callout-symbol{display:none}.article-sidebar{grid-template-columns:1fr}.article-point-grid{grid-template-columns:1fr;gap:18px}.probability-cards{grid-template-columns:1fr;gap:10px}.probability-cards>div{padding:15px}.probability-cards h3{font-size:17px;margin-bottom:8px}.article-template .probability-cards p{clear:none}.article-term-grid{grid-template-columns:1fr}.article-related-heading{flex-wrap:wrap}.article-related-heading>a{font-size:14px}.article-related-grid{gap:12px}.article-related-card>img{height:80px}.article-sidebar-card h2{font-size:20px}.article-toc>a{font-size:15px}.article-template .article-note{font-size:14px}}
@media(prefers-reduced-motion:no-preference){.guide-template-page{scroll-behavior:smooth}}
/* Optional data and FAQ components for articles using the approved template. */
.article-template .article-data-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--article-border);border-radius:7px;overflow:hidden;font-size:14px;line-height:1.5;margin:14px 0;table-layout:fixed;white-space:normal}.article-data-table caption{text-align:left;font-weight:600;padding-bottom:8px;color:var(--navy)}.article-data-table th,.article-data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--article-border);overflow-wrap:break-word}.article-data-table th{position:static}.article-data-table thead{background:var(--appearance-raised,#e8f3ff)}.article-data-table tbody th{font-weight:600;background:var(--appearance-raised,#f7fbff)}.article-data-table td{color:var(--appearance-muted,#395780)}.article-data-table tr:last-child>*{border-bottom:0}.article-template .article-formula{overflow-wrap:anywhere}.article-template .article-faq{margin-top:10px}.guide-scale-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;border:1px solid var(--appearance-border,#0002)}.uv-low{background:var(--appearance-green-surface,#32994b)}.uv-moderate{background:var(--appearance-gold-surface,#efd23f)}.uv-high{background:var(--appearance-orange-surface,#ee8f32)}.uv-very-high{background:var(--appearance-red-surface,#de454c)}.uv-extreme{background:var(--appearance-purple-surface,#9864b4)}.article-template a.article-related-card{color:var(--navy);display:block}.article-template a.article-related-card:hover{border-color:var(--blue)}
@media(max-width:600px){.article-data-table th,.article-data-table td{padding:8px 7px}.article-template .article-data-table{font-size:13px}}