.roof-system-explainer{box-sizing:border-box;width:100%;max-width:1100px;margin:2.5rem auto;padding:1.5rem 5%;color:#20212a;background:#f3f4fb;font:1rem/1.7 Arial,sans-serif;border-top:3px solid #2420bb}.roof-system-explainer h2{font:700 clamp(1.4rem,2.5vw,1.9rem)/1.3 Arial,sans-serif;margin:0 0 1rem}.roof-system-explainer p{margin:0 0 1rem}.roof-system-explainer figure{margin:0 0 1rem}.roof-system-explainer img{display:block;width:100%;max-width:902px;height:auto!important;object-fit:contain;margin:0 auto}.roof-system-explainer figcaption{font:.875rem/1.6 Arial,sans-serif;padding:.8rem 0}.roof-system-explainer a{font-weight:700;color:#2420bb;text-underline-offset:3px}.roof-system-explainer a:focus-visible{outline:3px solid #ffb400;outline-offset:4px}