.grout-hero .pill-row{margin-top:18px}.grout-hero .pill{white-space:nowrap}.grout-box>p{margin-top:6px}.grout-box form{margin-top:20px}.optional{font-size:.72rem;font-weight:700;color:#6c7d73}.grout-help{margin:18px 0 2px;padding:14px 16px;border-radius:14px;background:#eef5ef;border:1px solid #c9dacd;color:#294337}.grout-error{display:none;margin-top:14px;padding:13px 15px;border-radius:12px;background:#fff0ed;border:1px solid #efc0b8;color:#762d25;font-weight:750}.grout-error.show{display:block}.grout-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;padding:18px;border-radius:18px;background:#173b2b}.grout-empty{grid-column:1/-1;color:#fff;display:flex;flex-direction:column;gap:5px;padding:7px}.grout-empty span{color:#dce7df;font-size:.9rem}.grout-result{min-height:94px;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:14px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:space-between}.grout-result span{color:#dce7df;font-size:.79rem;font-weight:700}.grout-result strong{color:#fff;font-size:1.38rem;line-height:1.15;letter-spacing:-.02em}.grout-result small{margin-top:6px;color:#dce7df}.grout-result.primary{background:#f2b84b;border-color:#f2b84b}.grout-result.primary span,.grout-result.primary strong{color:#173b2b}.grout-result.mass{background:#244b38}.grout-result.pack{background:#f6f0dd;border-color:#f6f0dd}.grout-result.pack span,.grout-result.pack strong,.grout-result.pack small{color:#173b2b}.grout-result.optional-result strong{font-size:1.1rem}.grout-quick{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:18px;align-items:stretch;margin:22px 0}.grout-quick>div{border:1px solid #d4ddd6;border-radius:16px;padding:18px;background:#fff}.grout-quick .formula-card{background:#173b2b;color:#fff;border-color:#173b2b}.grout-quick .formula-card strong{display:block;font-size:1.18rem;margin-bottom:8px}.grout-quick .formula-card p{color:#dce7df;margin:0}.grout-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}.grout-method-grid>div{border:1px solid #d4ddd6;border-radius:16px;padding:17px;background:#fff}.grout-method-grid strong{color:#173b2b}.grout-method-grid p{margin:6px 0 0}.grout-callout{margin:22px 0;padding:18px;border:1px solid #d4ddd6;border-radius:16px;background:#f8faf8}.grout-callout h3{margin:0 0 8px}.grout-callout p:last-child{margin-bottom:0}.source-list{margin-top:12px}.source-list li{margin:7px 0}@media(max-width:760px){.grout-hero .hero-art{display:none}.grout-hero{padding-bottom:24px}.grout-hero .pill-row{gap:8px}.grout-hero .pill{white-space:normal}.grout-box{margin-top:4px}.grout-results{grid-template-columns:1fr;padding:13px}.grout-result{min-height:78px}.grout-method-grid,.grout-quick{grid-template-columns:1fr}}

.grout-box .calc-actions button[data-grout-copy],.grout-box .calc-actions button[data-grout-reset]{background:#fff;color:#173b2b}.grout-box .calc-actions button[data-grout-copy]:hover,.grout-box .calc-actions button[data-grout-reset]:hover{background:#edf2ed}