[data-legacy-page="knowledge"]{--kg-ink:#102037;--kg-orange:#f58211;--kg-paper:#f7f4ee;color:var(--kg-ink);font-family:var(--font-kanit),Kanit,sans-serif}
[data-legacy-page="knowledge"] :is(h1,h2,h3,h4,p,li,a,button,span,small,b,strong,div,nav,aside){font-family:var(--font-kanit),Kanit,sans-serif}
[data-legacy-page="knowledge"] .knowledge-swnp-card.reveal{opacity:1;transform:none}
[data-knowledge-article="true"] :is(h1,h2,h3,h4,p,li,a,button,span,small,b,strong,div,nav,aside){font-family:var(--font-kanit),Kanit,sans-serif}
.knowledge-template-tabs{position:relative;z-index:5;background:#142130;border-bottom:1px solid rgba(255,255,255,.13)}
.knowledge-template-tabs-inner{display:flex;width:min(1240px,calc(100% - 48px));margin:auto;gap:5px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.knowledge-template-tabs a{display:inline-flex;align-items:center;min-height:52px;padding:0 15px;color:#e9edf0;font-size:13px;font-weight:400;text-decoration:none;border-bottom:3px solid transparent;transition:background .2s,color .2s}
.knowledge-template-tabs a:hover,.knowledge-template-tabs a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.08);border-bottom-color:var(--kg-orange)}
[data-knowledge-article="true"] .page-hero,[data-knowledge-article="true"] .cc-hero{position:relative;min-height:380px;padding:70px 0 66px;background:linear-gradient(90deg,rgba(9,19,29,.96) 0%,rgba(9,19,29,.82) 52%,rgba(9,19,29,.32) 100%),url('/assets/choose-contractor-hero-2026.webp') center 49%/cover no-repeat;color:#fff}
[data-knowledge-article="true"] .page-hero::before,[data-knowledge-article="true"] .page-hero::after{display:none}
[data-knowledge-article="true"] .page-hero .container,[data-knowledge-article="true"] .cc-hero .cc-wrap{position:relative;z-index:1;width:min(1180px,calc(100% - 48px));margin:auto;min-height:0}
[data-knowledge-article="true"] .page-hero h1,[data-knowledge-article="true"] .cc-hero h1{max-width:890px;margin:18px 0;font-size:clamp(39px,5.3vw,68px);line-height:1.14;font-weight:600;letter-spacing:-.5px;color:#fff;text-wrap:balance}
[data-knowledge-article="true"] .page-hero h1 em,[data-knowledge-article="true"] .cc-hero h1 em{color:#ff951b;font-style:normal}
[data-knowledge-article="true"] .cc-eyebrow{display:block;font-size:.46em;line-height:1.35;color:#fff}
[data-knowledge-article="true"] .page-kicker{color:#ff951b;font-size:13px;letter-spacing:1px;font-weight:500}
[data-knowledge-article="true"] .page-lead{max-width:760px;color:#f0f2f3;font-size:17px;line-height:1.75}
[data-knowledge-article="true"] :is(.breadcrumb,.cc-crumb){display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0;color:#d9e0e5;font-size:12px}
[data-knowledge-article="true"] :is(.breadcrumb,.cc-crumb) a{color:#fff;text-decoration:none}
[data-knowledge-article="true"] :is(.breadcrumb,.cc-crumb) a:hover{color:#ff951b}
[data-knowledge-article="true"] .section:has(.knowledge-layout){background:var(--kg-paper);padding:56px 0 86px}
[data-knowledge-article="true"] .knowledge-layout{grid-template-columns:minmax(0,1fr) 290px;gap:32px;max-width:1180px}
[data-knowledge-article="true"] .knowledge-article{max-width:none;background:#fff;padding:clamp(22px,3.5vw,52px);border:1px solid #ece5da;border-radius:15px;box-shadow:0 14px 42px rgba(16,32,55,.06)}
[data-knowledge-article="true"] .knowledge-article h2{margin:40px 0 13px;padding-top:4px;font-size:clamp(24px,2.5vw,33px);line-height:1.3;color:var(--kg-ink)}
[data-knowledge-article="true"] .knowledge-article h3{font-size:21px;color:var(--kg-ink)}
[data-knowledge-article="true"] .knowledge-article :is(p,li){font-size:15px;line-height:1.9;color:#344256}
[data-knowledge-article="true"] .knowledge-article a{color:#b75d00;text-underline-offset:3px}
[data-knowledge-article="true"] .knowledge-summary{background:#fff8ee;border:1px solid #f4ddbf;border-left:5px solid var(--kg-orange);border-radius:9px;padding:22px 25px}
[data-knowledge-article="true"] .knowledge-sidebar{top:90px;padding:27px;background:#172638;border-radius:13px;box-shadow:0 14px 36px rgba(16,32,55,.12)}
[data-knowledge-article="true"] .knowledge-sidebar h2{color:#fff}
[data-knowledge-article="true"] .article-related{border-top:3px solid var(--kg-orange);border-radius:9px;background:#f8f5ef}
[data-knowledge-article="true"] .article-related-grid a{border-radius:7px}
[data-knowledge-article="true"] .knowledge-faq{margin-top:45px;padding-top:8px;border-top:1px solid #e9e3d8}
[data-knowledge-article="true"] .knowledge-faq h2{margin-top:25px}
[data-knowledge-article="true"] .knowledge-faq-item{padding:19px 0;border-bottom:1px solid #e9e3d8}
[data-knowledge-article="true"] .knowledge-faq-item h3{margin:0 0 8px;font-size:18px}
[data-knowledge-article="true"] .knowledge-faq-item p{margin:0}
[data-knowledge-article="true"] .cc-content{background:var(--kg-paper);padding:50px 0 70px}
[data-knowledge-article="true"] .cc-summary{max-width:1180px;margin:0 auto 22px;border-radius:12px}
[data-knowledge-article="true"] .cc-card{border-radius:12px;border:1px solid #e9e2d8;box-shadow:0 12px 32px rgba(16,32,55,.06)}
[data-knowledge-article="true"] .cc-questions{margin-top:25px;border-radius:12px}
[data-knowledge-article="true"] .cc-related{background:#fff}
@media(max-width:900px){[data-knowledge-article="true"] .knowledge-layout{grid-template-columns:1fr}[data-knowledge-article="true"] .knowledge-sidebar{position:static}}
@media(max-width:680px){.knowledge-template-tabs-inner{width:calc(100% - 20px)}.knowledge-template-tabs a{min-height:46px;padding:0 12px;font-size:12px}[data-knowledge-article="true"] .page-hero,[data-knowledge-article="true"] .cc-hero{min-height:310px;padding:45px 0 50px;background-position:62% center}[data-knowledge-article="true"] .page-hero .container,[data-knowledge-article="true"] .cc-hero .cc-wrap{width:calc(100% - 36px)}[data-knowledge-article="true"] .page-hero h1,[data-knowledge-article="true"] .cc-hero h1{font-size:clamp(34px,9vw,46px)}[data-knowledge-article="true"] .page-lead{font-size:14px}[data-knowledge-article="true"] .section:has(.knowledge-layout){padding:24px 0 58px}[data-knowledge-article="true"] .knowledge-article{padding:22px 18px}[data-knowledge-article="true"] .knowledge-article :is(p,li){font-size:14px}[data-knowledge-article="true"] .cc-content{padding:24px 0 56px}}

/* Key points on the knowledge hub: three editorial cards using Google's Material icons. */
.knowledge-keypoints{position:relative;isolation:isolate;overflow:hidden;padding:86px 0 108px;background:#fbfaf7;color:#253440;font-family:var(--font-kanit),Kanit,sans-serif}
.knowledge-keypoints::before{content:"";position:absolute;z-index:-1;top:-45px;right:-20px;width:min(55vw,820px);height:520px;background:url('/assets/knowledge-keypoints-wireframe.svg') right top/contain no-repeat;opacity:.28;pointer-events:none}
.knowledge-keypoints::after{content:"";position:absolute;right:0;bottom:0;width:165px;height:52px;background:#ff9619;clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}
.knowledge-keypoints-inner{width:min(1600px,calc(100% - 9vw));margin:0 auto}
.knowledge-keypoints-heading{position:relative;margin-bottom:36px}.knowledge-keypoints-kicker{display:flex;align-items:center;gap:13px;color:#ea800c;font-size:14px;font-weight:400;letter-spacing:1.8px}.knowledge-keypoints-kicker::before{content:"";width:36px;height:2px;background:#ff951b}
.knowledge-keypoints-heading h2{margin:11px 0 8px;font-size:clamp(42px,4.9vw,72px);font-weight:600;line-height:1.12;letter-spacing:-1.2px;color:#263642}.knowledge-keypoints-heading h2 em{font-style:normal;color:#f68a10}.knowledge-keypoints-heading p{margin:0;color:#475665;font-size:clamp(16px,1.35vw,20px);line-height:1.65}
.knowledge-keypoints-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.knowledge-keypoint-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #eeece7;border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(25,35,44,.09);transition:transform .25s ease,box-shadow .25s ease}.knowledge-keypoint-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(25,35,44,.14)}
.knowledge-keypoint-photo{display:block;width:100%;height:clamp(180px,14vw,225px);object-fit:cover;object-position:center 56%;background:#dedbd4}.knowledge-keypoint-card:nth-child(2) .knowledge-keypoint-photo{object-position:center 47%}.knowledge-keypoint-card:nth-child(3) .knowledge-keypoint-photo{object-position:center 70%}
.knowledge-keypoint-content{display:flex;flex:1;flex-direction:column;padding:25px 27px 26px}.knowledge-keypoint-title{display:grid;grid-template-columns:48px 50px minmax(0,1fr);align-items:center;gap:15px;min-height:66px}.knowledge-keypoint-number{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#ffa021;color:#fff;font-size:20px;font-weight:500;line-height:1}.knowledge-keypoint-title>img{display:block;width:46px;height:46px;object-fit:contain;opacity:.85}.knowledge-keypoint-title h3{min-width:0;margin:0;padding-left:17px;border-left:1px solid #cbd2d5;color:#253440;font-size:clamp(19px,1.48vw,24px);font-weight:600;line-height:1.35}
.knowledge-keypoint-content>p{margin:24px 0 20px;color:#4b5a68;font-size:clamp(14px,1.05vw,16px);line-height:1.78}.knowledge-keypoint-content>a{display:inline-flex;align-items:center;gap:17px;align-self:flex-start;margin-top:auto;padding-bottom:3px;border-bottom:1px solid #ffb252;color:#f07b00;font-size:16px;font-weight:500;text-decoration:none}.knowledge-keypoint-content>a span{border:0;font-size:24px;font-weight:300;line-height:.8;transition:transform .2s ease}.knowledge-keypoint-content>a:hover span{transform:translateX(5px)}
@media(max-width:1100px){.knowledge-keypoints-grid{gap:15px}.knowledge-keypoint-content{padding:21px}.knowledge-keypoint-title{grid-template-columns:42px 42px minmax(0,1fr);gap:10px}.knowledge-keypoint-number{width:42px;height:42px;font-size:18px}.knowledge-keypoint-title>img{width:40px;height:40px}.knowledge-keypoint-title h3{padding-left:11px;font-size:18px}.knowledge-keypoint-content>p{font-size:14px}}
@media(max-width:850px){.knowledge-keypoints{padding:62px 0 84px}.knowledge-keypoints-inner{width:min(620px,calc(100% - 36px))}.knowledge-keypoints-heading h2{font-size:clamp(38px,7vw,56px)}.knowledge-keypoints-grid{grid-template-columns:1fr;gap:23px}.knowledge-keypoint-photo{height:235px}.knowledge-keypoint-content{padding:25px 27px 26px}.knowledge-keypoint-title{grid-template-columns:48px 50px minmax(0,1fr);gap:15px}.knowledge-keypoint-number{width:48px;height:48px;font-size:20px}.knowledge-keypoint-title>img{width:46px;height:46px}.knowledge-keypoint-title h3{padding-left:17px;font-size:23px}.knowledge-keypoint-content>p{font-size:15px}.knowledge-keypoints::before{width:70vw;opacity:.19}}
@media(max-width:480px){.knowledge-keypoints{padding:48px 0 74px}.knowledge-keypoints-heading{margin-bottom:25px}.knowledge-keypoints-kicker{font-size:12px}.knowledge-keypoints-heading h2{margin-top:10px;font-size:clamp(34px,9vw,43px);letter-spacing:-.5px}.knowledge-keypoints-heading p{font-size:14px}.knowledge-keypoint-photo{height:175px}.knowledge-keypoint-content{padding:21px 20px 24px}.knowledge-keypoint-title{grid-template-columns:40px 42px minmax(0,1fr);gap:9px;min-height:56px}.knowledge-keypoint-number{width:40px;height:40px;font-size:16px}.knowledge-keypoint-title>img{width:39px;height:39px}.knowledge-keypoint-title h3{padding-left:10px;font-size:18px}.knowledge-keypoint-content>p{margin:18px 0;font-size:14px;line-height:1.75}.knowledge-keypoint-content>a{font-size:14px}.knowledge-keypoints::after{width:110px;height:34px}}
@media(prefers-reduced-motion:reduce){.knowledge-keypoint-card,.knowledge-keypoint-content>a span{transition:none}}
