.roof-section{margin:2rem 0}.roof-section p{overflow-wrap:anywhere}.roof-figure{margin:2.5rem 0;padding:1.3rem;border:1px solid var(--line,#d5ddce);border-radius:8px}.roof-figure svg{display:block;width:100%;max-width:430px;height:auto;margin:auto}.roof-diagram-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.roof-figure figcaption{font-size:1rem;line-height:1.6;margin-top:1rem}.roof-blank{min-height:3rem;border-bottom:1px solid var(--line,#d5ddce)}.roof-error{color:#8a3023;font-size:1rem}.water-workspace fieldset{min-width:0;margin:0 0 1.5rem;border:1px solid var(--line,#d5ddce);padding:1rem}.water-workspace legend{font-weight:700;padding:0 .4rem}.water-workspace textarea{width:100%;min-width:0;box-sizing:border-box;font:inherit;line-height:1.6;padding:.8rem;border:1px solid #65745f;border-radius:4px}.water-workspace input,.water-workspace select{box-sizing:border-box;max-width:100%;font-size:1rem}.water-workspace h2,.water-workspace p{overflow-wrap:anywhere}.water-workspace :focus-visible{outline:3px solid #b46624;outline-offset:3px}.water-workspace [hidden]{display:none!important}.roof-guide .hero{min-width:0}.roof-guide [id]{scroll-margin-top:7rem}.roof-guide .roof-section h3{margin-top:1rem}
@media(max-width:640px){.roof-diagram-pair{grid-template-columns:1fr}.roof-guide .toc ol{grid-template-columns:1fr}.roof-figure{padding:.7rem}.water-pair{grid-template-columns:1fr}.water-workspace{display:block}.water-result{margin-top:2rem}.water-actions{flex-wrap:wrap}.water-workspace select{width:100%}.water-workspace fieldset{padding:.7rem}}
@media print{.roof-figure,.roof-blank{break-inside:avoid}.roof-guide .reader-disclosure{display:block}.roof-guide .reader-disclosure>*{display:block!important}nav,.water-actions,#roof-live,#example-status,.roof-export{display:none!important}.water-workspace{display:block}.water-workspace textarea{display:none}.water-result{border:0}.water-result::after{content:none}.roof-print-record #water-form,.roof-print-record .page-intro,.roof-print-record .water-method,.roof-print-record .content-section,.roof-print-record header,.roof-print-record footer{display:none!important}.roof-print-record .water-result{display:block}.roof-print-record .water-result p,.roof-print-record .water-result h3{display:block}.roof-print-record #roof-record{display:block;height:auto;white-space:pre-wrap;overflow:visible}h2,h3,h4{break-after:avoid}}
@media print{#roof-print-text[hidden]{display:block!important;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}#roof-record{display:none!important}}