.drainage-tool .drainage-options{margin-top:24px;border:1px solid #e3e8f0;border-radius:12px;padding:15px 18px;background:#f8fafd}
.drainage-tool .drainage-options summary{cursor:pointer;font-weight:700;color:#2c578a;font-size:.91rem}
.drainage-tool .drainage-options[open] summary{margin-bottom:19px}
.drainage-tool .drainage-options .field-grid{gap:17px}
.drainage-visual{margin:19px 0 0;text-align:center}
.drainage-visual h2{font-size:1.2rem}
.drainage-visual svg{display:block;width:min(100%,390px);height:auto;margin:15px auto 0}
.drainage-visual-note{font-size:.86rem!important}
.drainage-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:23px}
.drainage-result-grid>div{background:#fff;border:1px solid #d7e5f9;border-radius:11px;padding:13px;display:flex;flex-direction:column;gap:7px}
.drainage-result-grid span{font-size:.76rem;color:#557197;line-height:1.4}
.drainage-result-grid strong{font-size:1.05rem;color:#164b9f;letter-spacing:-.02em}
.drainage-cost{font-size:.9rem;color:#315987;border-top:1px solid #cbdff7;padding-top:15px;margin-top:18px}
.drainage-cost strong{color:#164b9f}
.drainage-cost span{display:block;font-size:.75rem;color:#607d9f;margin-top:4px}
.drainage-guide h3{font-size:1.08rem;margin:22px 0 7px}
.drainage-guide p+p{margin-top:12px}
@media(max-width:550px){.drainage-result-grid{grid-template-columns:1fr}.drainage-tool .drainage-options{padding:14px}}

.drainage-method{margin-top:20px}
.drainage-method>p{margin-top:7px}
.drainage-method h3{font-size:1.04rem;margin:19px 0 8px}
.drainage-method .drainage-sources-details{margin-top:17px;border:1px solid #dce5f4;border-radius:12px;padding:16px;background:#fafcff}
.drainage-method .drainage-sources-details summary{font-weight:750;color:#2158a2;cursor:pointer}
.drainage-method .drainage-sources-details[open] summary{margin-bottom:14px}
.drainage-method .drainage-sources-details p+p{margin-top:10px}
.drainage-method .drainage-sources{padding-left:21px;margin:12px 0;line-height:1.65;color:#52647c;font-size:.89rem}
.drainage-method .drainage-sources li+li{margin-top:8px}
.drainage-method .drainage-sources a{color:#1756a4;text-decoration:underline;text-underline-offset:2px}
.drainage-method .drainage-review-date{font-size:.78rem;color:#6a7890;margin-top:18px}
.drainage-advice{font-size:.84rem;color:#365d91;margin-top:10px;line-height:1.6}
.drainage-advice-warn{background:#fff7e9;border:1px solid #f0d9a9;border-radius:10px;padding:11px 12px;color:#865b20}
.drainage-result-actions{margin-top:19px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.drainage-copy-btn{border:1px solid #abc6ee;background:#fff;border-radius:9px;color:#2055a3;font-weight:700;padding:9px 13px;font-size:.86rem;cursor:pointer}
.drainage-copy-btn:hover{background:#f6faff}
.drainage-result-actions [data-dr-copy-status]{color:#345f95;font-size:.78rem}

/* Result first: immediately after submitting, before the optional diagram. */
.drainage-select{border:1px solid #dae2ed;width:100%;height:51px;border-radius:10px;padding:0 14px;background:#fbfcff;color:#182942;font:inherit;font-weight:600}
.drainage-select:focus-visible{outline:3px solid #9dbaff;outline-offset:3px}
.drainage-results{scroll-margin-top:18px}