.roof-pitch-hero{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);align-items:center;gap:clamp(32px,6vw,78px);padding:62px 0 78px;display:grid}.roof-pitch-hero h1 span{color:#697b58}.roof-pitch-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)}.roof-pitch-answer-label{color:#b44d25;letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:700}.roof-pitch-answer strong{letter-spacing:-1.2px;margin:18px 0;font-size:clamp(27px,3vw,39px);line-height:1.16;display:block}.roof-pitch-answer p{color:#58685f;margin:0;font-size:14px}.roof-pitch-answer-rule{background:#c7d3c3;height:1px;margin:22px 0}.roof-pitch-article{max-width:960px;margin:0 auto}.roof-pitch-section{border-top:1px solid #dce2d9;padding:54px 0}.roof-pitch-section>p{color:#58685f;max-width:810px}.roof-pitch-section>p+p{margin-top:20px}.roof-pitch-section a:not(.button){color:#203d35;text-underline-offset:3px;-webkit-text-decoration:underline #91a391;text-decoration:underline #91a391}.roof-pitch-figure{background:#fffdf9;border:1px solid #dce2d9;border-radius:10px;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:center;gap:30px;margin-top:30px;padding:28px;display:grid}.roof-pitch-figure svg{width:100%;height:auto}.roof-pitch-figure figcaption{color:#58685f}.roof-pitch-figure figcaption strong{color:#203d35;margin-bottom:10px;font-size:21px;display:block}.roof-pitch-table-wrap{background:#fffdf9;border:1px solid #dce2d9;border-radius:8px;margin:30px 0 18px;overflow-x:auto}.roof-pitch-table{border-collapse:collapse;text-align:right;font-variant-numeric:tabular-nums;width:100%;min-width:760px}.roof-pitch-table caption{text-align:left;color:#b44d25;letter-spacing:.6px;padding:18px 22px;font-size:12px;font-weight:700}.roof-pitch-table th,.roof-pitch-table td{border-top:1px solid #dce2d9;padding:14px 18px}.roof-pitch-table thead{background:#edf0e6;font-size:12px}.roof-pitch-table thead th:first-child,.roof-pitch-table tbody th{text-align:left}.roof-pitch-table tbody th{color:#203d35}.roof-pitch-table tbody td{color:#58685f}.roof-pitch-table tbody tr:nth-child(9){background:#f6eadb}.roof-pitch-caption{font-size:13px}.roof-pitch-formulas{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.roof-pitch-formula{background:#fffdf9;border:1px solid #dce2d9;border-radius:8px;padding:22px}.roof-pitch-formula span{color:#b44d25;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.roof-pitch-formula code{color:#203d35;white-space:normal;margin-top:10px;font-size:16px;display:block}.roof-pitch-example{background:#edf0e6;border-radius:8px;margin-top:30px;padding:28px}.roof-pitch-example ol{margin-bottom:0}.roof-pitch-workflow{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.roof-pitch-step{background:#fffdf9;border:1px solid #dce2d9;border-radius:8px;padding:22px}.roof-pitch-step span{color:#b44d25;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700}.roof-pitch-step h3{margin:10px 0 8px;font-size:20px}.roof-pitch-step p{color:#58685f;margin:0;font-size:14px}.roof-pitch-limits{color:#58685f;margin:24px 0 0;padding-left:1.5rem;list-style:outside}.roof-pitch-limits li{padding-left:.35rem}.roof-pitch-limits li+li{margin-top:10px}.roof-pitch-limits li::marker{color:#b44d25}.roof-pitch-note{background:#f6eadb;border-radius:6px;margin-top:28px;padding:24px 28px}.roof-pitch-note p{color:#6d5947;margin:6px 0 0;font-size:14px}.roof-pitch-next{justify-content:space-between;align-items:center;gap:28px;display:flex}.roof-pitch-next p:not(.eyebrow){color:#58685f;margin:0}.roof-pitch-next .button{flex-shrink:0}@media (max-width:760px){.roof-pitch-hero,.roof-pitch-figure{grid-template-columns:1fr}.roof-pitch-hero{padding:36px 0 60px}.roof-pitch-section{padding:42px 0}.roof-pitch-formulas,.roof-pitch-workflow{grid-template-columns:1fr}.roof-pitch-table{min-width:680px;font-size:12px}.roof-pitch-table th,.roof-pitch-table td{padding:12px 10px}.roof-pitch-next{flex-direction:column;align-items:flex-start}}