:root{--bg:#f7f7f5;--surface:#fff;--ink:#1f2433;--muted:#5b6070;--line:#dfe2e0;--accent:#1f5c58;--accent-ink:#fff;--highlight:#d9822b;--result-bg:#eaf3f1;--error:#b3261e;--radius:10px;--max:46rem;--serif:Georgia, "Iowan Old Style", "Palatino Linotype", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#15171d;--surface:#1d2029;--ink:#e9e6df;--muted:#a3a7b3;--line:#2f3340;--accent:#7cc7bf;--accent-ink:#11131a;--highlight:#f0a35c;--result-bg:#1b2e2c;--error:#ff8a80}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:18px/1.6 var(--sans);-webkit-text-size-adjust:100%;margin:0}a{color:var(--accent)}h1,h2,h3{font-family:var(--serif);line-height:1.25}h1{margin:.5rem 0 .75rem;font-size:2rem}h2{margin-top:2.5rem;font-size:1.45rem}h3{font-size:1.15rem}.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:.75rem;display:flex}.brand{font-family:var(--serif);color:var(--ink);align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.brand svg{flex:none}.site-header nav a{margin-left:1rem;font-size:.95rem}.lede{color:var(--muted);font-size:1.1rem}.tool-list{gap:.75rem;padding:0;list-style:none;display:grid}.tool-list a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);padding:1rem 1.1rem;text-decoration:none;display:block}.tool-list a:hover{border-color:var(--accent)}.tool-list strong{color:var(--accent);font-size:1.1rem;display:block}.tool-list span{color:var(--muted);font-size:.95rem}.calc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:1.5rem 0;padding:1.25rem}.fields{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;display:grid}.field label{margin-bottom:.3rem;font-size:.95rem;font-weight:600;display:block}.field small{color:var(--muted);margin-top:.25rem;font-size:.82rem;display:block}.field input,.field select{width:100%;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:.55rem .7rem}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:1px}.field input[aria-invalid=true]{border-color:var(--error)}.check{align-items:center;gap:.5rem;font-size:.95rem;display:flex}.result{background:var(--result-bg);border-radius:var(--radius);margin-top:1.25rem;padding:1rem 1.1rem}.result[hidden]{display:none}.result .big{font-family:var(--serif);margin:0 0 .25rem;font-size:1.7rem;font-weight:700}.result ul{margin:.5rem 0 0;padding-left:1.2rem}.result .error{color:var(--error);font-weight:600}.verdict-panel{border-radius:var(--radius);border:2px solid var(--line);margin-top:1.25rem;padding:1rem 1.1rem}.verdict-bags{border-color:var(--accent);background:var(--result-bg)}.verdict-either,.verdict-readymix{border-color:var(--highlight);background:var(--surface)}.verdict-heading{font-family:var(--serif);margin:0 0 .75rem;font-size:1.3rem;font-weight:700}.verdict-stats{flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;display:flex}.verdict-stat{text-align:center;background:var(--bg);border-radius:8px;flex:1;min-width:6rem;padding:.5rem;font-size:.9rem;line-height:1.3}.verdict-num{font-family:var(--serif);font-size:1.35rem;font-weight:700;display:block}.verdict-compare{gap:.5rem;font-size:.95rem;display:grid}.verdict-option{padding:.5rem 0}.verdict-option+.verdict-option{border-top:1px solid var(--line)}.verdict-note{background:var(--bg);border-radius:8px;margin:.75rem 0 0;padding:.5rem .75rem;font-size:.9rem}table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.45rem .5rem}th{font-weight:600}.table-scroll{overflow-x:auto}.formula{background:var(--surface);border-left:4px solid var(--highlight);border-radius:0 8px 8px 0;padding:.75rem 1rem}details{border-bottom:1px solid var(--line);padding:.75rem 0}summary{cursor:pointer;font-weight:600}.related{margin-top:3rem}.ad-slot{min-height:280px;margin:2rem 0}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:4rem;padding:1.5rem 0 3rem;font-size:.9rem}.site-footer a{margin-right:1rem}@media (width<=480px){body{font-size:17px}h1{font-size:1.65rem}.site-header nav a{margin:0 1rem 0 0}}