/* SignBas3 product pages: clear sans typography and the product ink/teal palette. */
.resource-page{--brand:#171915;--brand-hover:#353831;--brand-deep:#171915;--ink:#0a0a09;--paper:#f5f8f9;--line:#cdcdc7;--radius:0;--radius-sm:0;--radius-lg:0;background:#f5f8f9;color:#0a0a09}
.resource-page .site-header,.resource-page .site-header.scrolled{position:relative;top:0;left:0;transform:none;width:100%;max-width:none;border:0;border-radius:0;background:#0d242c;color:#fff;padding:14px 3.2%;box-shadow:none;backdrop-filter:none}
.resource-page .site-header .brand img{width:176px;height:auto}
.resource-page .desktop-nav{gap:19px}
.resource-page .site-header :is(.desktop-nav a,.quiet-link){font-size:12px;color:#e3e3dd}
.resource-page .site-header .button{background:#deded8;color:#0a0a09;border-color:#deded8;min-height:44px;padding:11px 16px;font-size:12px}
.resource-page .menu-button span{background:#fff}
.resource-page .mobile-nav{border-radius:0;background:#0d242c;color:#fff}
.resource-page .mobile-nav a{color:#fff}
.resource-page .resource-hero{padding-top:64px}
.resource-page .resource-hero{background:#edf3f4;border-bottom:1px solid #cdcdc7}
.resource-page .resource-hero h1{letter-spacing:-.045em}
.resource-page .resource-hero h1 span{font-family:inherit;font-weight:650;font-style:normal;color:#00687a}
.resource-page :is(.button,.feature-visual,.benefit,.category-card,.article-card,.academy-track-card,.note-box,.video-card){border-radius:0;box-shadow:none}
.resource-page .button{background:#171915;border-color:#171915;color:#fff}
.resource-page .button-secondary{background:transparent;color:#171915}
.resource-page .feature-visual{border:1px solid #cdcdc7;background:#fff}
.resource-page .feature-diagram{border-radius:0}
.resource-page .eyebrow{color:#5b5d54}
.resource-page .resource-main :is(h2,h3){letter-spacing:-.025em}
.resource-page a:focus-visible{outline:3px solid #007a8e;outline-offset:4px}
.resource-page .video-grid .feature-visual img{aspect-ratio:auto;object-fit:contain}
@media(max-width:1100px){.resource-page .site-header{padding:14px 4%;gap:20px}.resource-page .site-header .brand img{width:150px}}
@media(max-width:760px){.resource-page .site-header{padding:14px 5%;gap:12px}.resource-page .site-header .brand img{width:128px}.resource-page .resource-hero{padding-top:40px}.resource-page .site-header .button{font-size:10px;padding:9px 10px;min-height:38px}}