.so-showcase-window>img{height:auto!important;aspect-ratio:auto;object-fit:contain}.so-project-tile__image img,.so-component .soc-card__image img{object-position:left top}.so-info-hero{padding:30px 0 45px;max-width:950px}.so-info-hero h1{font-size:clamp(38px,4.8vw,66px)}.so-info-hero>p{max-width:650px;font-size:16px}.so-info-rows{max-width:1000px}.so-info-rows>section{display:grid;grid-template-columns:1fr 4fr;gap:40px;border-top:1px solid var(--so-line);padding:35px 0}.so-info-rows>section>span{color:#477b41;font-size:13px}.so-info-rows h2{font-size:32px}.so-info-rows p{font-size:15px}.so-info-note{background:#e5ebdf;border-radius:10px;padding:40px;margin:40px 0}.so-info-note h2{font-size:34px}.so-info-note p{max-width:800px;font-size:14px}.so-info-services{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.so-info-services>section{border-top:1px solid var(--so-ink);padding-top:20px;display:flex;flex-direction:column}.so-info-services>section>span{font-size:10px;letter-spacing:.07em;margin-bottom:30px;color:#477b41}.so-info-services h2{font-size:28px}.so-info-services p{font-size:14px;flex:1}.so-info-services strong{font-size:22px;font-weight:500}.so-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.so-contact-grid>a{padding:28px 0;border-top:1px solid var(--so-ink);display:block}.so-contact-grid span{font-size:10px;letter-spacing:.07em;display:block;margin-bottom:35px}.so-contact-grid h2{font-size:25px;letter-spacing:-.04em;overflow-wrap:anywhere}.so-contact-grid p{font-size:13px}.so-contact-grid>a:hover h2{color:#477b41}.so-component .soo-page,.so-component .sop-page,.so-component .sor-page{background:transparent;color:var(--so-ink)}.so-component [class$=-hero]:not(.soc-build-hero):not(.so-custom-hero):not(.so-info-hero){border-radius:10px}.so-component .soo-hero,.so-component .sop-hero,.so-component .sor-hero{padding:25px 0 45px}.so-component .soo-hero p,.so-component .sop-hero p,.so-component .sor-hero p{max-width:720px}.soo-meta,.sop-meta,.sor-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--so-muted)}.soo-eyebrow,.sop-eyebrow,.sor-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.soo-layout,.sop-layout,.sor-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:50px}.soo-nav,.sop-nav,.sor-nav{position:sticky;top:120px;align-self:start}.soo-nav-title,.sop-nav-title,.sor-nav-title{font-size:11px;font-weight:700;margin-bottom:18px}.soo-nav-links,.sop-nav-links,.sor-nav-links{display:flex;flex-direction:column;gap:10px;font-size:12px}.soo-section,.sop-section,.sor-section{border-top:1px solid var(--so-line);padding-top:25px;margin-top:35px}.soo-section h2,.sop-section h2,.sor-section h2{font-size:29px}.soo-section-num,.sop-section-num,.sor-section-num{font-size:11px;color:#477b41;margin-bottom:15px}.soo-details,.sop-details,.sor-details{display:grid;grid-template-columns:160px 1fr;gap:12px 25px;font-size:13px}.soo-details dt,.sop-details dt,.sor-details dt{color:var(--so-muted)}.soo-details dd,.sop-details dd,.sor-details dd{margin:0;overflow-wrap:anywhere}.so-component .soc-project__content-body p,.so-component .soc-project__content-body li{font-size:14px;line-height:1.8}.so-component .soc-project__content-body h2,.so-component .soc-project__content-body h3{margin-top:35px}.so-component .soc-project__content-body a{text-decoration:underline;text-underline-offset:3px}.so-component .soc-project__content-body [class*=badge],.so-component .soc-project__content-body [class*=tag]{display:inline-block;font-size:10px;margin-right:8px}.so-component .soc-project__content-body [class*=eyebrow],.so-component .soc-project__content-body [class*=kicker]{display:block;font-size:10px;letter-spacing:.06em;color:#477b41;margin-top:15px}.so-component .soc-custom-form-section{display:grid;grid-template-columns:1fr 1.4fr;gap:40px}.so-component .soc-custom-form-intro>span{font-size:10px;display:block;margin-bottom:20px}.so-component .soc-custom-form__head{display:flex;flex-direction:column;margin-bottom:25px;color:var(--so-ink)}.so-component .soc-custom-form__head span{font-size:11px}.so-component .soc-custom-form__head strong{font-size:20px;font-weight:500}.so-component .soc-custom-form__submit{width:100%}.so-component .soc-custom-form__footnote{font-size:11px;color:var(--so-muted);margin:15px 0 0}.so-component .soc-build-brief__steps p{font-size:12px}.so-component .soc-project-custom{background:#e5ebdf;border:0;border-radius:10px;margin-top:45px;padding:35px}.so-component .soc-project-custom h2{font-size:32px}.so-component .soc-project-custom p{color:var(--so-muted)}
@media(max-width:1000px){.so-info-services{grid-template-columns:repeat(2,1fr)}.so-contact-grid{grid-template-columns:1fr}.so-contact-grid>a{padding:25px 0}.so-contact-grid span{margin-bottom:18px}.soo-layout,.sop-layout,.sor-layout{grid-template-columns:1fr}.soo-nav,.sop-nav,.sor-nav{position:static;background:#e5ebdf;padding:25px;border-radius:10px}.soo-nav-links,.sop-nav-links,.sor-nav-links{display:grid;grid-template-columns:1fr 1fr}.so-component .soc-custom-form-section{gap:25px}}
@media(max-width:760px){.so-showcase-note{bottom:-10px}.so-home-showcase{padding-bottom:35px}.so-info-hero{padding:15px 0 30px}.so-info-hero>p{font-size:14px}.so-info-rows>section{grid-template-columns:25px 1fr;gap:15px;padding-block:25px}.so-info-rows h2{font-size:27px}.so-info-rows p{font-size:13px}.so-info-note{padding:28px 23px;margin:30px 0}.so-info-note h2{font-size:29px}.so-info-services{grid-template-columns:1fr;gap:30px}.so-info-services>section>span{margin-bottom:20px}.so-info-services h2{font-size:27px}.soo-nav-links,.sop-nav-links,.sor-nav-links{grid-template-columns:1fr}.soo-details,.sop-details,.sor-details{grid-template-columns:1fr;gap:5px}.soo-details dd,.sop-details dd,.sor-details dd{margin-bottom:13px}.so-component .soc-custom-form-section{display:block}.so-component .soc-custom-form-intro{margin-bottom:30px}.so-component .soc-project-custom{padding:28px 23px}.so-component .soc-project-custom h2{font-size:29px}}
.so-component .so-custom-hero__aside h2,.so-component .so-custom-hero__aside .so-kicker{color:var(--so-paper)}.so-component .so-custom-hero__aside p{color:#c0d1c6}
.so-component .soc-custom-form-section strong{color:var(--so-ink)}.so-component .soc-build-brief__steps>div>span{color:#477b41}.so-component .soc-filters__actions{grid-column:1/-1;display:flex;flex-direction:row;justify-content:flex-start}.so-component .soc-filters__actions a{color:var(--so-ink);background:transparent;border:0;text-decoration:underline;font-size:12px;padding:10px 15px}

/* SITEONE 2026-11-02: readable guides and crawlable contextual navigation. */
.so-guide{max-width:900px}.so-guide>section{scroll-margin-top:120px}.so-guide p,.so-guide li,.so-catalog-guide p{line-height:1.85}.so-guide li{margin-bottom:9px}.so-guide a,.so-catalog-guide a,.so-custom-formats a{text-decoration:underline;text-underline-offset:4px}.so-guide-toc{padding:25px 30px;background:#e5ebdf;border-radius:12px;margin:30px 0 40px}.so-guide-toc strong{font-size:12px;text-transform:uppercase;letter-spacing:.05em}.so-guide-toc ul{padding-left:20px;margin-bottom:0}.so-guide-toc a{font-size:14px}.so-table-scroll{overflow-x:auto;max-width:100%}.so-guide table{min-width:520px}.so-guide-links{padding:65px 0}.so-guide-links header{max-width:750px}.so-guide-links header h2{font-size:clamp(31px,4vw,48px);margin:20px 0}.so-guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:35px}.so-guide-card-grid>a{border:1px solid var(--so-line);border-radius:12px;padding:28px;display:flex;flex-direction:column;transition:background .2s}.so-guide-card-grid>a:hover{background:#e5ebdf}.so-guide-card-grid small{font-size:10px;color:#477b41;letter-spacing:.07em}.so-guide-card-grid h3{font-size:26px;margin:30px 0 15px}.so-guide-card-grid p{font-size:14px;flex:1}.so-guide-card-grid span,.so-guide-more{font-size:12px}.so-guide-more{margin-top:25px}.so-guide-more a{text-decoration:underline;text-underline-offset:4px}.so-catalog-guide{max-width:900px;border-top:1px solid var(--so-line);margin:50px 0;padding-top:30px}.so-catalog-guide h2{font-size:30px}.so-catalog-guide p{font-size:15px}.so-breadcrumbs{flex-wrap:wrap;line-height:1.7}.so-breadcrumbs>[aria-current=page]{overflow-wrap:anywhere;max-width:100%}.so-component .com-content-category-blog__items .blog-item .page-header h2{font-size:28px;line-height:1.2}
@media(max-width:900px){.so-guide-card-grid{grid-template-columns:1fr 1fr}.so-guide-card-grid>a:last-child{grid-column:1/-1}}@media(max-width:600px){.so-guide-card-grid{grid-template-columns:1fr}.so-guide-card-grid>a:last-child{grid-column:auto}.so-guide-card-grid>a{padding:24px}.so-guide-links{padding:40px 0}.so-guide-toc{padding:22px}.so-catalog-guide h2{font-size:26px}.so-catalog-guide p{font-size:14px}.so-breadcrumbs{font-size:10px;gap:8px}.so-breadcrumbs>[aria-current=page]{flex-basis:100%}.so-guide>section{scroll-margin-top:90px}}

.com-content-category-blog__items .readmore a{color:var(--so-ink)}

/* Editorial dates are rendered from Joomla article metadata. */
.so-article-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 24px;color:#4e6559;font-size:14px;line-height:1.6}.so-article-meta a{color:#216143;text-underline-offset:3px}.so-article-meta time{white-space:nowrap}