.roofing-types-hero{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(32px,6vw,78px);padding:62px 0 78px;display:grid}.roofing-types-hero h1 span{color:#697b58;display:block}.roofing-types-answer{background-color:#edf0e6;background-image:linear-gradient(#dce3d750 1px,#0000 1px),linear-gradient(90deg,#dce3d750 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:22px 22px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #d3ddcf;border-radius:10px;padding:clamp(28px,4vw,42px)}.roofing-types-answer-label{color:#b44d25;letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:700}.roofing-types-answer strong{letter-spacing:-1px;margin:18px 0;font-size:clamp(25px,2.8vw,37px);line-height:1.17;display:block}.roofing-types-answer p{color:#58685f;margin:0;font-size:14px}.roofing-types-answer-rule{background:#c7d3c3;height:1px;margin:22px 0}.roofing-types-article{max-width:1000px;margin:0 auto}.roofing-types-section{border-top:1px solid #dce2d9;padding:54px 0}.roofing-types-section>p{color:#58685f;max-width:840px}.roofing-types-section>p+p{margin-top:20px}.roofing-types-section a:not(.button){color:#203d35;text-underline-offset:3px;-webkit-text-decoration:underline #91a391;text-decoration:underline #91a391}.roofing-types-figure{background:#fffdf9;border:1px solid #dce2d9;border-radius:10px;margin:32px 0 0;padding:28px}.roofing-types-figure svg{width:100%;height:auto;display:block}.roofing-types-figure svg>path{fill:none;stroke:#b44d25;stroke-width:3px}.roofing-types-flow-card rect{fill:#edf0e6;stroke:#c7d3c3;stroke-width:2px}.roofing-types-flow-card text:first-of-type{fill:#b44d25;letter-spacing:1px;font-size:12px;font-weight:700}.roofing-types-flow-card text:not(:first-of-type){fill:#203d35;font-size:15px;font-weight:700}.roofing-types-flow-card-final rect{fill:#f6eadb;stroke:#ddc6aa}.roofing-types-figure figcaption{color:#58685f;text-align:center;max-width:760px;margin:22px auto 0}.roofing-types-figure figcaption strong{color:#203d35;margin-bottom:6px;display:block}.roofing-types-table-wrap{background:#fffdf9;border:1px solid #dce2d9;border-radius:8px;margin-top:30px;overflow-x:auto}.roofing-types-table{border-collapse:collapse;text-align:left;width:100%;min-width:940px}.roofing-types-table caption{color:#b44d25;letter-spacing:.6px;padding:18px 22px;font-size:12px;font-weight:700}.roofing-types-table th,.roofing-types-table td{vertical-align:top;border-top:1px solid #dce2d9;padding:16px 18px}.roofing-types-table thead{background:#edf0e6;font-size:12px}.roofing-types-table tbody th{color:#203d35;width:14%}.roofing-types-table tbody td{color:#58685f;font-size:14px;line-height:1.55}.roofing-types-table tbody tr:nth-child(2n){background:#fbfaf6}.roofing-types-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.roofing-types-cards>div,.roofing-types-workflow>div{background:#fffdf9;border:1px solid #dce2d9;border-radius:8px;padding:24px}.roofing-types-cards span,.roofing-types-workflow span{color:#b44d25;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700}.roofing-types-cards h3,.roofing-types-workflow h3{margin:10px 0 8px;font-size:20px}.roofing-types-cards p,.roofing-types-workflow p{color:#58685f;margin:0;font-size:14px}.roofing-types-checklist{counter-reset:sheet-check;margin:30px 0 0;padding:0;list-style:none}.roofing-types-checklist li{counter-increment:sheet-check;border-top:1px solid #dce2d9;grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);gap:24px;padding:20px 0;display:grid}.roofing-types-checklist li:before{content:counter(sheet-check,decimal-leading-zero);color:#b44d25;letter-spacing:1px;grid-row:1/3;font-size:12px;font-weight:700}.roofing-types-checklist strong{color:#203d35}.roofing-types-checklist span{color:#58685f}.roofing-types-workflow{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.roofing-types-note{background:#f6eadb;border-radius:6px;margin-top:28px;padding:24px 28px}.roofing-types-note p{color:#6d5947;margin:6px 0 0;font-size:14px}.roofing-types-limits{color:#58685f;margin:24px 0 0;padding-left:1.5rem;list-style:outside}.roofing-types-limits li{padding-left:.35rem}.roofing-types-limits li+li{margin-top:10px}.roofing-types-limits li::marker{color:#b44d25}.roofing-types-next{justify-content:space-between;align-items:center;gap:28px;display:flex}.roofing-types-next p:not(.eyebrow){color:#58685f;margin:0}.roofing-types-next .button{flex-shrink:0}@media (max-width:780px){.roofing-types-hero{grid-template-columns:1fr;padding:36px 0 60px}.roofing-types-section{padding:42px 0}.roofing-types-figure{padding:18px;overflow-x:auto}.roofing-types-figure svg{min-width:760px}.roofing-types-cards,.roofing-types-workflow{grid-template-columns:1fr}.roofing-types-checklist li{grid-template-columns:34px 1fr;gap:8px 12px}.roofing-types-checklist li:before{grid-row:1/3}.roofing-types-checklist strong,.roofing-types-checklist span{grid-column:2}.roofing-types-next{flex-direction:column;align-items:flex-start}}