.hydromulch-quote-page { --hq-ink:#173746; --hq-green:#286b4e; --hq-paper:#f6f8f5; --hq-rule:#c5d3d2; --hq-muted:#536d73; --hq-cyan:#2c8393; color-scheme:light; color:var(--hq-ink); background:var(--hq-paper); }
.hydromulch-quote-page * { box-sizing:border-box; }
.hydromulch-quote-page .page-shell { width:min(1160px,calc(100% - 40px)); }
.hydromulch-quote-page .site-header { min-height:66px; }
.hq-main { padding-top:18px; padding-bottom:56px; }
.hq-crumb { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 14px; color:var(--hq-muted); font-size:.78rem; }
.hq-crumb a,.hydromulch-quote-page a { color:var(--hq-green); font-weight:700; text-decoration-thickness:1px; text-underline-offset:3px; }
.hq-intro { display:flex; align-items:end; justify-content:space-between; gap:24px; border-bottom:1px solid var(--hq-rule); padding:12px 0 18px; }
.hq-intro h1 { max-width:760px; margin:0; color:var(--hq-ink); font:700 clamp(2rem,4.2vw,3.2rem)/1.03 Georgia,'Times New Roman',serif; letter-spacing:-.034em; }
.hq-lead { max-width:700px; margin:12px 0 0; color:var(--hq-muted); font-size:1rem; line-height:1.55; }
.hq-stamp { display:grid; min-width:158px; gap:5px; border-left:2px solid var(--hq-cyan); padding:8px 0 8px 14px; color:var(--hq-green); font-size:.68rem; font-weight:750; line-height:1.4; }
.hq-workspace { display:grid; grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr); align-items:start; gap:18px; margin-top:20px; }
.hq-form { min-width:0; border:1px solid var(--hq-rule); padding:20px 22px; background:#fbfcfa; }
.hq-form-heading { margin-bottom:14px; }
.hq-form-heading h2 { margin:0; color:var(--hq-ink); font-size:1.12rem; line-height:1.25; }
.hq-form-heading p { margin:5px 0 0; color:var(--hq-muted); font-size:.8rem; line-height:1.5; }
.hq-form fieldset { min-width:0; margin:0 0 15px; border:0; border-top:1px solid var(--hq-rule); padding:10px 0 0; }
.hq-form legend { padding:0 8px 0 0; color:var(--hq-green); font-size:.78rem; font-weight:760; }
.hq-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 11px; }
.hq-fields[hidden] { display:none; }
.hq-form label { display:grid; min-width:0; align-content:start; gap:6px; color:#294c59; font-size:.77rem; font-weight:700; }
.hq-form input,.hq-form select { width:100%; min-width:0; min-height:43px; border:1px solid #91aeb3; border-radius:2px; padding:8px 10px; color:var(--hq-ink); background:#fff; font:inherit; font-size:.9rem; font-variant-numeric:tabular-nums; }
.hq-form select { font-size:.82rem; }
.hq-form input:focus-visible,.hq-form select:focus-visible,.hydromulch-quote-page button:focus-visible,.hydromulch-quote-page a:focus-visible { outline:3px solid var(--hq-cyan); outline-offset:2px; }
.hq-entry { display:grid; grid-template-columns:minmax(0,1fr) auto; min-width:0; align-items:center; border:1px solid #91aeb3; background:#fff; }
.hq-entry input { border:0; }
.hq-entry > span { padding:0 10px; color:var(--hq-muted); font-size:.8rem; }
.hq-optional { color:#60787d; font-size:.68rem; font-weight:500; }
.hq-form small { color:var(--hq-muted); font-size:.68rem; font-weight:450; line-height:1.4; }
.hq-help { margin:8px 0 0; color:var(--hq-muted); font-size:.75rem; line-height:1.5; }
.hq-handoff-note { margin:10px 0 0; padding:9px 11px; border-left:3px solid #6a8e54; background:#edf4e9; color:#284b34; font-size:.83rem; line-height:1.45; }
.hq-error { color:#8e3024; font-size:.76rem; line-height:1.35; font-weight:550; }
.hq-error:empty { display:none; }
.hq-form [aria-invalid="true"] { border:2px solid #9b3d2f; }
.hq-toggle { display:flex !important; grid-template-columns:20px minmax(0,1fr) !important; align-items:center; gap:9px !important; margin:2px 0 11px; font-size:.8rem !important; }
.hq-toggle input { width:19px; min-height:19px; height:19px; margin:0; accent-color:var(--hq-green); }
.hq-margin-fields { margin-top:10px; }
.hq-actions { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-top:4px; }
.hq-primary,.hq-example-button,.hq-clear { min-height:44px; border:1px solid var(--hq-ink); border-radius:2px; padding:9px 12px; font:inherit; font-size:.76rem; font-weight:750; cursor:pointer; touch-action:manipulation; }
.hq-primary { color:#fff; background:var(--hq-ink); }
.hq-primary:hover { background:#24596a; }
.hq-example-button { border-color:var(--hq-cyan); color:var(--hq-ink); background:#fff; }
.hq-clear { border-color:transparent; color:#365b66; background:transparent; text-decoration:underline; text-underline-offset:3px; }
.hq-actions button:disabled { opacity:.55; cursor:default; }
.hq-privacy { margin-top:10px; }
.hq-result { position:sticky; top:14px; min-width:0; border:1px solid #b8cacd; border-top:5px solid var(--hq-cyan); padding:20px; color:#173746; background:#d8edf1; }
.hq-result > * { max-width:100%; min-width:0; overflow-wrap:anywhere; }
.hq-result-kicker { margin:0 0 6px; color:#396773; font-size:.72rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.hq-result h2 { margin:0; font:700 1.48rem/1.18 Georgia,'Times New Roman',serif; }
.hq-status { min-height:2.8em; margin:8px 0 12px; color:#355a65; font-size:.82rem; line-height:1.5; }
.hq-total { display:grid; gap:4px; border-top:1px solid #a9c7cc; border-bottom:1px solid #a9c7cc; padding:12px 0; }
.hq-total span { color:#4d686f; font-size:.76rem; }
.hq-total strong { color:#173746; font:700 clamp(1.7rem,3vw,2.35rem)/1.1 Georgia,'Times New Roman',serif; font-variant-numeric:tabular-nums; }
.hq-ledger { display:grid; margin:8px 0; }
.hq-ledger > div { display:flex; justify-content:space-between; align-items:baseline; gap:12px; border-bottom:1px solid #b8d1d5; padding:8px 2px; }
.hq-ledger dt { color:#4d686f; font-size:.74rem; line-height:1.35; }
.hq-ledger dd { margin:0; color:#173746; font-size:.78rem; font-weight:750; font-variant-numeric:tabular-nums; text-align:right; }
.hq-margin-result { margin-top:14px; border-top:1px solid #a9c7cc; padding-top:12px; }
.hq-margin-result[hidden] { display:none; }
.hq-margin-result h3 { margin:0; color:#254b57; font-size:.88rem; }
.hq-margin-result p { margin:8px 0 0; color:#4d686f; font-size:.71rem; line-height:1.45; }
.hq-copy { display:flex; width:100%; min-height:44px; justify-content:space-between; align-items:center; margin-top:10px; border:1px solid #2c8393; border-radius:2px; padding:9px 11px; color:#173746; background:#fff; font:inherit; font-size:.78rem; font-weight:750; text-align:left; cursor:pointer; }
.hq-copy:disabled { opacity:.55; cursor:default; }
.hq-copy-status { min-height:1em; margin:5px 0 0; color:#385d65; font-size:.72rem; }
.hq-copy-fallback { width:100%; margin-top:7px; font: .78rem/1.4 ui-monospace,monospace; }
.hq-boundary { margin:10px 0 0; color:#4d656b; font-size:.69rem; line-height:1.5; }
.hq-figure { max-width:980px; margin:30px auto 36px; }
.hq-figure img { display:block; width:100%; height:auto; border:1px solid var(--hq-rule); background:#fbfcfa; }
.hq-figure figcaption { margin-top:7px; color:var(--hq-muted); font-size:.78rem; line-height:1.45; text-align:center; }
.hq-section { max-width:1000px; margin:0 auto 30px; }
.hq-section h2 { margin:0 0 10px; color:var(--hq-ink); font:700 clamp(1.34rem,3vw,1.8rem)/1.16 Georgia,'Times New Roman',serif; }
.hq-section p { margin:0 0 10px; color:#405c66; font-size:.86rem; line-height:1.65; }
.hq-formula { margin:14px 0; border-left:4px solid var(--hq-cyan); padding:12px 15px; color:#254b57; background:#e7f1ef; font-size:.84rem; line-height:1.8; font-variant-numeric:tabular-nums; }
.hq-note { border:1px solid #d9c69a; padding:11px 13px; color:#4e4634 !important; background:#fff9e9; }
.hq-faq details { border-top:1px solid var(--hq-rule); padding:11px 0; }
.hq-faq details:last-child { border-bottom:1px solid var(--hq-rule); }
.hq-faq summary { color:var(--hq-green); font-size:.88rem; font-weight:750; cursor:pointer; line-height:1.45; }
.hq-faq details p { margin:7px 0 0; font-size:.82rem; }
.hq-related { display:flex; flex-wrap:wrap; gap:9px 18px; margin:0 auto 30px; border-top:1px solid var(--hq-rule); padding:15px 0; }
.hq-related a { font-size:.82rem; }
.hq-sources { font-size:.88rem; }
.hq-sources li { margin:8px 0; color:#405c66; line-height:1.58; }
.hq-sources p { font-size:.78rem; }
.hydromulch-quote-page .site-footer { margin-top:0; }
@media (max-width:900px) { .hq-workspace { grid-template-columns:minmax(0,1fr); } .hq-result { position:static; } }
@media (max-width:650px) {
  .hydromulch-quote-page .page-shell { width:min(100% - 24px,1160px); }
  .hydromulch-quote-page .site-header.page-shell { width:100%; min-height:0; padding:8px 10px; flex-direction:column; align-items:stretch; gap:4px; }
  .hydromulch-quote-page .brand { gap:6px; font-size:15px; letter-spacing:-.45px; }
  .hydromulch-quote-page .brand-symbol { flex-basis:24px; width:24px; height:24px; }
  .hydromulch-quote-page .brand-symbol svg { width:19px; height:19px; }
  .hydromulch-quote-page .site-nav { display:grid; width:100%; min-width:0; grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px; padding:0; }
  .hydromulch-quote-page .site-nav a { min-height:40px; padding:4px 1px; font-size:11.5px; line-height:1.15; text-align:center; white-space:normal; overflow-wrap:anywhere; }
  .hq-main { padding-top:12px; }
  .hq-intro { align-items:start; gap:12px; }
  .hq-intro h1 { font-size:clamp(1.8rem,7.6vw,2.5rem); }
  .hq-lead { margin-top:9px; font-size:.9rem; }
  .hq-stamp { min-width:138px; padding-left:10px; font-size:.61rem; }
  .hq-workspace { gap:12px; margin-top:14px; }
  .hq-form,.hq-result { padding:16px 14px; }
  .hq-fields { grid-template-columns:minmax(0,1fr); gap:11px; }
  .hq-total strong { font-size:1.75rem; }
  .hq-actions { align-items:stretch; flex-direction:column; }
  .hq-actions button { width:100%; }
  .hq-figure { margin:22px auto 28px; }
  .hq-section { margin-bottom:25px; }
}
@media (max-width:420px) {
  .hydromulch-quote-page .page-shell { width:calc(100% - 20px); }
  .hydromulch-quote-page .site-header.page-shell { width:100%; }
  .hq-intro { display:block; }
  .hq-stamp { display:flex; flex-wrap:wrap; gap:6px 12px; margin-top:10px; border-top:1px solid var(--hq-rule); border-left:0; padding:7px 0 0; }
  .hq-intro h1 { font-size:1.9rem; overflow-wrap:anywhere; }
  .hq-result h2 { font-size:1.3rem; }
  .hq-ledger dt { font-size:.7rem; }
  .hq-ledger dd { font-size:.75rem; }
}
@media (max-width:350px) { .hq-fields { grid-template-columns:minmax(0,1fr); } }
@media (prefers-reduced-motion:reduce) { .hydromulch-quote-page *, .hydromulch-quote-page *::before, .hydromulch-quote-page *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; } }