html{scroll-padding-top:92px}.article-hero h1{max-width:920px}.article-hero .dek{max-width:840px}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px;align-items:start}.guide-toc{position:sticky;top:86px;padding:22px;border:1px solid #d7ecef;border-radius:14px;background:#fff}.guide-toc>strong{display:block;font-size:14px;color:#164c5a;margin-bottom:12px}.guide-toc nav{display:grid;gap:3px}.guide-toc nav a{padding:8px 0;color:#527481;text-decoration:none;font-size:13px}.guide-toc nav a:hover{color:#088c8b}.guide-return{display:block;margin-top:18px;padding-top:16px;border-top:1px solid #e3eff1;color:#087e82;font-size:12px;font-weight:700}.guide-body{min-width:0;max-width:900px}.guide-body .section{padding-top:8px;margin-bottom:36px}.guide-body h2{font-size:27px;line-height:1.25;margin-top:8px}.guide-body h3{font-size:18px;margin-top:24px}.guide-body p{font-size:15px;line-height:1.8;color:#4c6d79}.guide-body a{color:#087e89}.guide-intro,.guide-example{padding:20px 23px;background:#eaf8f6;border:1px solid #cbe9e2;border-radius:12px;margin:0 0 25px;color:#275e67;font-size:15px;line-height:1.7}.guide-example{background:#f3fafc;border-color:#d8ebf0;margin:18px 0}.guide-example>strong{font-size:12px;color:#087b8b;text-transform:uppercase;letter-spacing:.6px}.guide-example p{margin:8px 0 0}.guide-table{overflow-x:auto;margin:20px 0;border:1px solid #dcecef;border-radius:11px}.guide-table table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.7}.guide-table th{text-align:left;background:#edf8fa;color:#235461;padding:12px 16px}.guide-table td{padding:12px 16px;border-top:1px solid #e5eff1;vertical-align:top;color:#4c6d79}.guide-table td:first-child{font-weight:700;color:#244e5d;width:26%}.guide-formula{padding:16px;border:1px solid #d6e9ee;background:#f7fbfc;border-radius:9px;font:13px/1.8 ui-monospace,monospace;color:#205765;overflow-wrap:anywhere}.guide-body .source-list{display:grid;gap:9px}.guide-body .cta{margin-top:24px}.guide-toc a:focus-visible,.guide-body a:focus-visible{outline:3px solid #20acb7;outline-offset:4px}@media(max-width:900px){.guide-layout{grid-template-columns:1fr;gap:25px}.guide-toc{position:static}.guide-toc nav{grid-template-columns:1fr 1fr;column-gap:18px}.guide-body{max-width:none}.article-hero h1{font-size:36px}}@media(max-width:520px){.guide-body h2{font-size:24px}.guide-table td,.guide-table th{padding:10px}.guide-intro,.guide-example{padding:16px}.guide-toc{padding:17px}.article-hero h1{font-size:30px}.guide-body .cta{flex-direction:column;align-items:flex-start}}
/* Self-contained dashboard illustrations, scoped to the guide. */
.guide-demo{margin:24px 0 30px;padding:22px;background:linear-gradient(135deg,#e9fafb,#f4fbf8);border:1px solid #d4edf0;border-radius:18px}.demo-card{max-width:580px;margin:auto;padding:22px;background:#fff;border:1px solid #bfe5ed;border-radius:15px;box-shadow:0 8px 24px #12596708;color:#164959;font-size:13px}.demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-head>strong{font-size:20px}.demo-tag{background:#e6f7f9;color:#00879a;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:800;letter-spacing:.7px}.demo-sub{color:#708d99;font-size:12px;margin:5px 0 20px}.demo-card small{display:block;color:#6f8997;font-size:11px;line-height:1.6}.demo-progress{width:100%;border-collapse:collapse;font-size:12px}.demo-progress th{text-align:left}.demo-progress thead{font-size:10px;color:#6a8794;text-transform:uppercase}.demo-progress td,.demo-progress th{padding:12px 5px;border-bottom:1px solid #e6f0f3}.demo-progress td:nth-child(2){width:43%}.demo-progress td:nth-child(2) b{display:inline-block;margin-left:8px}.demo-progress td:nth-child(3){color:#6b8794}.demo-bar{display:inline-block;vertical-align:middle;width:65%;height:8px;background:#e8eff2;border-radius:10px;overflow:hidden}.demo-bar i{display:block;height:100%;background:#16b4c2;border-radius:10px}.demo-selected{background:#e4f7f1}.demo-pill{display:inline-block;padding:5px 8px;border-radius:20px;background:#e1f6f0;color:#007d77;font-size:10px;font-weight:750;white-space:nowrap}.demo-inset{border:1px solid #d5e9ee;background:#f8fcfd;border-radius:10px;padding:15px;margin-top:16px}.demo-big{display:block;font-size:29px;font-weight:750;margin:8px 0}.demo-big .demo-pill{float:right;margin-top:6px}.demo-compare-row{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:12px}.demo-compare-row .demo-bar{flex:1}.demo-condition{display:flex;align-items:center;gap:24px;margin:25px 0}.demo-donut{width:166px;height:166px;border-radius:50%;background:conic-gradient(#13ae91 57%,#e5f1f2 0);padding:25px;box-sizing:border-box;flex-shrink:0}.demo-donut>div{height:100%;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.demo-donut b{font-size:29px}.demo-donut small{font-size:10px}.demo-index{background:#edf9fc;border-radius:12px;padding:18px;flex:1}.demo-index strong{display:block;font-size:27px;margin:8px 0}.demo-index span{font-size:10px;color:#009b8e;font-weight:700}.demo-label{display:block;margin:20px 0 12px}.demo-stack{display:flex;height:19px;border-radius:6px;overflow:hidden}.demo-legend{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px;font-size:10px;color:#77929d}.demo-legend b{display:block;color:#194d60;font-size:12px;margin-top:4px}.demo-two{display:grid;grid-template-columns:1fr 1fr;margin-top:14px;gap:20px}.demo-two>div+div{border-left:1px solid #d7e9ec;padding-left:20px}.demo-two b{display:block;font-size:24px;margin:3px 0}.demo-note{background:#eaf8fb;border-radius:9px;padding:14px;margin-top:18px;font-size:12px;line-height:1.7;color:#426d7b}.demo-weather{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-weather .demo-inset{margin:0}.demo-weather .demo-inset>small:first-child{font-weight:750;color:#205565}.demo-map{width:100%;height:280px;display:block;margin:0 auto}.demo-map .corn-weather-land{fill:#e9f2e7;stroke:white;stroke-width:1.3}.demo-map circle{stroke:#fff;stroke-width:2}.demo-map text{fill:#075e53;font-size:8px;font-weight:750;text-anchor:middle}.demo-map-key{display:flex;justify-content:center;gap:16px;font-size:10px;color:#809554}.demo-chart{display:block;width:100%;height:auto}.demo-outlook{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #e3eff1;font-size:12px}.demo-outlook b{color:#008e88}.demo-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demo-snapshot>div{padding:6px 10px;border-left:2px solid #dceff0}.demo-snapshot b{display:block;font-size:24px;margin:6px 0}.guide-demo figcaption{max-width:580px;margin:14px auto 0;color:#567785;font-size:12px;line-height:1.7}.guide-demo figcaption>span{display:block;color:#087e89;font-weight:750;font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}@media(max-width:600px){.guide-demo{padding:10px}.demo-card{padding:14px}.demo-head>strong{font-size:17px}.demo-progress{font-size:10px}.demo-progress td,.demo-progress th{padding:10px 3px}.demo-progress td:nth-child(2){width:34%}.demo-bar{width:48%}.demo-progress td:nth-child(2) b{margin-left:4px}.demo-pill{padding:4px 5px;font-size:9px}.demo-condition{gap:12px}.demo-donut{width:132px;height:132px;padding:20px}.demo-index{padding:12px}.demo-index strong{font-size:21px}.demo-weather{gap:8px}.demo-weather .demo-inset{padding:10px}.demo-weather .demo-big{font-size:24px}.demo-snapshot{grid-template-columns:1fr}.demo-map{height:240px}}@media(max-width:380px){.demo-condition{flex-direction:column}.demo-index{width:100%;box-sizing:border-box}.demo-progress .demo-bar{display:none}}

/* Keep each illustration and its explanatory caption in one card. */
.guide-demo,.demo-card,.demo-card *{box-sizing:border-box}
.demo-card{width:100%;min-width:0;overflow-wrap:anywhere}
.guide-demo .demo-card>figcaption{max-width:none;margin:18px 0 0;padding-top:14px;border-top:1px solid #e0eef1}
.demo-weather{grid-template-columns:repeat(2,minmax(0,1fr))}
.demo-weather>*,.demo-condition>*,.demo-snapshot>*{min-width:0}
.demo-head{flex-wrap:wrap}
.demo-map-key{flex-wrap:wrap}