@import url('parts.css');
.article-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 30px;background:var(--nav);color:white}.article-header nav{display:flex;gap:24px;font-size:13px}.article-header nav a{color:#d5e1eb}.reading{max-width:800px;margin:60px auto;padding:0 24px 60px;line-height:1.8}.reading h1{font-size:39px;line-height:1.15;letter-spacing:-1.3px}.reading .intro{font-size:19px;line-height:1.65;color:#53697c}.reading h2{margin-top:40px;font-size:25px}.reading h3{margin-top:28px}.reading p,.reading li{font-size:15px}.byline{font-size:12px!important;color:var(--muted)}.reading figure{margin:30px 0;padding:22px;background:white;border:1px solid var(--line);border-radius:5px}.reading svg{width:100%;height:auto}.reading figcaption{font-size:12px;color:var(--muted);margin-top:15px}.reading table{width:100%;border-collapse:collapse;font-size:13px}.reading th,.reading td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.sources{font-size:12px;line-height:1.6}.sources li{margin:12px 0;font-size:12px}.post-list{display:grid;gap:20px}.post-list article{background:white;padding:26px;border:1px solid var(--line);border-radius:6px}.post-list h2{margin:0 0 12px;font-size:23px}.post-list p{margin:0}.analysis-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(350px,1fr);gap:30px;max-width:1200px;padding:36px 24px 60px;margin:auto}.analysis-title{grid-column:1/-1;max-width:740px}.analysis-title h1{font-size:32px;margin-bottom:15px}.analysis-form,.analysis-result{background:white;border:1px solid var(--line);border-radius:6px;padding:26px;align-self:start}.analysis-form fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}.analysis-form legend{font-size:18px;font-weight:600;margin-bottom:10px}.analysis-form .field{margin:12px 0}.analysis-result{position:sticky;top:24px}.result-main{font-size:42px;font-weight:600;letter-spacing:-1px;margin:14px 0}.result-main small{font-size:15px;font-weight:400}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.metrics>div{padding:12px 0;border-top:1px solid var(--line)}.metrics dt{font-size:11px;color:var(--muted);margin-bottom:7px}.metrics dd{font-size:18px;margin:0;font-variant-numeric:tabular-nums}.analysis-result table{width:100%;border-collapse:collapse;font-size:12px}.analysis-result th,.analysis-result td{padding:11px 5px;text-align:left;border-bottom:1px solid var(--line)}.analysis-result details{font-size:12px;line-height:1.6;margin-top:24px}.analysis-result summary{cursor:pointer;font-weight:600}.analysis-result ul{padding-left:18px}.analysis-result .btn{margin:18px 0 0}.equation{background:#eff4f8;padding:15px;border-radius:4px;font-family:Georgia,serif;line-height:1.9}.analysis-result .warn{font-size:12px}.calc-section{min-height:120px;background:#f0f5f9;margin:20px 0;border-radius:4px}.calc-section svg{width:100%;height:150px}.bar{height:10px;display:flex;background:#d3e0ec;border-radius:4px;overflow:hidden}.bar span{background:var(--accent)}.sources code{overflow-wrap:anywhere}details p{line-height:1.6}@media(max-width:760px){.analysis-layout{display:block;padding:24px 16px}.analysis-title{margin-bottom:24px}.analysis-form,.analysis-result{padding:20px;position:static;margin-bottom:20px}.article-header{padding:17px 18px}.article-header nav{gap:15px;font-size:12px}.reading{margin:35px auto;padding:0 20px 40px}.reading h1{font-size:30px}.reading .intro{font-size:17px}.reading table{font-size:11px}.reading th,.reading td{padding:10px 5px}.analysis-title h1{font-size:27px}}