:root{color-scheme:light;--bg:#f5f7f5;--paper:#fff;--ink:#182c31;--muted:#56686b;--line:#d7e1dc;--accent:#17684e;--tint:#e9f3ec;--button:#17684e;--button-ink:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
:root[data-theme=dark]{color-scheme:dark;--bg:#101c20;--paper:#1b2b30;--ink:#edf5f4;--muted:#b0c2c5;--line:#344d51;--accent:#98dfbc;--tint:#172f30;--button:#98dfbc;--button-ink:#122b24}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-size:17px;line-height:1.75}a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:3px}.skip{position:absolute;left:16px;top:-100px;background:var(--paper);padding:12px;z-index:10}.skip:focus{top:10px}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{max-width:1224px;margin:auto;min-height:86px;padding:16px 32px;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:750;letter-spacing:-.8px;text-decoration:none;color:var(--ink);line-height:1.2}.brand img{border-radius:11px}.brand-dot{color:var(--accent)}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.2px;color:var(--muted);margin-top:3px}.header-tool{font-size:14px;font-weight:650;border:1px solid var(--line);padding:9px 16px;border-radius:12px;text-decoration:none;white-space:nowrap}.header-tool span{margin-left:10px}main{max-width:1224px;margin:auto;padding:28px 32px 64px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted)}.breadcrumbs a{color:var(--muted)}.article-hero{max-width:960px;padding:44px 0 40px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:750;color:var(--accent);margin:0 0 12px}h1,h2,h3{line-height:1.2}h1{font-size:clamp(2rem,4.7vw,3.5rem);letter-spacing:-.04em;margin:0 0 22px;max-width:900px}h2{font-size:clamp(1.4rem,2.3vw,1.8rem);letter-spacing:-.025em;margin:0 0 20px}h3{font-size:1.1rem}.lead{font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.6;color:var(--muted);max-width:780px;margin:0 0 22px}.byline{font-size:12px;color:var(--muted);display:flex;gap:6px 18px;flex-wrap:wrap;margin:0;align-items:center}.article-layout{display:grid;grid-template-columns:245px minmax(0,740px);justify-content:space-between;gap:48px;border-top:1px solid var(--line);padding-top:36px}.contents{align-self:start;position:sticky;top:24px;font-size:13px}.contents h2{font-size:13px;letter-spacing:0;margin:0 0 14px}.contents ol{list-style:none;padding:0;margin:0}.contents li{margin:0 0 12px;line-height:1.5}.contents a{color:var(--muted);text-decoration:none;display:block}.contents a:hover{color:var(--accent);text-decoration:underline}.contents .sources-jump{padding-top:10px;border-top:1px solid var(--line)}.contents .contents-tool{color:var(--accent);font-weight:650;margin-top:22px;max-width:220px}.article-body{min-width:0}.article-body p{margin:0 0 20px}.article-body section{margin-top:48px;scroll-margin-top:24px}.article-body section+section{border-top:1px solid var(--line);padding-top:40px}.article-body ul,.article-body ol{padding-left:23px;margin:0 0 24px}.article-body li{padding-left:5px;margin-bottom:14px}.takeaway{background:var(--tint);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:0 16px 16px 0;padding:24px 28px;font-size:18px}.takeaway p:last-child{margin:0}.takeaway .eyebrow{margin-bottom:10px}.energy-flow{margin:28px 0;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.energy-flow strong{display:block;font-size:30px;letter-spacing:-.04em;color:var(--accent);line-height:1.2}.energy-flow span:not(.flow-arrow),.energy-flow small{display:block;font-size:13px;line-height:1.5}.energy-flow small{margin-top:8px;color:var(--muted)}.flow-arrow{font-size:28px;color:var(--muted)}figcaption{grid-column:1/-1;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;line-height:1.5}.table-wrap{margin:26px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper)}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;line-height:1.5}caption{text-align:left;padding:18px;font-weight:650;color:var(--ink);caption-side:top}th,td{padding:14px 18px;border-top:1px solid var(--line);vertical-align:top}thead{background:var(--tint);font-size:12px}tbody th{font-weight:650}tbody tr[data-loss="10"]{background:var(--tint)}.formula{border-left:3px solid var(--accent);padding:12px 20px;margin:26px 0;overflow-wrap:anywhere;font-size:16px}.formula strong,.formula span{display:block;margin:5px 0}.formula span{color:var(--muted)}.steps li::marker{color:var(--accent);font-weight:750}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:650;line-height:1.5}details p{padding-top:14px}details p:last-child{margin-bottom:0}.tool-cta{margin-top:48px;padding:28px;background:var(--tint);border:1px solid var(--line);border-radius:18px}.tool-cta h2{margin-bottom:12px}.tool-cta .eyebrow{margin-bottom:10px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background:var(--button);color:var(--button-ink);text-decoration:none;font-size:14px;font-weight:700;line-height:1.5;border-radius:10px;padding:14px 18px;min-height:48px}.sources{font-size:14px;color:var(--muted)}.sources h2{color:var(--ink);font-size:20px}.sources li p{font-size:13px;margin:5px 0 18px}.related-section{border-top:1px solid var(--line);margin-top:64px;padding-top:36px}.related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.related a{display:flex;flex-direction:column;gap:12px;align-items:flex-start;text-decoration:none;padding:22px;border:1px solid var(--line);background:var(--paper);border-radius:16px}.related a:hover{border-color:var(--accent)}.related strong{color:var(--ink);font-size:18px;line-height:1.4}.related span:first-child{text-transform:uppercase;font-size:10px;letter-spacing:.1em}.related span:last-child{margin-top:auto}footer{max-width:1160px;margin:auto;padding:28px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:13px}footer p{margin:4px 0}.footer-brand{font-size:17px;font-weight:700;color:var(--ink);text-decoration:none}footer nav{display:flex;gap:22px;flex-wrap:wrap;align-content:start}footer nav a{color:var(--muted)}
@media(max-width:900px){.article-layout{grid-template-columns:minmax(0,1fr);gap:28px}.contents{position:static;padding:20px;border:1px solid var(--line);border-radius:14px}.contents ol{columns:2;column-gap:30px}.contents li{break-inside:avoid}.contents .contents-tool{max-width:none}.article-body{max-width:740px}.article-hero{padding-top:32px}footer{margin:0 32px}}
@media(max-width:540px){body{font-size:16px}.header-inner{padding:14px 20px;min-height:76px;gap:12px}.brand{font-size:19px;gap:8px}.brand img{width:32px;height:32px}.header-tool{font-size:12px;padding:8px 10px}.header-tool span{display:none}main{padding:22px 20px 40px}.breadcrumbs{font-size:11px}.article-hero{padding:28px 0}.byline{gap:5px 14px;font-size:11px}.contents ol{columns:1}.article-layout{padding-top:24px;gap:24px}.takeaway{padding:20px;font-size:17px}.energy-flow{padding:18px;gap:12px}.energy-flow strong{font-size:26px}.energy-flow small{font-size:12px}.article-body section{margin-top:36px}.article-body section+section{padding-top:30px}th,td{padding:12px 10px}table{font-size:12px}thead{font-size:11px}caption{padding:14px;font-size:13px}.formula{padding-left:15px;font-size:14px}.tool-cta{padding:22px}.button{width:100%}.related{grid-template-columns:1fr}.related a{padding:20px;display:grid;grid-template-columns:1fr auto;gap:8px}.related span:first-child{grid-column:1/-1}.related span:last-child{grid-column:2;grid-row:2}.related strong{font-size:17px}.related-section{margin-top:40px}footer{margin:0 20px;display:block}footer nav{margin-top:24px;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:360px){.header-inner{padding:12px 16px}.brand{font-size:17px;gap:6px;white-space:nowrap}.brand img{width:26px;height:26px}.header-tool{font-size:11px;padding:8px}}