.roof-explanation{padding:clamp(32px,5vw,64px) 24px;background:#f5f5f4;color:#242424}.roof-explanation-inner{max-width:1180px;margin:auto}.roof-explanation h2{margin:0 0 20px;font-size:clamp(26px,3vw,40px);line-height:1.2;max-width:900px}.roof-explanation p{font-size:17px;line-height:1.7;margin:12px 0;max-width:900px}.roof-explanation .roof-explanation-intro{font-size:clamp(18px,2vw,22px)}.roof-explanation-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.roof-explanation-types article{background:#fff;border-top:3px solid #df1725;padding:24px}.roof-explanation-types h3{font-size:20px;line-height:1.4;margin:0 0 10px;overflow-wrap:anywhere}.roof-explanation-types p{margin:0}.roof-explanation-source{display:inline-block;color:#b5101c;text-underline-offset:4px;margin-top:10px;font-weight:600}.roof-explanation-source:focus-visible{outline:2px solid #b5101c;outline-offset:5px}@media(max-width:700px){.roof-explanation-types{grid-template-columns:1fr;gap:12px}.roof-explanation-types article{padding:20px}.roof-explanation{padding:32px 20px}}
.roof-guide-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px;margin-top:36px}.roof-guide-section{border-top:2px solid #d92332;padding-top:20px}.roof-guide-section h3{font-size:22px;line-height:1.4;margin:0 0 12px}.roof-guide-section p{margin:0;font-size:16px}@media(max-width:760px){.roof-guide-sections{grid-template-columns:1fr;gap:26px}}