/* Health guides + calculators (Oct 2026). Uses the site palette from site.css. */
.wg{--wg-blue:#266ec7;--wg-navy:#0a2540;--wg-muted:#5d7290;--wg-line:#e4ecf5;--wg-soft:#eef5fd;--wg-cloud:#f7fafd;color:#0e2a4a}
.wg-wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.wg-crumbs{font-size:13px;color:var(--wg-muted);padding:18px 0 0}
.wg-crumbs a{color:var(--wg-muted);text-decoration:none}.wg-crumbs a:hover{color:var(--wg-blue)}
.wg-hero{padding:22px 0 30px}
.wg-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--wg-blue);margin-bottom:10px}
.wg-hero h1{font-size:clamp(28px,4.2vw,42px);line-height:1.15;color:var(--wg-navy);margin:0 0 14px;letter-spacing:-.015em;max-width:820px}
.wg-lede{font-size:17px;line-height:1.7;color:var(--wg-muted);max-width:760px;margin:0}
.wg-meta{font-size:12.5px;color:#8a9bb0;margin-top:14px}
.wg-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start;padding-bottom:56px}
@media (max-width:900px){.wg-grid{grid-template-columns:1fr;gap:26px}}
.wg-article h2{font-size:24px;color:var(--wg-navy);margin:34px 0 12px;letter-spacing:-.01em}
.wg-article h3{font-size:18px;color:var(--wg-navy);margin:24px 0 8px}
.wg-article p,.wg-article li{font-size:16px;line-height:1.78;color:#33496a}
.wg-article ul,.wg-article ol{padding-left:22px;margin:10px 0 16px}.wg-article li{margin:5px 0}
.wg-article a{color:var(--wg-blue)}
.wg-article table{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:14.5px}
.wg-article th,.wg-article td{border-bottom:1px solid var(--wg-line);padding:10px 8px;text-align:left}
.wg-article th{background:var(--wg-cloud);color:var(--wg-navy);font-weight:600}
.wg-tablewrap{overflow-x:auto}
.wg-key{background:var(--wg-soft);border:1px solid #cfe0f4;border-radius:16px;padding:18px 20px;margin:6px 0 10px}
.wg-key b{display:block;color:var(--wg-navy);margin-bottom:6px}.wg-key ul{margin:0;padding-left:20px}
.wg-note{background:#fff8ec;border:1px solid #f0d19a;border-radius:14px;padding:14px 16px;font-size:14.5px;line-height:1.6;color:#6b4b10;margin:16px 0}
.wg-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
@media (max-width:900px){.wg-side{position:static}}
.wg-card{background:#fff;border:1px solid var(--wg-line);border-radius:18px;padding:20px}
.wg-card h3{font-size:16px;color:var(--wg-navy);margin:0 0 8px}.wg-card p{font-size:14px;line-height:1.6;color:var(--wg-muted);margin:0 0 14px}
.wg-btn{display:inline-block;background:var(--wg-blue);color:#fff!important;text-decoration:none;font-weight:600;font-size:15px;padding:12px 22px;border-radius:999px;border:none;cursor:pointer;font-family:inherit}
.wg-btn:hover{background:#1d56a0}.wg-btn--ghost{background:#fff;color:var(--wg-blue)!important;border:1.5px solid var(--wg-blue)}
.wg-links{list-style:none;margin:0;padding:0}.wg-links li{margin:0;border-top:1px solid var(--wg-line)}.wg-links li:first-child{border-top:none}
.wg-links a{display:block;padding:9px 0;font-size:14px;color:var(--wg-navy);text-decoration:none}.wg-links a:hover{color:var(--wg-blue)}
.wg-cta{background:var(--wg-navy);color:#fff;border-radius:22px;padding:28px;margin:34px 0 6px}
.wg-cta h2{color:#fff!important;margin:0 0 8px!important;font-size:22px!important}.wg-cta p{color:#c9d6e8!important;margin:0 0 16px!important}
.wg-faq details{border:1px solid var(--wg-line);border-radius:14px;padding:14px 16px;margin:10px 0;background:#fff}
.wg-faq summary{cursor:pointer;font-weight:600;color:var(--wg-navy);font-size:15.5px;list-style:none}
.wg-faq summary::-webkit-details-marker{display:none}.wg-faq summary::after{content:'+';float:right;color:var(--wg-blue);font-weight:700}
.wg-faq details[open] summary::after{content:'–'}.wg-faq details p{margin:10px 0 0}
.wg-disclaimer{font-size:13px;line-height:1.6;color:#8a9bb0;border-top:1px solid var(--wg-line);padding-top:16px;margin-top:30px}
/* calculators */
.wg-tool{background:#fff;border:1px solid var(--wg-line);border-radius:22px;padding:24px;box-shadow:0 10px 30px rgba(10,37,64,.06);margin:0 0 10px}
.wg-tool h2{margin-top:0!important}
.wg-units{display:inline-flex;background:var(--wg-cloud);border:1px solid var(--wg-line);border-radius:999px;padding:4px;margin-bottom:16px}
.wg-units button{border:none;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--wg-muted);padding:8px 16px;border-radius:999px;cursor:pointer}
.wg-units button.on{background:#fff;color:var(--wg-navy);box-shadow:0 1px 4px rgba(10,37,64,.12)}
.wg-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.wg-field label{display:block;font-size:13px;font-weight:600;color:var(--wg-navy);margin-bottom:6px}
.wg-field .wg-pair{display:flex;gap:8px}
.wg-field input,.wg-field select{width:100%;box-sizing:border-box;padding:11px 12px;font:inherit;font-size:16px;border:1.5px solid #d5e2f2;border-radius:12px;background:#fff;color:var(--wg-navy)}
.wg-field input:focus,.wg-field select:focus{outline:none;border-color:var(--wg-blue)}
.wg-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:#33496a;margin:14px 0 0}
.wg-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--wg-blue);flex-shrink:0}
.wg-tool .wg-btn{margin-top:16px}
.wg-err{color:#a02525;font-size:14px;margin-top:10px}
.wg-result{margin-top:20px;border-radius:18px;padding:20px;background:var(--wg-cloud);border:1px solid var(--wg-line)}
.wg-result[hidden]{display:none}
.wg-big{font-size:42px;font-weight:800;color:var(--wg-navy);line-height:1}
.wg-band{display:inline-block;font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px;margin-left:8px;vertical-align:middle}
.wg-b-low{background:#fff4e0;color:#8a5a00}.wg-b-ok{background:#e6f7ee;color:#1a7f47}.wg-b-mid{background:#fff4e0;color:#8a5a00}.wg-b-high{background:#fdecec;color:#a02525}
.wg-scale{position:relative;height:10px;border-radius:999px;margin:18px 0 6px;background:linear-gradient(90deg,#f5c26b 0 14%,#5cc489 14% 40%,#f5c26b 40% 60%,#ef7d7d 60% 100%)}
.wg-scale i{position:absolute;top:-5px;width:4px;height:20px;background:var(--wg-navy);border-radius:2px;transform:translateX(-2px)}
.wg-rlines p{font-size:15px;line-height:1.65;margin:10px 0 0}
.wg-next{margin-top:14px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #cfe0f4;font-size:15px;line-height:1.6}
.wg-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:10px 0 30px}
.wg-hub a{display:block;background:#fff;border:1px solid var(--wg-line);border-radius:18px;padding:18px;text-decoration:none;transition:.15s}
.wg-hub a:hover{border-color:var(--wg-blue);transform:translateY(-2px)}
.wg-hub b{display:block;color:var(--wg-navy);font-size:16px;margin-bottom:6px}.wg-hub span{color:var(--wg-muted);font-size:14px;line-height:1.55}
.wg-hub small{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--wg-blue);margin-bottom:6px}
