.kb-page{background:#fff;color:#19191d}.kb-page .kb-hero{width:100%;max-width:none;min-height:clamp(520px,37.5vw,640px);padding:0;background:#111113;color:#fff}.kb-page .kb-hero>.wrap{position:relative;z-index:1;padding-block:64px}.kb-page .kb-hero:after{background:linear-gradient(90deg,rgba(7,7,9,.88),rgba(7,7,9,.46)),linear-gradient(0deg,rgba(7,7,9,.55),transparent 65%)}.kb-page .kb-hero>img{object-position:center}.kb-hero-note{display:inline-block;margin-top:18px;padding:5px 9px;background:rgba(0,0,0,.65);color:white;font-size:.875rem}.kb-hero .kb-resource-links a{background:rgba(15,15,18,.68)}.kb-hero .breadcrumb{margin-bottom:25px}.kb-hero h1{font:700 clamp(3.2rem,6vw,5.2rem)/1 var(--heading);text-transform:uppercase;margin:14px 0 20px;max-width:1020px}.kb-hero .kb-lede{max-width:740px;font-size:1.15rem;color:#dedee2;margin:0}.kb-nav{background:#f1f1f3;border-bottom:1px solid #dcdce0;padding:24px 0}.kb-nav p{font-weight:600;margin:0 0 12px}.kb-nav-links{display:flex;flex-wrap:wrap;gap:8px}.kb-nav a{font-size:.94rem;line-height:1.35;padding:9px 12px;background:#fff;border:1px solid #d4d4db;border-radius:3px}.kb-nav a:hover,.kb-nav a:focus-visible{background:#d31232;border-color:#d31232;color:white}.kb-section{padding:58px 0 62px;scroll-margin-top:110px}.kb-section:nth-of-type(even){background:#f4f4f6}.kb-section-heading{margin-bottom:25px;max-width:920px}.kb-section-heading h2{font:700 clamp(2.35rem,3.4vw,3.2rem)/1.08 var(--heading);text-transform:uppercase;margin:0 0 13px}.kb-section-heading p{margin:0;color:#51515b;font-size:1.05rem}.kb-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.kb-image-card{position:relative;display:flex;align-items:flex-end;min-height:245px;overflow:hidden;background:#19191d;border:1px solid #37373c;border-top:3px solid #d31232;border-radius:4px;isolation:isolate;color:#fff;text-decoration:none}.kb-image-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .3s ease}.kb-image-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,10,.96) 0%,rgba(7,7,10,.66) 46%,rgba(7,7,10,.04) 100%);z-index:-1}.kb-card-label{padding:23px;display:block;width:100%}.kb-card-label strong{display:block;font:600 clamp(1.5rem,2.1vw,1.95rem)/1.12 var(--heading);text-wrap:balance}.kb-card-label small{display:block;margin-top:10px;color:#dedee4;font-size:.875rem;line-height:1.45}.kb-image-card:hover>img{transform:scale(1.035)}.kb-image-card:hover{border-color:#d31232}.kb-image-card:focus-visible,.kb-guide-card:focus-visible{outline:3px solid #d31232;outline-offset:4px}.kb-image-note{font-size:.875rem;color:#63636d;margin:14px 0 0}.kb-more{background:#17171b;color:#fff;padding:58px 0}.kb-more h2{font:600 2.6rem/1.1 var(--heading);margin:0 0 25px;text-transform:uppercase}.kb-more .kb-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kb-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kb-guide-card{display:flex;flex-direction:column;background:#fff;color:#19191d;border:1px solid #dcdce1;border-top:3px solid #d31232;padding:25px;min-width:0}.kb-guide-card h2,.kb-guide-card h3{font:600 1.75rem/1.15 var(--heading);margin:0 0 15px;text-transform:none}.kb-guide-card p{font-size:1rem;line-height:1.6;color:#595963;margin:0 0 22px}.kb-guide-card span{font-size:.94rem;font-weight:600;color:#b30e2b;margin-top:auto}.kb-guide-card:hover{border-color:#d31232}.kb-directory{padding:45px 0 65px}.kb-directory h2{font:600 2.5rem/1.1 var(--heading);text-transform:uppercase;margin:0 0 23px}.kb-resource-links{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 0}.kb-resource-links a{font-weight:600;padding:12px 17px;border:1px solid #777780;color:#fff;border-radius:2px}.kb-resource-links a:hover{background:#d31232;border-color:#d31232}.kb-support{border-top:1px solid #dddde2;background:#f4f4f6;padding:45px 0}.kb-support .wrap{max-width:1160px}.kb-support h2{font:600 2.4rem/1.1 var(--heading);margin:0 0 20px}.kb-support p{max-width:850px}.kb-support a{color:#ac0e29;font-weight:600;text-decoration:underline;text-underline-offset:4px}.kb-browse-back{display:inline-block;color:#c8102d;margin-top:30px;font-weight:600}.kb-catalog-note{font-size:.875rem;color:#696972;margin:0 0 25px}
@media(max-width:1100px){.kb-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-image-card{min-height:260px}.kb-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-card-label strong{font-size:1.95rem}}
@media(max-width:600px){.kb-page .kb-hero{padding:0;min-height:490px}.kb-page .kb-hero>.wrap{padding-block:42px}.kb-hero h1{font-size:3.2rem}.kb-hero .kb-lede{font-size:1.05rem}.kb-nav{padding:20px 0}.kb-nav-links{gap:7px}.kb-nav a{font-size:.875rem;padding:8px 10px}.kb-section{padding:37px 0 42px}.kb-card-grid,.kb-guide-grid,.kb-more .kb-guide-grid{grid-template-columns:1fr}.kb-image-card{min-height:225px}.kb-card-label strong{font-size:1.95rem}.kb-resource-links{gap:9px}.kb-resource-links a{font-size:.94rem;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.kb-image-card>img{transition:none}.kb-image-card:hover>img{transform:none}}

/* Guide directories: article imagery above the complete title and summary. */
.kb-guide-card{padding:0;overflow:hidden;border-radius:4px;text-decoration:none}
.kb-guide-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#ececef}
.kb-guide-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.kb-guide-card:hover .kb-guide-image img{transform:scale(1.035)}
.kb-guide-copy{display:flex;flex-direction:column;flex:1;padding:24px;min-width:0}
.kb-guide-copy h3{overflow-wrap:anywhere}
.kb-guide-copy>span{padding-top:4px}
.kb-illustration-label{position:absolute;left:12px;bottom:12px;background:rgba(17,17,19,.86);color:#fff;padding:4px 8px;border-radius:2px;font-size:.875rem;line-height:1.4}
.kb-more .kb-guide-image{aspect-ratio:2/1}
@media(max-width:600px){.kb-guide-copy{padding:21px}.kb-more .kb-guide-image{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){.kb-guide-image img{transition:none}.kb-guide-card:hover .kb-guide-image img{transform:none}}

/* Keep category anchor targets below the sticky header. */
.kb-more .kb-guide-card{scroll-margin-top:160px}