:root{--pad:clamp(16px,3vw,32px);--wrap:1120px;--brand:#166534;--brand-ink:#0F4A26;--tint:#EAF1ED;--brand-11:#E5EEE9;--tint-2:#D5E3DA;--brand-30:#B9D1C2;--brand-40:#A2C1AE;--brand-55:#82AC92;--brand-shadow:rgba(22,101,52,.28);--ink:#13202B;--body:#3C4A57;--meta:#5B6875;--faint:#8A97A3;--line:#E6EAEE;--line-2:#E1E6EA;--field:#D9E0E6;--chip:#F1F4F6;--soft:#F7F9FA;--head:'Inter Tight',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--sans:'Source Sans 3',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html{scroll-behavior:smooth}
html body [hidden]{display:none!important}
html body{overflow-x:clip;font:17px/1.65 var(--sans);color:var(--body);background:#fff;-webkit-font-smoothing:antialiased}
html body a{color:var(--brand);text-decoration-thickness:1px;text-underline-offset:3px}
html body a:hover{color:var(--brand-ink)}
html body h1,html body h2,html body h3{font-family:var(--head);color:var(--ink);letter-spacing:-.02em;text-wrap:balance}
html body h1{font-size:clamp(30px,4vw,42px);font-weight:800;line-height:1.08;margin:10px 0 14px;letter-spacing:-1.2px;overflow-wrap:break-word}
html body h2{font-size:clamp(22px,2.4vw,26px);font-weight:800;line-height:1.2;margin:48px 0 14px;letter-spacing:-.5px}
html body h3{font-size:18px;font-weight:700}
html body main{max-width:var(--wrap);padding:24px var(--pad) 64px}
html body main.pg-sources,html body main.pg-disclaimer{max-width:880px}
html body main>p,html body main>ol,html body main>ul,html body main>.faq,html body main>.related{max-width:820px}
html body main p,html body main li{text-wrap:pretty}
html body .lead{font-size:17.5px;line-height:1.6;color:var(--body);max-width:760px}
html body .demo-bar{padding:8px 20px;background:#FFF4EC;border-bottom:1px solid #F6D3BC;font-size:13px;color:#9A3D0A;text-align:center}
html body .top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:0 max(var(--pad),calc((100% - var(--wrap))/2 + var(--pad)));height:60px;flex-wrap:nowrap;gap:14px}
html body .top .brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--head);font-size:16.5px;font-weight:800;letter-spacing:-.3px;white-space:nowrap;min-width:0;text-decoration:none}
html body .top .brand span{overflow:hidden;text-overflow:ellipsis}
html body .top .brand::before{content:"";flex:none;width:34px;height:34px;border-radius:9px;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M8 7h8M8 11h2M12 11h2M16 11h0M8 15h2M12 15h2M8 18h2M12 18h2M16 15v3'/%3E%3C/svg%3E") center/18px no-repeat}
html body .top nav{gap:4px;flex-wrap:nowrap;align-items:center;flex:none}
html body .top nav a{display:inline-flex;align-items:center;height:38px;color:var(--ink);font-size:14.5px;font-weight:600;padding:0 14px;border-radius:10px;white-space:nowrap;text-decoration:none}
html body .top nav a:hover{background:var(--chip);color:var(--ink)}
html body .top nav a[aria-current]{background:var(--chip);color:var(--ink)}
html body .top nav a.top-btn{margin-left:6px;background:var(--brand);color:#fff;padding:0 16px;font-weight:700}
html body .top nav a.top-btn:hover{background:var(--brand-ink);color:#fff}
@media(max-width:720px){html body .top nav a.nav-x{display:none}}
@media(max-width:420px){html body .top .brand{font-size:15px}html body .top nav a.top-btn{padding:0 12px;font-size:13.5px;margin-left:0}}
html body .crumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;color:var(--meta)}
html body .crumbs a{color:var(--meta);text-decoration:none}
html body .crumbs a:hover{color:var(--brand)}
html body .crumbs i{font-style:normal;color:var(--faint)}
html body .crumbs span{color:var(--ink);font-weight:600}
html body .calc-wrap{margin:28px 0 8px}
html body .aha-calc{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start;background:transparent;border:0;border-radius:0;padding:0;overflow:visible;box-shadow:none;font-family:var(--sans)}
html body .aha-calc [hidden]{display:none!important}
html body .aha-calc>*{flex:1 1 100%;min-width:0}
html body .aha-calc .fields{flex:1 1 360px;display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:18px;border:1px solid var(--line-2);background:#fff;box-shadow:0 18px 40px -30px rgba(19,32,43,.5)}
html body .aha-calc .out{flex:1 1 340px;display:flex;flex-direction:column;gap:14px;container-type:inline-size}
html body .aha-calc .f{display:flex;flex-direction:column;gap:8px;min-width:0}
html body .aha-calc .l{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:15px;font-weight:700;color:var(--ink);line-height:1.35}
html body .aha-calc .l em{white-space:nowrap;font-size:12px;font-weight:600;font-style:normal;color:var(--meta);background:var(--chip);padding:1px 7px;border-radius:99px}
html body .aha-calc .l small{margin-left:auto;font-size:13.5px;font-weight:500;line-height:1.4;color:var(--faint);text-align:right}
html body .aha-calc .l small.long{flex-basis:100%;margin-left:0;text-align:left}
html body .aha-calc .in{height:52px;background:#fff;border:1.5px solid var(--field);border-radius:12px;transition:border-color .15s,box-shadow .15s;min-width:0}
html body .aha-calc .in:hover{border-color:#C3CCD4}
html body .aha-calc .in:focus-within{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px var(--tint-2)}
html body .aha-calc input,html body .aha-calc select{font-family:inherit;font-size:18px;font-weight:700;background:transparent;color:var(--ink);padding:0 12px;height:100%;font-variant-numeric:tabular-nums}
html body .aha-calc select{height:52px;width:100%;min-width:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6875' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center/16px no-repeat;border:1.5px solid var(--field);border-radius:12px;appearance:none;-webkit-appearance:none;padding:0 40px 0 14px;font-size:16px;text-overflow:ellipsis}
html body .aha-calc select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px var(--tint-2)}
html body .aha-calc .pre,html body .aha-calc .suf{font-size:14px;font-weight:600;color:var(--faint);padding:0 14px}
html body .aha-calc .pre{padding:0 0 0 14px;font-size:18px;font-weight:700}
html body .aha-calc .pre+input{padding-left:4px}
html body .aha-calc .suf{flex:none;max-width:45%;height:100%;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}
html body .aha-calc .in input{flex:1 1 auto;min-width:0;width:100%}
html body .aha-calc input::placeholder{color:#A9B3BD;font-weight:500;opacity:1}
html body .aha-calc .rng{display:block;width:100%;height:20px;margin:0;padding:0;accent-color:var(--brand);cursor:pointer}
html body .aha-calc small{font-size:13px;line-height:1.45;color:var(--meta)}
html body .aha-calc .results{margin:0;padding:0;background:none;border:0;display:flex;flex-wrap:wrap;gap:12px}
html body .aha-calc .results>.r{flex:1 1 150px;min-width:0}
html body .aha-calc .results>.r.main{flex-basis:100%}
html body .aha-calc .r.dupe,html body .aha-calc .r.is-empty:not(.main){display:none}
html body .aha-calc .r{background:#fff;border:1px solid var(--line-2);border-radius:14px;padding:14px 16px;gap:2px}
html body .aha-calc .r span{font-size:13px;font-weight:700;color:var(--meta)}
html body .aha-calc .r b{font-family:var(--head);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html body .aha-calc .r em{font-size:13px;font-style:normal;color:var(--meta)}
html body .aha-calc .r.main{background:var(--brand);border-color:var(--brand);border-radius:18px;padding:22px;flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:12px;row-gap:6px}
html body .aha-calc .r.main span{flex-basis:100%;color:#fff;opacity:.8;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
html body .aha-calc .r.main b{font-size:clamp(36px,5cqw,48px);font-weight:800;color:#fff;letter-spacing:-1.5px;line-height:1}
html body .aha-calc .r.main em{color:rgba(255,255,255,.85);font-size:16px;font-weight:600}
html body .aha-calc .r.is-empty b{font-family:var(--sans);font-size:15px;font-weight:600;color:var(--meta)}
html body .aha-calc .r.main.is-empty{background:#fff;border:1.5px dashed var(--brand-40)}
html body .aha-calc .results .r.main.is-empty span{color:var(--meta);opacity:1}
html body .aha-calc .results .r.main.is-empty b{color:var(--ink);font-size:16px;font-weight:700;letter-spacing:0;line-height:1.4}
html body .aha-calc .results .r.main.is-empty b:empty::after{content:"Enter your measurements to see the result"}
html body .aha-calc .split{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:18px;border:1px solid var(--line-2);background:#fff}
html body .aha-calc .sp-bar{display:flex;height:14px;border-radius:99px;overflow:hidden;background:var(--brand-30)}
html body .aha-calc .sp-bar i{display:block;height:100%}
html body .aha-calc .sp-bar .b{background:var(--brand)}
html body .aha-calc .sp-bar .i{flex:1}
html body .aha-calc .sp-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html body .aha-calc .sp-figs>span{display:flex;flex-direction:column;gap:3px;min-width:0}
html body .aha-calc .sp-l{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--meta)}
html body .aha-calc .sp-l i{flex:none;width:9px;height:9px;border-radius:3px}
html body .aha-calc .sp-l .b{background:var(--brand)}
html body .aha-calc .sp-l .i{background:var(--brand-30)}
html body .aha-calc .sp-l .t{background:var(--ink)}
html body .aha-calc .sp-figs b{font-family:var(--head);font-size:clamp(14px,4.6cqw,18px);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
html body .aha-calc .bal{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:18px;border:1px solid var(--line-2);background:#fff}
html body .aha-calc .bal-cap{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
html body .aha-calc .bal-bars{display:flex;align-items:flex-end;gap:4px;height:90px}
html body .aha-calc .bal-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}
html body .aha-calc .bal-col i{display:block;width:100%;max-width:28px;border-radius:4px 4px 0 0;background:var(--brand)}
html body .aha-calc .bal-col i.zero{background:var(--line-2)}
html body .aha-calc .bal-col span{min-height:14px;font-size:11.5px;line-height:1.2;color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap}
html body .aha-calc .msg{margin:0;font-size:14px;color:var(--meta)}
html body .aha-calc .sched{margin:0;padding:14px 18px;border:1px solid var(--line-2);border-radius:18px;background:#fff}
html body .aha-calc .sched summary{font-size:15px;color:var(--brand);cursor:pointer;font-weight:700}
html body .aha-calc .sched [data-rows]{overflow-x:auto}
html body .aha-calc table{background:#fff;font-variant-numeric:tabular-nums}
html body .aha-calc .lead-form{margin:0;padding:20px 22px;border:1px solid var(--line-2);border-radius:18px;background:#fff}
html body .aha-calc .lead-form input{height:48px;background:#fff;border:1.5px solid var(--field);border-radius:12px;font-size:16px;font-weight:600}
html body .aha-calc .lead-form button{height:48px;background:var(--brand);border-radius:12px}
html body .calc-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0;background:none}
html body .calc-tools button{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:1px solid var(--line-2);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s}
html body .calc-tools button:hover{border-color:var(--brand);color:var(--brand)}
html body .calc-tools button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
html body .calc-tools .reset{margin-left:auto;border-color:transparent;background:transparent;color:var(--meta)}
html body .calc-tools .done{color:var(--brand);font-size:13px;font-weight:700}
@media(max-width:640px){html body .aha-calc .fields{padding:18px}html body .aha-calc .r.main{padding:18px}}
html body main ol,html body main ul:not(.answers):not(.formula){padding-left:0;list-style:none;display:flex;flex-direction:column;gap:10px}
html body main ol{counter-reset:s}
html body main ol>li{counter-increment:s;position:relative;padding-left:40px;min-height:28px}
html body main ol>li::before{content:counter(s);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:99px;background:var(--tint);color:var(--brand);font-size:13.5px;font-weight:800;display:grid;place-items:center}
html body main ul:not(.answers):not(.formula)>li{position:relative;padding-left:26px}
html body main ul:not(.answers):not(.formula)>li::before{content:"";position:absolute;left:4px;top:.68em;width:7px;height:7px;border-radius:99px;background:var(--brand)}
html body .fx{display:flex;flex-wrap:wrap;gap:18px;margin-top:48px}
html body .fx-box{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:10px;padding:20px 22px;border-radius:18px;background:var(--soft);border:1px solid var(--line)}
html body .fx-box h2{margin:0;font-size:20px;letter-spacing:-.4px}
html body .formula{list-style:none;margin:0;padding:12px 14px;background:#fff;border:1px solid var(--line-2);border-radius:10px;display:flex;flex-direction:column;gap:8px}
html body .formula li{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;line-height:1.55;margin:0;overflow-wrap:break-word}
html body .example{background:#fff;border:1px solid var(--line-2);border-radius:12px;padding:0;overflow:hidden}
html body .example .note{margin:0;padding:10px 16px;background:#fff;border-bottom:1px solid #EEF1F4;font-size:13.5px;color:var(--meta)}
html body .example table{width:100%;margin:4px 0;border-collapse:collapse}
html body .example th,html body .example td{padding:8px 16px;border-bottom:1px solid #F0F3F5;font-size:15px}
html body .example th{width:55%;font-weight:600;color:var(--meta)}
html body .example td{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
html body .example tr:last-child th,html body .example tr:last-child td{border-bottom:0}
html body .example .answers{margin:0;padding:12px 16px;background:var(--tint);border-top:1px solid var(--tint-2);display:flex;flex-direction:column;gap:6px;list-style:none}
html body .example .answers li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:15px}
html body .example .answers li span{font-weight:700;color:var(--ink)}
html body .example .answers li b{color:var(--ink);font-variant-numeric:tabular-nums}
html body .example .answers li.main b{color:var(--brand);font-size:18px}
html body .example .answers li.missing{color:var(--meta)}
html body .faq{display:flex;flex-direction:column;gap:10px}
html body .faq details{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
html body .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}
html body .faq summary h3{margin:0;font-family:var(--sans);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:0;line-height:1.4}
html body .faq summary::-webkit-details-marker{display:none}
html body .faq summary::after{content:"+";flex:none;width:26px;height:26px;border-radius:8px;background:var(--chip);display:grid;place-items:center;font-size:17px;font-weight:500;color:var(--meta);transition:transform .2s}
html body .faq details[open] summary::after{transform:rotate(45deg)}
html body .faq details p{margin:0;padding:0 16px 16px;font-size:15px;line-height:1.6;color:var(--body)}
html body .related ul{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px!important}
html body .related li{padding:0!important;display:flex}
html body .related li>a{flex:1}
html body .related li::before{display:none}
html body .related a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;text-decoration:none;font-family:var(--head);font-weight:700;font-size:15px;color:var(--ink);transition:border-color .15s,box-shadow .15s;height:100%;box-sizing:border-box}
html body .related a::after{content:"→";color:var(--brand)}
html body .related a:hover{border-color:var(--brand-40);box-shadow:0 8px 24px rgba(20,27,43,.08)}
html body .sources{padding:20px 22px;background:var(--soft);border:1px solid var(--line);border-radius:18px;margin-top:40px;max-width:820px}
html body .sources h2{margin-top:0;font-size:18px}
html body .sources p{margin:6px 0;font-size:15px}
html body .srcs q{border-left-color:var(--brand)}
html body .disclaimer{margin-top:32px;padding:12px 16px;border-radius:12px;background:#FFF8EC;border:1px solid #F6E3C0;font-size:14px;line-height:1.5;color:#6B4E00}
html body .disclaimer a{color:var(--brand);font-weight:700;text-decoration:underline}
html body .cta{background:var(--ink)}
html body .btn{background:var(--brand)}
html body .btn:hover{background:var(--brand-ink);color:#fff}
html body .home-hero{margin:-24px calc(50% - 50vw) 0;padding:0 calc(50vw - 50%);background:linear-gradient(180deg,var(--tint) 0%,#fff 100%);border-bottom:1px solid #EEF1F4}
html body .hero-in{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-end;padding:clamp(32px,5vw,56px) 0 24px}
html body .hero-text{flex:1 1 480px;max-width:680px;min-width:0;display:flex;flex-direction:column;gap:14px}
html body .home-hero h1{margin:0;font-size:clamp(32px,4.6vw,48px);letter-spacing:-1.4px;line-height:1.05}
html body .home-hero p{margin:0}
html body .home-hero p:not(.lead){font-size:16px;color:var(--meta)}
html body .chips{display:flex;flex-wrap:wrap;gap:8px}
html body .chips>span{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:99px;background:#fff;border:1px solid var(--line-2);font-size:13.5px;font-weight:600;color:var(--body)}
html body .chips svg{flex:none;color:var(--brand);stroke-width:2.4}
html body .search{flex:1 1 320px;max-width:420px;min-width:0;display:flex;flex-direction:column;gap:8px;margin:0}
html body .sbox{display:flex;align-items:center;gap:10px;height:54px;padding:0 16px;border-radius:14px;background:#fff;border:1.5px solid var(--field);box-shadow:0 14px 30px -20px rgba(19,32,43,.4);color:var(--faint)}
html body .sbox:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--tint-2)}
html body .sbox svg{flex:none;stroke-width:2.4}
html body .sbox input{flex:1;min-width:0;height:100%;border:0;padding:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);outline:0;-webkit-appearance:none;appearance:none}
html body .sbox input::-webkit-search-cancel-button{display:none}
html body .sbox input::placeholder{color:var(--faint)}
html body .clear{flex:none;width:26px;height:26px;border:0;border-radius:7px;background:var(--chip);color:var(--meta);font:inherit;font-size:16px;line-height:1;cursor:pointer}
html body .qnote{font-size:13.5px;color:var(--meta)}
html body .topic-jump{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 20px}
html body .topic-jump a{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:99px;border:1px solid var(--line-2);background:#fff;color:var(--ink);font-size:14px;font-weight:700;text-decoration:none}
html body .topic-jump a:hover{border-color:var(--c);color:var(--ink)}
html body .topic-jump a i{width:8px;height:8px;border-radius:99px;background:var(--c)}
html body .topic-jump a span{color:var(--faint);font-weight:600}
html body .home-photo{margin:28px 0 0}
html body .sec-h{display:flex;align-items:baseline;gap:6px 10px;flex-wrap:wrap;margin-bottom:14px}
html body .sec-h h2{margin:0;font-size:22px;letter-spacing:-.5px}
html body .sec-h span{font-size:14px;color:var(--meta)}
html body .most{margin-top:32px}
html body .pairs{display:flex;flex-wrap:wrap;gap:12px}
html body .pair{flex:1 1 380px;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html body .mu{min-width:0;position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:18px;border:1px solid var(--line-2);background:linear-gradient(160deg,var(--tint) 0%,#fff 62%);text-decoration:none;color:var(--ink);transition:border-color .18s,box-shadow .18s,transform .18s}
html body .mu:hover{border-color:var(--brand);box-shadow:0 18px 36px -24px rgba(19,32,43,.55);transform:translateY(-2px);color:var(--ink)}
html body .mu-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
html body .mu-ico{width:44px;height:44px;border-radius:13px;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 10px 20px -10px var(--brand)}
html body .rank{height:24px;padding:0 9px;border-radius:99px;background:#fff;border:1px solid var(--line-2);font-size:12px;font-weight:700;color:var(--meta);display:inline-flex;align-items:center}
html body .mu-mid{display:flex;flex-direction:column;gap:4px}
html body .mu-mid b{font-family:var(--head);font-size:18px;font-weight:800;letter-spacing:-.4px;line-height:1.2;color:var(--ink)}
html body .mu-mid span{font-size:14px;line-height:1.45;color:var(--meta);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .mu-bot{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid #EEF1F4}
html body .mu-vol{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
html body .mu-vol>span:first-child{font-size:12.5px;font-weight:700;color:var(--body);font-variant-numeric:tabular-nums}
html body .mu-bar{display:block;height:5px;border-radius:99px;background:#EEF1F4;overflow:hidden}
html body .mu-bar i{display:block;height:100%;border-radius:99px;background:var(--brand)}
html body .mu .go{flex:none;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:15px}
@media(max-width:520px){html body .pair{grid-template-columns:minmax(0,1fr)}}
html body .group{margin-top:28px;scroll-margin-top:80px}
html body .g-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
html body .g-head{display:flex;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(90deg,var(--c7),#fff 70%)}
html body .g-ico{flex:none;width:44px;height:44px;border-radius:13px;background:var(--c);color:#fff;display:grid;place-items:center;box-shadow:0 10px 18px -10px var(--c)}
html body .g-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html body .g-h{display:flex;align-items:center;gap:10px}
html body .g-h h2{margin:0;font-size:21px;letter-spacing:-.5px}
html body .group .count{height:24px;padding:0 9px;border-radius:99px;background:var(--c12);color:var(--c);font-size:12.5px;font-weight:800;display:inline-flex;align-items:center}
html body .g-sub{font-size:14px;line-height:1.45;color:var(--meta)}
html body .rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}
html body .row{min-width:0;display:flex;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid #F0F3F5;background:#fff;text-decoration:none;color:var(--ink);transition:background .15s}
html body .row:hover{background:var(--c5);color:var(--ink)}
html body .row.wide{grid-column:1/-1}
html body .row .ico{flex:none;width:36px;height:36px;border-radius:10px;background:var(--c10);color:var(--c);display:grid;place-items:center}
html body .row .ico svg{width:17px;height:17px}
html body .r-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
html body .r-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html body .r-h b{font-family:var(--head);font-size:15.5px;font-weight:700;color:var(--ink)}
html body .pop{flex:none;height:19px;padding:0 7px;border-radius:99px;background:var(--brand);color:#fff;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center}
html body .r-d{font-size:13.5px;line-height:1.45;color:var(--meta)}
html body .row .go{flex:none;width:30px;height:30px;border-radius:9px;background:var(--chip);color:var(--ink);display:grid;place-items:center;font-size:14px}
html body .no-match{margin-top:40px;padding:28px;border-radius:16px;background:var(--soft);border:1px dashed var(--field);text-align:center;font-size:15px;color:var(--meta)}
html body .how{margin-top:44px;padding:22px 24px;border-radius:18px;background:var(--soft);border:1px solid var(--line)}
html body .how h2{margin:0 0 14px;font-size:20px;letter-spacing:-.4px}
html body main .how ul:not(.answers):not(.formula){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px 28px}
html body main .how ul:not(.answers):not(.formula)>li{padding-left:32px;font-size:14.5px;line-height:1.5;color:var(--body)}
html body main .how ul:not(.answers):not(.formula)>li::before{content:"✓";left:0;top:0;width:22px;height:22px;border-radius:99px;background:var(--brand);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
html body .foot{background:var(--soft);border-top:1px solid var(--line);padding:22px max(var(--pad),calc((100% - var(--wrap))/2 + var(--pad)));text-align:left}
html body .foot p{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;font-size:14.5px}
html body .foot p b{flex:1 1 240px;font-weight:700;color:var(--ink)}
html body .foot a{color:var(--body);text-decoration:none;font-weight:600}
html body .foot a:hover{color:var(--brand)}
html body .foot .ymyl-note{margin:0 0 16px}
html body .jump{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;margin-top:6px;border-radius:12px;background:var(--brand);color:#fff!important;font-size:15px;font-weight:700;text-decoration:none!important;box-shadow:0 8px 20px var(--brand-shadow)}
html body .jump:hover{background:var(--brand-ink)}
@media(max-width:640px){html body .example th{width:auto}html body .row{padding:12px 16px}html body .g-head{padding:16px}}
@media print{html body .top,html body .calc-tools,html body .foot,html body .related,html body .rng{display:none}}
html body .src-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;margin:28px 0 8px}
html body .src-sum div{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}
html body .src-sum b{font-family:var(--head);font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--brand);font-variant-numeric:tabular-nums}
html body .src-sum span{font-size:14px;line-height:1.45;color:var(--body)}
html body main .f-list{margin:24px 0 8px;gap:10px}
html body main .f-list>li{display:flex;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);min-height:0}
html body main .f-list>li::before{display:none}
html body .f-list .n{flex:none;width:30px;height:30px;border-radius:9px;background:var(--tint);color:var(--brand);display:grid;place-items:center;font-size:14px;font-weight:800}
html body .f-list li>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
html body .f-list b{font-size:15.5px;color:var(--ink)}
html body .f-list li>span:last-child>span{font-size:14px;line-height:1.5;color:var(--meta)}
html body .src-table{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:18px}
html body .src-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.3fr);gap:16px;padding:14px 20px;border-top:1px solid var(--line);font-size:15px;line-height:1.5}
html body .src-row:first-child{border-top:0}
html body .src-row b{color:var(--ink)}
html body .src-row a{font-weight:600}
html body .src-head{background:var(--soft);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--meta);padding-top:11px;padding-bottom:11px}
@media(max-width:640px){html body .src-row{grid-template-columns:1fr;gap:4px}html body .src-head{display:none}}
html body .src-units{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:10px;margin-top:18px}
html body .src-units>div{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;background:var(--soft);min-width:0}
html body .src-units b{font-size:15px;color:var(--ink);line-height:1.45}
html body .src-units q{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;color:var(--body);quotes:none;overflow-wrap:anywhere}
html body .src-units cite{font-style:normal;font-size:13px;color:var(--meta)}
html body .src-cite{font-size:14px;color:var(--meta);margin-top:14px}
html body .src-list li{overflow-wrap:break-word}
html body .src-note{margin-top:48px;padding:18px 20px;border-radius:16px;background:var(--tint);border:1px solid var(--tint-2);font-size:15.5px;line-height:1.6;color:var(--body)}
html body .src-note b{color:var(--ink)}
html body .ab-grid{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 8px}
html body .ab-grid .pair{flex:1 1 440px}
html body .ab-grid .pair>div{min-width:0;display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
html body .ab-ico{width:38px;height:38px;border-radius:11px;background:var(--c12);color:var(--c);display:grid;place-items:center}
html body .ab-grid b{font-family:var(--head);font-size:16.5px;font-weight:700;color:var(--ink)}
html body .ab-grid .pair>div>span:last-child{font-size:14.5px;line-height:1.55;color:var(--meta)}
html body .flow{margin-top:28px;border-radius:20px;border:1px solid var(--line-2);background:linear-gradient(135deg,var(--tint),#fff 60%);overflow:hidden}
html body .flow-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 22px;border-bottom:1px solid #EEF1F4}
html body .flow-h b{flex:1;min-width:200px;font-family:var(--head);font-size:16px;font-weight:800;color:var(--ink)}
html body .flow .chip{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:99px;background:#fff;border:1px solid var(--line-2);font-size:13px;font-weight:600;color:var(--body)}
html body .flow .chip svg{color:var(--brand);stroke-width:2.4}
html body main .flow ol{margin:0;padding:20px 22px;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:10px}
html body main .flow ol>li{flex:1 1 200px;min-width:0;display:flex;align-items:center;gap:10px;padding:0;min-height:0}
html body main .flow ol>li::before{display:none}
html body .fl-card{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px -20px rgba(19,32,43,.5)}
html body .fl-ico{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--brand-11);color:var(--brand)}
html body .last .fl-ico{background:var(--brand);color:#fff;box-shadow:0 10px 18px -10px var(--brand)}
html body .fl-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
html body .fl-txt b{font-family:var(--head);font-size:28px;font-weight:800;letter-spacing:-1px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
html body .last .fl-txt b{color:var(--brand)}
html body .fl-txt span{font-size:14px;line-height:1.35;color:var(--body)}
html body .fl-arrow{flex:none;width:30px;height:30px;border-radius:99px;background:#fff;border:1px solid var(--line-2);color:var(--brand);display:grid;place-items:center}
html body .ab-cta{margin-top:48px;padding:22px 24px;border-radius:18px;background:var(--brand);border:0;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
html body .ab-cta>span{flex:1 1 260px;display:flex;flex-direction:column;gap:2px}
html body .ab-cta b{font-family:var(--head);font-size:20px;font-weight:800;color:#fff}
html body .ab-cta>span>span{font-size:15px;color:#fff;opacity:.85}
html body .ab-cta .jump{margin-top:0;height:46px;border-radius:11px;background:#fff;color:var(--brand)!important;box-shadow:none}
html body .ab-cta .jump:hover{background:#fff;opacity:.92}