/* PASS 3I — Lawn Topdressing traffic cluster */
.topdress-hero-visual,.guide-depth-visual{background:linear-gradient(145deg,#e7f3df,#f7f0dc);border:1px solid #cedbce;border-radius:26px;padding:16px;box-shadow:var(--shadow-sm)}
.topdress-hero-visual svg,.guide-depth-visual svg{display:block;width:100%;height:auto}.td-soil{fill:#a77b59;stroke:#715541;stroke-width:3}.td-dress{fill:#dcc9a5;stroke:#a78658;stroke-width:2}.td-dress.heavy{fill:#ceb782}.td-grass{fill:none;stroke:#2f7051;stroke-width:7;stroke-linecap:round}.td-measure{stroke:#17392e;stroke-width:2;stroke-dasharray:5 5}.svg-main-label,.svg-sub-label,.depth-big,.diagram-answer{font-family:Inter,ui-sans-serif,system-ui,sans-serif;fill:#17392e}.svg-main-label{font-weight:900;font-size:17px}.svg-sub-label{font-weight:750;font-size:14px}.depth-card{fill:#fff;stroke:#d5ddd4;stroke-width:2}.depth-big{font-size:20px;font-weight:900}
.td-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin:4px 0 26px;align-items:start}.td-intro h2{font-size:2.2rem}.td-rule{background:#eef7ea;border:1px solid #c8dbc9;border-radius:18px;padding:18px 20px}.td-rule strong{display:block;color:var(--forest);margin-bottom:5px}.td-rule span{display:block;color:#43574d;font-weight:750}.td-tool{margin:10px 0 34px}.td-tool-head{display:flex;justify-content:space-between;gap:22px;align-items:start;background:#fff;border:1px solid #ccd8cf;border-radius:26px 26px 0 0;padding:28px 28px 20px}.td-tool-head h2{font-size:2.1rem;margin-bottom:7px}.td-tool-head p{margin:0;color:var(--muted)}.tool-chip{display:inline-flex;white-space:nowrap;text-decoration:none;background:#eaf5e6;border:1px solid #c8d8c9;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:850;color:var(--forest)}
.td-form-section{background:#f3f7f2;border-left:1px solid #ccd8cf;border-right:1px solid #ccd8cf;border-top:1px solid #dde5de;padding:24px 28px}.td-form-section h3{font-size:1.55rem;margin-bottom:16px}.td-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shape-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.shape-tab,.purpose-chip{appearance:none;border:1.5px solid #b9c9be;background:#fff;border-radius:999px;padding:9px 13px;font:inherit;font-size:.84rem;font-weight:820;color:var(--forest);cursor:pointer}.shape-tab.is-active,.shape-tab:hover,.shape-tab:focus-visible,.purpose-chip:hover,.purpose-chip:focus-visible{border-color:#2f7051;background:#eaf5e6;outline:none;box-shadow:0 0 0 3px rgba(47,112,81,.1)}.shape-panel{max-width:620px}.purpose-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.field-hint{font-size:.8rem;color:#617069;margin-top:5px}.source-note{font-size:.86rem;color:#53665c;background:#fff;border:1px solid #d8e0d9;border-radius:12px;padding:11px 13px;margin:16px 0 0}.extra-zones{margin-top:20px}.extra-zones-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.extra-zones-head strong{display:block;color:var(--forest)}.extra-zones-head span{display:block;font-size:.82rem;color:var(--muted)}.compact-btn{min-height:40px!important;padding:8px 12px!important;width:auto!important}.extra-zone-row{display:grid;grid-template-columns:1fr 150px auto;gap:10px;align-items:end;margin-top:10px}.extra-zone-row label{font-size:.85rem;font-weight:800}.extra-zone-row input{width:100%;padding:10px 12px;border:1.5px solid #aebfb4;border-radius:10px;background:#fff;font:inherit}.remove-extra{border:0;background:transparent;color:#8b4f37;font:inherit;font-weight:800;padding:10px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.depth-warning{margin-top:15px;background:#fff4df;border:1px solid #e5c694;border-radius:14px;padding:13px 15px}.depth-warning strong{display:block;color:#6d4b22}.depth-warning span{display:block;color:#654f36;font-size:.88rem;margin-top:3px}.weight-toggle{display:flex;gap:10px;align-items:flex-start;margin-top:18px;background:#fff;border:1px solid #d8e0d9;border-radius:14px;padding:13px 15px;cursor:pointer}.weight-toggle input{margin-top:4px}.weight-toggle strong,.weight-toggle small{display:block}.weight-toggle strong{color:var(--forest)}.weight-toggle small{color:var(--muted);font-size:.8rem}.weight-fields{margin-top:14px}
.td-tool-footer{background:#fff;border:1px solid #ccd8cf;border-top:0;border-radius:0 0 26px 26px;padding:22px 28px 28px}.td-result{display:none;margin-top:22px;background:linear-gradient(135deg,#17392e,#285840);color:#fff;border-radius:20px;padding:24px}.td-result.is-visible{display:block}.td-result h3{color:#fff}.result-highlight{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);border-radius:16px;padding:18px}.result-highlight span{display:block;color:#d6e7dc;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;font-weight:850}.result-highlight strong{display:block;font-family:Georgia,"Times New Roman",serif;color:#fff;font-size:2.5rem;line-height:1.05}.result-highlight p{margin:0;color:#e2eee6}.result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.result-cards>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:13px}.result-cards span{display:block;color:#d6e7dc;font-size:.78rem}.result-cards strong{display:block;color:#fff;font-size:1.1rem;margin-top:2px}.result-explain{margin-top:16px;background:#fff;color:var(--ink);border-radius:14px;padding:15px}.result-explain strong{color:var(--forest)}.result-explain p{margin:4px 0 0;color:#53665c}.td-next{margin:30px 0}.td-next .next-action-grid{grid-template-columns:repeat(2,1fr)}
.td-visual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}.td-visual-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.td-visual-card svg{display:block;width:100%;height:165px}.td-visual-card strong{display:block;color:var(--forest)}.td-visual-card span{display:block;color:var(--muted);font-size:.88rem;margin-top:4px}.diagram-lawn{fill:#d8edcf;stroke:#2f7051;stroke-width:3}.diagram-dressing{fill:#d8c394;stroke:#9b7d4e;stroke-width:2}.diagram-dim{stroke:#17392e;stroke-width:2;stroke-dasharray:6 5}.diagram-answer{font-size:20px;font-weight:900}.surface-line{fill:none;stroke:#2f7051;stroke-width:5;stroke-linecap:round}.soil-line{fill:none;stroke:#9b7658;stroke-width:5;stroke-linecap:round}.deep-dip{fill:none;stroke:#b86748;stroke-width:5}.repair-line{fill:none;stroke:#b59a67;stroke-width:8}
.guide-lead{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:24px}.guide-decision{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.guide-decision>div,.example-grid>div,.levelling-compare>div{background:#f4f8f2;border:1px solid #d7e1d8;border-radius:14px;padding:14px}.guide-decision strong,.example-grid strong,.levelling-compare strong{display:block;color:var(--forest)}.guide-decision span,.levelling-compare span{display:block;color:var(--muted);font-size:.86rem;margin-top:4px}.source-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0}.source-strip a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 12px;text-decoration:none;font-weight:780}.depth-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:16px;margin:20px 0}.depth-table-wrap table{margin:0;border-radius:0}.cross-section{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px}.cross-section svg{width:100%;height:auto}.levelling-compare{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.levelling-compare svg{width:100%;height:120px}.example-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.example-grid span{display:block;color:var(--muted);font-size:.82rem}.example-grid p{font-size:.88rem;margin:5px 0 0}.guide-end-cta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;background:#17392e;color:#fff;border-radius:22px;padding:24px!important;margin:32px 0}.guide-end-cta h2{color:#fff;margin:0 0 5px!important}.guide-end-cta p{color:#d4e2d9;margin:0}.guide-end-cta .btn{background:#fff;color:#17392e;border-color:#fff}
@media(max-width:900px){.td-intro,.cross-section{grid-template-columns:1fr}.td-grid,.result-cards,.td-visual-grid,.guide-decision,.source-strip,.levelling-compare,.example-grid{grid-template-columns:1fr 1fr}.td-tool-head{flex-direction:column}.td-next .next-action-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.td-intro,.td-grid,.result-highlight,.result-cards,.td-visual-grid,.guide-decision,.source-strip,.cross-section,.levelling-compare,.example-grid,.td-next .next-action-grid{grid-template-columns:1fr}.td-tool-head,.td-form-section,.td-tool-footer{padding-left:18px;padding-right:18px}.shape-tabs,.purpose-row{display:grid;grid-template-columns:repeat(2,1fr)}.shape-tab,.purpose-chip{border-radius:12px}.extra-zones-head{align-items:flex-start;flex-direction:column}.extra-zone-row{grid-template-columns:1fr}.remove-extra{justify-self:start;padding-left:0}.result-highlight strong{font-size:2.15rem}.guide-end-cta{grid-template-columns:1fr}.guide-end-cta .btn{width:100%}.td-visual-card svg{height:auto}}