.intro{flex-direction:column;gap:10px;padding-top:16px;display:flex}.intro>*{max-width:820px}.crumbs a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.intro h1{margin-top:-6px}.calc{align-items:start;gap:16px;padding-top:20px;display:grid}@media (width>=1000px){.calc{grid-template-columns:1fr 1.35fr;gap:24px}.result{position:sticky;top:16px}}.inputs{flex-direction:column;gap:18px;padding:16px;display:flex}@media (width>=768px){.inputs{padding:24px}}.inputs{container-type:inline-size}.dims{gap:18px 14px;display:grid}@container (width>=380px){.dims{grid-template-columns:1fr 1fr}.dims>:last-child{grid-column:1/-1}}.result{overflow:hidden}.res-head{background:var(--ink);color:var(--paper);justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.res-head h2{text-transform:uppercase;letter-spacing:.06em;font-size:24px}.res-body{flex-direction:column;gap:14px;padding:18px 16px 16px;display:flex}.headline{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.headline .big{color:var(--accent)}.headline .disp{font-size:26px}.of{margin-top:4px;font-size:18px;font-weight:600}.line{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.line-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cost{white-space:nowrap;font-weight:700}.total-num{font-size:30px}.math{border-top:1px dashed var(--line);padding-top:8px}.math summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.math .mono{overflow-wrap:anywhere;flex-direction:column;gap:4px;padding-bottom:6px;display:flex}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.actions .btn{padding:0 8px}.res-empty{flex-direction:column;align-items:flex-start;gap:10px;padding:28px 16px;display:flex}.res-empty .big{color:var(--line)}.waiting{font-size:18px;font-weight:600}.ad-after{margin-top:20px}@media (width>=768px){.ad-after{max-width:728px;margin-inline:auto}}.content{gap:40px;padding-top:32px;display:grid}@media (width>=1000px){.content{grid-template-columns:minmax(0,780px) minmax(240px,1fr);align-items:start;gap:48px}}.article{flex-direction:column;gap:40px;min-width:0;display:flex}.sec{flex-direction:column;gap:14px;scroll-margin-top:16px;display:flex}.chart{padding:16px;display:none}@media (width>=640px){.chart:not([hidden]){display:block}}.chart text{font:13px var(--body);fill:var(--muted)}.chart text.strong{fill:var(--ink);font-size:14px;font-weight:700}.chart figcaption{margin-top:8px}.bars{flex-direction:column;gap:14px;padding:16px;display:flex}@media (width>=640px){.chart+.bars{display:none}}.bar-head{justify-content:space-between;gap:8px;font-weight:600;display:flex}.rm{flex-direction:column;gap:14px;padding:16px;display:flex}.rm-lines{gap:16px;display:grid}@media (width>=640px){.rm-lines{grid-template-columns:1fr 1fr}}.bullets{flex-direction:column;gap:6px;padding-left:20px;display:flex}.example{padding:16px}.example ol{flex-direction:column;gap:6px;margin-top:8px;padding-left:22px;display:flex}.aside{flex-direction:column;gap:28px;display:flex}.toc{flex-direction:column;display:none}.toc a{color:var(--ink);border-bottom:1px dashed var(--line);align-items:center;min-height:44px;display:flex}@media (width>=1000px){.toc{display:flex}}.rel-list{flex-direction:column;gap:12px;display:flex}.rel.soon{color:var(--muted);background:0 0;border-style:dashed}.sel{border:2px solid var(--ink);background:var(--surface);width:100%;min-height:52px;color:var(--ink);font:500 17px/1.2 var(--body);border-radius:6px;padding:0 12px}.sel:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.data-line{color:var(--muted);font-size:14px}.side-ad{display:none}@media (width>=1000px){.side-ad{display:block}}th[aria-sort] button,.sort{all:unset;cursor:pointer;align-items:center;gap:4px;min-height:44px;font-weight:700;display:inline-flex}.sort:focus-visible{outline:3px solid var(--focus)}.sort:after{content:"↕";color:var(--muted);font-weight:400}th[aria-sort=ascending] .sort:after{content:"↑";color:var(--ink)}th[aria-sort=descending] .sort:after{content:"↓";color:var(--ink)}.pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}