/* STANISTROI / SEO editorial sections 2026-11-08.
 * Real user-facing roofing information, not hidden keyword text.
 * Matches the approved cream / graphite / terracotta visual identity.
 * This stylesheet does not override the homepage hero, navigation or logo.
 */
.ss-seo-eyebrow{margin:0 0 17px;color:#bd502e;font:800 10px/1.45 var(--ss-body);letter-spacing:.18em}
.ss-seo-intro,.ss-seo-guide,.ss-seo-faq,.ss-seo-specialist,.ss-seo-quote{box-sizing:border-box}
.ss-seo-intro *, .ss-seo-guide *, .ss-seo-faq *, .ss-seo-specialist *, .ss-seo-quote *{box-sizing:border-box}
.ss-seo-intro h2,.ss-seo-guide h2,.ss-seo-faq h2,.ss-seo-specialist h2,.ss-seo-quote h2{font:800 clamp(27px,3vw,43px)/1.17 var(--ss-heading);letter-spacing:-.06em;margin:0;color:#25221e;text-wrap:balance}
.ss-seo-intro h2 em,.ss-seo-guide h2 em,.ss-seo-faq h2 em,.ss-seo-specialist h2 em,.ss-seo-quote h2 em{font-style:normal;color:#c65330}
.ss-seo-intro p,.ss-seo-guide p,.ss-seo-faq p,.ss-seo-specialist p,.ss-seo-quote p{overflow-wrap:break-word}
.ss-seo-intro a,.ss-seo-guide a,.ss-seo-faq a,.ss-seo-specialist a,.ss-seo-quote a{transition:color .2s ease,background-color .2s ease}
.ss-seo-intro a:focus-visible,.ss-seo-guide a:focus-visible,.ss-seo-faq a:focus-visible,.ss-seo-specialist a:focus-visible,.ss-seo-quote a:focus-visible,.ss-seo-faq summary:focus-visible{outline:2px solid #c65330;outline-offset:4px}
.ss-seo-intro__inner,.ss-seo-guide__inner,.ss-seo-faq__inner,.ss-seo-specialist__inner,.ss-seo-quote__inner{width:min(calc(100% - 64px),1190px);margin:0 auto}

/* Main homepage context directly after the existing trust indicators. */
.ss-seo-intro{background:#efebe5;border-bottom:1px solid #dfd5c8;padding:64px 0 66px}
.ss-seo-intro__inner{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(38px,6vw,95px);align-items:center}
.ss-seo-intro__heading{max-width:490px}
.ss-seo-intro__content{padding-left:31px;border-left:2px solid #ce6341;max-width:675px}
.ss-seo-intro__content p{font:400 15px/1.87 var(--ss-body);color:#49443d;margin:0 0 17px}
.ss-seo-intro__content strong{font-weight:700;color:#28231e}
.ss-seo-intro__links{display:flex;flex-wrap:wrap;gap:9px 24px;margin-top:24px}
.ss-seo-intro__links a{font:800 12px/1.45 var(--ss-body);color:#a74025;text-decoration:none;border-bottom:1px solid #c65330;padding-bottom:6px}
.ss-seo-intro__links a:hover{color:#492317}
.ss-seo-intro__links a span{margin-left:7px}

/* Practical guide after existing projects and benefits, preserving their layout. */
.ss-seo-guide{background:#faf8f3;padding:86px 0 72px}
.ss-seo-guide__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.87fr);gap:70px;align-items:end;margin-bottom:32px}
.ss-seo-guide__intro>p{font:400 15px/1.88 var(--ss-body);color:#666056;margin:0 0 4px}
.ss-seo-guide__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:55px;row-gap:29px}
.ss-seo-guide__card{border-top:1px solid #cfc4b7;padding:25px 0 0;min-width:0}
.ss-seo-guide__number{font:800 10px/1.4 var(--ss-body);letter-spacing:.14em;color:#bd502e}
.ss-seo-guide__card h3{font:800 clamp(18px,1.6vw,23px)/1.32 var(--ss-heading);letter-spacing:-.035em;color:#28231f;margin:14px 0 11px}
.ss-seo-guide__card p{font:400 14px/1.85 var(--ss-body);color:#605951;margin:0}
.ss-seo-guide__card strong{font-weight:750;color:#353029}
.ss-seo-guide__bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #e0d8ce;margin-top:39px;padding-top:24px}
.ss-seo-guide__bottom p{max-width:730px;margin:0;font:400 13px/1.75 var(--ss-body);color:#615b52}
.ss-seo-guide__bottom p a,.ss-seo-specialist__footer p a,.ss-seo-quote__footer p a{color:#a9472b;border-bottom:1px solid #d5a28c;font-weight:700}
.ss-seo-guide__bottom p a:hover,.ss-seo-specialist__footer p a:hover,.ss-seo-quote__footer p a:hover{color:#632d1d}
.ss-seo-guide__outline-link{display:inline-flex;flex:0 0 auto;align-items:center;gap:15px;border:1px solid #b94d2b;color:#a33d22;min-height:44px;padding:10px 16px;font:800 11px/1.4 var(--ss-body);letter-spacing:.04em;text-transform:uppercase}
.ss-seo-guide__outline-link:hover{background:#b94d2b;color:#fff}

/* Native accessible FAQ, no JS or unsupported FAQ-rich-result promises. */
.ss-seo-faq{background:#1e272b;color:#fff;padding:78px 0 82px}
.ss-seo-faq__inner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(35px,6vw,96px)}
.ss-seo-faq .ss-seo-eyebrow{color:#f1a187}
.ss-seo-faq h2{color:#fff;max-width:410px}
.ss-seo-faq__aside>p:not(.ss-seo-eyebrow){max-width:390px;font:400 14px/1.85 var(--ss-body);color:#d7d5d0;margin:21px 0 25px}
.ss-seo-faq__aside>a{display:inline-flex;gap:12px;align-items:center;font:800 12px/1.4 var(--ss-body);color:#ffb095;border-bottom:1px solid #ffb095;padding-bottom:7px}
.ss-seo-faq__aside>a:hover{color:#fff}
.ss-seo-faq__items{border-top:1px solid #5a6264}
.ss-seo-faq__item{border-bottom:1px solid #5a6264;padding:0}
.ss-seo-faq__item summary{position:relative;display:block;cursor:pointer;padding:19px 46px 19px 0;font:750 16px/1.45 var(--ss-heading);color:#fff;list-style:none}
.ss-seo-faq__item summary::-webkit-details-marker{display:none}
.ss-seo-faq__item summary::after{content:'+';position:absolute;right:2px;top:15px;font:400 30px/1 var(--ss-body);color:#f2a183}
.ss-seo-faq__item[open] summary::after{content:'−'}
.ss-seo-faq__item p{font:400 14px/1.83 var(--ss-body);color:#d9dedc;margin:0;padding:0 20px 23px 0}
.ss-seo-faq__item p a{color:#ffb095;text-decoration:underline}
.ss-seo-faq__item p a:hover{color:#fff}

/* Service detail page. */
.ss-seo-specialist{background:#efebe5;padding:76px 0 78px;border-top:1px solid #e0d5c9}
.ss-seo-specialist h2{max-width:800px}
.ss-seo-specialist__lead{font:400 15px/1.85 var(--ss-body);max-width:850px;color:#5c554e;margin:22px 0 30px}
.ss-seo-specialist__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ss-seo-specialist__cards article{background:#faf8f4;border:1px solid #dfd3c6;border-top:3px solid #b95131;padding:24px 24px 27px;min-width:0}
.ss-seo-specialist__cards article>span{font:800 10px/1.4 var(--ss-body);letter-spacing:.12em;color:#a6492e}
.ss-seo-specialist__cards h3{font:800 clamp(18px,1.6vw,22px)/1.38 var(--ss-heading);letter-spacing:-.035em;color:#25211e;margin:16px 0 13px}
.ss-seo-specialist__cards article p{font:400 13px/1.83 var(--ss-body);color:#5c554e;margin:0}
.ss-seo-specialist__footer{display:flex;flex-wrap:wrap;align-items:center;gap:11px 22px;margin-top:28px;border-top:1px solid #d8cdc1;padding-top:23px}
.ss-seo-specialist__footer p{font:400 13px/1.65 var(--ss-body);color:#60574f;margin:0 auto 0 0;max-width:470px}
.ss-seo-inline-link{color:#a8472b;display:inline-flex;align-items:center;gap:7px;font:800 11px/1.4 var(--ss-body);border-bottom:1px solid #d6a491;padding-bottom:5px}
.ss-seo-inline-link:hover{color:#522e20}

/* Pricing factors between approved price rows and photo CTA. */
.ss-seo-quote{background:#faf8f3;padding:73px 0 75px;border-top:1px solid #e5dbd0}
.ss-seo-quote__head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:55px;align-items:end}
.ss-seo-quote__head p:not(.ss-seo-eyebrow){font:400 15px/1.88 var(--ss-body);color:#5c554f;margin:0 0 5px}
.ss-seo-quote__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.ss-seo-quote__grid article{padding:24px 4px 8px 0;border-top:2px solid #c6b7a8;min-width:0}
.ss-seo-quote__grid article>span{color:#bd502e;font:800 11px/1.3 var(--ss-heading)}
.ss-seo-quote__grid h3{font:800 clamp(18px,1.65vw,23px)/1.35 var(--ss-heading);letter-spacing:-.04em;margin:14px 0 11px;color:#27221e}
.ss-seo-quote__grid p{font:400 13px/1.85 var(--ss-body);color:#615b53;margin:0}
.ss-seo-quote__footer{border-top:1px solid #e0d6cb;margin-top:30px;padding-top:26px;display:flex;align-items:center;justify-content:space-between;gap:23px}
.ss-seo-quote__footer p{max-width:640px;font:400 13px/1.8 var(--ss-body);color:#59534d;margin:0}
.ss-seo-quote__button{display:inline-flex;align-items:center;gap:13px;justify-content:center;flex:0 0 auto;min-height:50px;padding:12px 19px;background:#b94b2b;color:#fff;font:800 11px/1.45 var(--ss-body);letter-spacing:.02em;text-align:center}
.ss-seo-quote__button:hover{background:#913a22;color:#fff}

@media(max-width:900px){
 .ss-seo-intro__inner,.ss-seo-guide__intro,.ss-seo-quote__head{gap:35px}
 .ss-seo-intro__inner{grid-template-columns:1fr}
 .ss-seo-intro__heading{max-width:730px}
 .ss-seo-intro__content{max-width:none}
 .ss-seo-specialist__cards,.ss-seo-quote__grid{grid-template-columns:1fr 1fr}
 .ss-seo-specialist__cards article:last-child,.ss-seo-quote__grid article:last-child{grid-column:1/-1}
 .ss-seo-faq__inner{gap:30px}
}
@media(max-width:640px){
 .ss-seo-intro__inner,.ss-seo-guide__inner,.ss-seo-faq__inner,.ss-seo-specialist__inner,.ss-seo-quote__inner{width:calc(100% - 38px)}
 .ss-seo-intro{padding:48px 0}
 .ss-seo-intro h2,.ss-seo-guide h2,.ss-seo-faq h2,.ss-seo-specialist h2,.ss-seo-quote h2{font-size:clamp(26px,7vw,34px)}
 .ss-seo-intro__inner,.ss-seo-guide__intro,.ss-seo-faq__inner,.ss-seo-quote__head{grid-template-columns:1fr;gap:22px}
 .ss-seo-intro__content{padding-left:19px}
 .ss-seo-intro__content p{font-size:14px;line-height:1.85}
 .ss-seo-guide{padding:56px 0}
 .ss-seo-guide__grid{grid-template-columns:1fr;row-gap:19px}
 .ss-seo-guide__intro{margin-bottom:22px}
 .ss-seo-guide__bottom,.ss-seo-quote__footer{flex-direction:column;align-items:flex-start;gap:18px}
 .ss-seo-faq{padding:55px 0 58px}
 .ss-seo-faq__aside>p:not(.ss-seo-eyebrow){margin:16px 0 18px}
 .ss-seo-faq__item summary{font-size:15px}
 .ss-seo-specialist,.ss-seo-quote{padding:52px 0 58px}
 .ss-seo-specialist__cards,.ss-seo-quote__grid{grid-template-columns:1fr;gap:12px}
 .ss-seo-specialist__cards article:last-child,.ss-seo-quote__grid article:last-child{grid-column:auto}
 .ss-seo-specialist__cards article{padding:21px}
 .ss-seo-specialist__footer{align-items:flex-start;flex-direction:column}
 .ss-seo-quote__grid{margin-top:25px}
 .ss-seo-quote__footer{margin-top:24px}
 .ss-seo-quote__button{width:100%;max-width:400px}
}
@media(prefers-reduced-motion:reduce){
 .ss-seo-intro a,.ss-seo-guide a,.ss-seo-faq a,.ss-seo-specialist a,.ss-seo-quote a{transition:none}
}