.grout-order{--go-ink:#24372f;--go-muted:#56665e;--go-line:#d8e2da;--go-green:#2f6550;color:var(--go-ink);font-size:16px;line-height:1.55;container-type:inline-size;overflow-wrap:anywhere}
.grout-order *{box-sizing:border-box}.grout-order [hidden]{display:none!important}.grout-order h2,.grout-order h3,.grout-order p{margin:0 0 12px}.grout-order h2{font-size:clamp(22px,3.5cqi,28px);line-height:1.25}.grout-order h3{font-size:20px;line-height:1.35}.grout-order a{color:#245b48}.grout-order button,.grout-order input,.grout-order select,.grout-order textarea{font:inherit}.grout-order button,.grout-order .go-link{border:1px solid #acbeb2;background:#fff;color:var(--go-ink);border-radius:10px;padding:10px 14px;min-height:44px;cursor:pointer;line-height:1.35;white-space:normal}.grout-order button:hover{background:#edf4ef;color:#1f4938}.grout-order button:disabled{opacity:.55;cursor:default}.grout-order :is(button,input,select,textarea,a):focus-visible{outline:3px solid #428d6a;outline-offset:3px}.grout-order small,.go-note{color:var(--go-muted);font-size:14px}.go-hero{background:#edf4ef;border:1px solid var(--go-line);border-radius:18px;padding:24px;margin-bottom:20px}.go-eyebrow{text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:750}.go-answer{display:block;font-size:clamp(30px,5cqi,44px);line-height:1.2;margin:10px 0}.go-hero a{display:inline-block;margin-top:4px;font-weight:700}.go-section{padding:24px;border:1px solid var(--go-line);border-radius:16px;margin:18px 0;background:#fff}.go-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.go-examples button{text-align:left;display:grid;gap:5px}.go-examples button strong{font-size:16px}.go-examples button small{font-size:13px}.go-examples button[aria-pressed=true]{border-color:var(--go-green);background:#edf4ef;box-shadow:inset 0 0 0 1px var(--go-green)}.go-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px 16px;margin:14px 0}.go-fields>label{display:grid;grid-row:span 3;grid-template-rows:subgrid;gap:8px;min-width:0;margin:0}.go-fields label>span{font-weight:650;line-height:1.4}.go-fields input,.go-fields select,.go-fields textarea{width:100%;min-width:0;min-height:46px;padding:10px 12px;background:#fff;border:1px solid #b9c9bf;border-radius:9px;color:var(--go-ink);line-height:1.4}.go-fields textarea{resize:vertical}.go-fields label>small{line-height:1.45}.go-item{border-top:1px solid var(--go-line);padding-top:20px;margin-top:20px}.go-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.go-item-head h3{margin:0}.go-item .go-remove{font-size:14px;padding:8px 12px}.go-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.grout-order .go-primary{background:var(--go-green);color:#fff;border-color:var(--go-green)}.grout-order .go-primary:hover{background:#224d3c;color:#fff}.go-error:not(:empty){padding:14px;border-left:4px solid #a83f2d;background:#fff2ee;color:#862f21;margin:16px 0}.go-status{font-size:14px;color:var(--go-muted);min-height:1.5em}.go-results{scroll-margin-top:110px}.go-order{border:1px solid var(--go-line);border-radius:12px;padding:18px;margin:16px 0;break-inside:avoid}.go-order h3{margin-bottom:6px}.go-order-count{font-size:28px;font-weight:750}.go-order svg{display:block;width:100%;height:42px;margin:12px 0}.go-breakdown{list-style:none;margin:12px 0;padding:0}.go-breakdown li{padding:10px 0;border-top:1px solid var(--go-line)}.go-breakdown strong{display:block}.go-breakdown small{display:block;margin-top:4px;overflow-wrap:anywhere}.go-key{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:7px;border:1px solid #668675}.go-order-notes{font-size:14px}.go-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.go-content section{min-width:0}.go-teaching{margin:16px 0;padding:18px;background:#f4f7f3;border-radius:12px}.go-teaching svg{display:block;width:100%;max-width:420px;margin:auto}.go-teaching figcaption{font-weight:700;margin-bottom:12px}.go-teaching dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:14px;margin:12px 0}.go-teaching dt{font-weight:700}.go-teaching dd{margin:0}.go-total{font-size:20px;font-weight:700}.grout-order ul{padding-left:22px}.grout-order .go-breakdown{padding-left:0}
@container(max-width:650px){.go-examples,.go-content{grid-template-columns:minmax(0,1fr)}.go-hero,.go-section{padding:18px}.go-order{padding:14px}}
@container(max-width:360px){.go-hero,.go-section{padding:14px}.go-item-head{align-items:flex-start}.go-actions button{flex:1 1 100%}}
@media print{body:has(.grout-order){background:#fff!important}.grout-order .go-hero,.grout-order .go-editor,.grout-order .go-content,.grout-order .go-actions,.grout-order .go-status,.grout-order [data-calculator-rating-anchor]{display:none!important}.grout-order{font-size:10pt;line-height:1.4}.grout-order .go-section{border:0;padding:0}.grout-order .go-order{margin:12px 0;padding:12px}.grout-order h2{font-size:18pt}.grout-order h3{font-size:13pt}.grout-order .go-order-count{font-size:18pt}.grout-order small,.grout-order .go-note,.grout-order .go-order-notes{font-size:9pt}.grout-order .go-breakdown li{padding:6px 0}.grout-order .go-order svg{height:30px}.grout-order .go-total{font-size:12pt}}

.grout-order .calculator-rating__stars{flex-wrap:wrap;max-width:100%}.grout-order .go-item h3,.grout-order .go-order h3,.grout-order .go-breakdown strong{overflow-wrap:anywhere}
@media print{body:has(.grout-order) :is(.app-shell-header,.calculator-intro-band,.app-shell-footer,#calculator-rating,.related-calculators){display:none!important}.grout-order .go-error:not(:empty){display:block!important}}
.grout-order [aria-invalid=true]{border-color:#a83f2d;box-shadow:0 0 0 1px #a83f2d}.go-field-error{display:block;color:#862f21;font-weight:600;margin-top:5px}
.grout-order .go-fields :is(input,select,textarea){height:auto;align-self:stretch}
@media print{body:has(.grout-order) :is(.app-shell-main,.calculator-page-container,.calculator-render,.go-section,.go-order){background:#fff!important}body:has(.grout-order) .calculator-feedback,.grout-order .go-share-note{display:none!important}.grout-order .go-key{-webkit-print-color-adjust:exact;print-color-adjust:exact}.grout-order .go-print-brand{display:block!important;font-size:10pt;margin:0 0 14px}.grout-order .go-order{break-inside:auto}.grout-order .go-breakdown li{break-inside:avoid}.grout-order h3{break-after:avoid}}
.go-print-brand{display:none}
.go-fields>label:has(textarea){grid-column:1/-1}
.grout-order [data-surface] .go-fields{grid-template-columns:repeat(6,minmax(0,1fr))}.grout-order [data-surface] .go-fields>label{grid-column:span 2}.grout-order [data-surface] .go-fields>label:nth-child(-n+2){grid-column:span 3}.grout-order [data-surface] .go-fields>label:has(textarea){grid-column:1/-1}
@container(max-width:800px){.grout-order [data-surface] .go-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.grout-order [data-surface] .go-fields>label,.grout-order [data-surface] .go-fields>label:nth-child(-n+2){grid-column:span 1}.grout-order [data-surface] .go-fields>label:nth-child(n+5){grid-column:1/-1}}
@container(max-width:480px){.grout-order [data-surface] .go-fields{grid-template-columns:minmax(0,1fr)}}