.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}.aside{position:sticky;top:16px}}.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}.more-areas{gap:10px;display:grid}.more-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.more-list:empty{display:none}.more-row{border:1px solid var(--line,#d6dbd2);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;display:grid}.more-row .sel{grid-column:1;min-height:44px}.more-row .more-remove{grid-column:2;min-height:44px}.more-dims{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.more-dims .inp input{min-width:0}.more-err{grid-column:1/-1;margin:0}.more-add{justify-self:start;min-height:44px}.pour-svg{width:100%;max-height:180px;display:block}.pour-svg path{fill:color-mix(in srgb, var(--accent) 18%, transparent);stroke:var(--accent);stroke-width:1.2px;vector-effect:non-scaling-stroke}.warn{border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:6px;margin:0;padding:10px 12px;font-size:15px}.room-dims{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.room-f{gap:4px;display:grid}.room-f input{min-width:44px}@media (width<=380px){.room-dims{grid-template-columns:1fr}}