.search-content{background:#F5F2EB;color:#242426;padding:72px 0;scroll-margin-top:110px}
.search-content .copy{max-width:740px;margin-inline:auto}
.search-content h2{font-size:clamp(28px,4vw,38px);line-height:1.2;color:#151517;margin:0 0 24px}
.search-content h3{font-size:21px;line-height:1.4;color:#151517;margin:32px 0 10px}
.search-content p,.search-content li{font-size:17px;line-height:1.75;color:#303036}
.search-content p{margin:0 0 20px}
.search-content a,.roof-guide a{color:#151517;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.search-content a:hover,.roof-guide a:hover{text-decoration-thickness:2px}
.search-content a:focus-visible,.roof-guide a:focus-visible{outline:2px solid #151517;outline-offset:4px}
.search-content a:active,.roof-guide a:active{opacity:.8}
.related-links{padding-left:22px;margin:28px 0 0}
.related-links li{margin:10px 0}
.roof-guide{max-width:780px;margin:auto;padding:64px 24px 80px;color:#242426}
.roof-guide .article-head{background:none;padding:0;margin:0 0 48px}
.roof-guide .eyebrow{text-align:left;color:#55504A}
.roof-guide h1{font-size:clamp(36px,5vw,58px);line-height:1.08;margin:0 0 28px;color:#151517}
.roof-guide h1 em{color:#5E4518}
.roof-guide .article-lead{font-size:21px;line-height:1.6;color:#303036}
.roof-guide section{padding:0;background:none;margin:38px 0}
.roof-guide h2{font-size:28px;line-height:1.25;color:#151517;margin:0 0 16px}
.roof-guide p,.roof-guide li{font-size:17px;line-height:1.8;color:#303036}
.roof-guide p{margin:0 0 20px}
.roof-guide ul{padding-left:24px}
.roof-guide li{margin:10px 0}
.roof-guide .article-next{border-top:1px solid #BDB6A8;padding-top:32px;margin-top:48px}
.content-skip{position:fixed;top:8px;left:16px;transform:translateY(-180%);padding:12px 18px;background:#151517;color:#fff;z-index:10000}
.content-skip:focus{transform:none}
@media(max-width:600px){.search-content{padding:48px 0}.roof-guide{padding-top:40px}.roof-guide .article-lead{font-size:19px}}