.drainage-guide [hidden]{display:none!important}.drainage-guide .reader-content,.drainage-guide .reader-layout>*{min-width:0}.drain-section,.drain-subsection{margin:2.6rem 0;scroll-margin-top:2rem}.drainage-guide h3{font-size:1.55rem;line-height:1.3}.drain-section p,.drain-subsection p,.drain-output,textarea,pre{overflow-wrap:anywhere}.drain-notice,.drain-stop,.drain-confirm{padding:1.15rem;border:1px solid var(--line);border-left:4px solid var(--earth);background:var(--soft)}.drain-stop strong{font-size:1.2rem}.drain-stop p{margin:0.6rem 0 0}.drain-diagram{margin:2rem 0;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.drain-diagram h3{font-size:1.3rem}.drain-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.drain-panels>div{padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.drain-panels p{font-size:.9rem;margin:.7rem 0}.drain-diagram figcaption{font-size:.85rem;color:var(--muted);margin-top:1rem}.drain-particles,.drain-aggregates{height:64px;display:flex;gap:14px;align-items:center}.drain-particles i{width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;background:var(--soft)}.drain-particles i:nth-child(2){width:18px;height:18px}.drain-particles i:nth-child(3){width:8px;height:8px}.drain-aggregates i{width:37px;height:30px;border:2px dashed var(--ink);border-radius:40% 60%;background:var(--soft)}.drain-time,.drain-route{list-style:none;padding:0;display:grid;gap:1rem}.drain-time{grid-template-columns:1fr 2fr 1fr}.drain-time li,.drain-route li{padding:1rem;border:1px solid var(--line)}.drain-time span{display:block;font-size:.9rem}.drain-uncertain{border-style:dashed!important;background:var(--paper)}.drain-route li p{font-size:.95rem;margin:.5rem 0 0}.drain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.drain-field{min-width:0;display:flex;flex-direction:column;gap:.4rem}.drain-field label{font-size:.95rem;font-weight:600}.drain-field input,.drain-field select,.drain-field textarea,#drain-text{min-width:0;width:100%;max-width:100%;padding:.65rem;border:1px solid var(--line);border-radius:7px;font:inherit;color:var(--ink);background:var(--white)}.drain-field textarea,#drain-text{resize:vertical}.drainage-guide fieldset{border:1px solid var(--line);margin:1.5rem 0;padding:1rem;min-width:0}.drainage-guide legend{font-weight:600;padding:0 .4rem}.drain-error{color:var(--earth);font-size:.9rem}.drain-field [aria-invalid=true]{border:2px solid var(--earth)}.drain-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0}.drain-actions button,.drain-examples button{padding:.65rem .9rem;border:1px solid var(--green);border-radius:7px;color:var(--ink);background:var(--paper);font:inherit;white-space:normal}.drain-actions .button{background:var(--green);color:var(--white)}.drainage-guide button:disabled{opacity:.6}.drain-examples{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.drain-examples select{max-width:100%;font:inherit;padding:.6rem}.drain-examples button{align-self:flex-start}.drain-water{margin:1rem 0;border:1px solid var(--line);padding:1rem}.drain-water summary{cursor:pointer;font-weight:600}.drain-water[open] summary{margin-bottom:1rem}.drainage-guide textarea:focus-visible,.drainage-guide [tabindex]:focus-visible{outline:3px solid var(--earth);outline-offset:4px}#drain-output{margin-top:2rem;border-top:1px solid var(--line);padding-top:1.5rem}#drain-errors{padding:1rem;border-left:4px solid var(--earth);background:var(--soft)}#drain-errors a{text-decoration:underline}#drain-stale{font-weight:600;color:var(--earth)}.drain-print-value{display:none}.drainage-guide.drain-printing> :not(#drain-print){display:none}#drain-print{max-width:850px;margin:auto;padding:2rem}#drain-print pre{white-space:pre-wrap;font:inherit;font-size:.95rem}.drain-blank-line{line-height:2}
@media(max-width:600px){.drain-grid,.drain-panels,.drain-time{grid-template-columns:minmax(0,1fr)}.drain-diagram,.drainage-guide fieldset{padding:.85rem}.drain-actions button{flex:1 1 45%}#drain-print{padding:1rem}.drainage-guide h3{font-size:1.35rem}.drain-examples select{width:100%}}
@media print{.drainage-guide .site-header,.drainage-guide .site-footer,.drainage-guide .reader-sidebar,.drainage-guide .drain-actions,.drainage-guide .drain-examples,.drainage-guide .drain-confirm,.drainage-guide .hero-actions,.drainage-guide .skip{display:none!important}.drainage-guide details::details-content{display:contents!important}.drainage-guide details> :not(summary){display:block!important}.drainage-guide .reader-layout,.drainage-guide .wrap{display:block;width:100%;max-width:none}.drainage-guide h2,.drainage-guide h3,.drainage-guide legend{break-after:avoid}.drainage-guide tr,.drain-field,.drain-time li,.drain-route li{break-inside:avoid}.drainage-guide .drain-field input,.drainage-guide .drain-field textarea,.drainage-guide .drain-field select{display:none}.drain-print-value{display:block;white-space:pre-wrap;border-bottom:1px solid #999}.drainage-guide .drain-stop,.drainage-guide .drain-notice{background:white;color:black;border-color:black}.drainage-guide textarea#drain-text{display:none}.drainage-guide .reading-checklist input{display:inline}.drainage-guide.drain-printing #drain-print{display:block!important;padding:0}#drain-print pre{font-size:10pt;white-space:pre-wrap;line-height:1.5;widows:3;orphans:3}}

@media print{.drainage-guide .toc,.drainage-guide .s07-print-row{display:none!important}.drainage-guide .page-layout{display:block}.drainage-guide details[open]{break-inside:auto}}

@media(max-width:600px){.drainage-guide .toc ol{display:grid;grid-template-columns:minmax(0,1fr)}.drainage-guide .toc li,.drainage-guide .toc a{min-width:0;width:auto;white-space:normal}.drainage-guide .page-layout>*{min-width:0}.drainage-guide .toc{max-width:100%}}