:root { color-scheme:light; --tp-ink:#0b3f77; --tp-muted:#5d6673; --tp-paper:#fff; --tp-soft:#f0f4f8; --tp-line:#d6dde6; --tp-accent:#d5b239 }
html { scroll-behavior:smooth; scroll-padding-top:90px; background:var(--tp-paper) }
body { margin:0; background:#fff; color:var(--tp-ink); font:18px/1.6 'Source Sans 3',Arial,sans-serif !important; -webkit-font-smoothing:antialiased }
body,button,input,select,textarea { font-family:'Source Sans 3',Arial,sans-serif !important }
* { box-sizing:border-box }
#root,#root>div { background:#fff!important }
header { position:relative!important; background:#fff!important; border-bottom:1px solid var(--tp-line)!important; }
header>.container-brewa { min-height:88px; padding:20px 32px!important; max-width:1184px!important }
header a>span { color:var(--tp-ink)!important; font-size:25px!important; font-weight:600!important; letter-spacing:-.04em!important }
header nav { gap:25px!important }
header nav a { font-size:16px!important; font-weight:500!important; color:var(--tp-muted)!important }
header nav a[aria-current=page] { color:var(--tp-ink)!important }
.mobile-menu-btn>span { background:var(--tp-ink)!important }
main>div { padding-top:0!important }
.container-brewa { max-width:1184px!important; padding-left:32px!important; padding-right:32px!important; margin-left:auto!important; margin-right:auto!important }
section { padding:66px 0!important; border-color:var(--tp-line)!important; min-height:0!important }
section.page-hero { padding:82px 0 74px!important; background:#fff!important; border:0!important }
.page-hero .container-brewa { width:100%; max-width:1184px!important }
.page-hero .container-brewa>div { max-width:990px!important }
h1,h2,h3,h4 { color:var(--tp-ink)!important; font-weight:500!important; letter-spacing:-.035em!important; text-wrap:pretty }
h1 { font-size:clamp(39px,5.7vw,70px)!important; line-height:1.06!important; max-width:970px!important; margin-bottom:28px!important }
h1 span,h2 span { color:inherit!important }
h2 { font-size:clamp(28px,3vw,40px)!important; line-height:1.16!important; max-width:920px!important }
h3 { font-size:25px!important; line-height:1.24!important }
p,li { color:var(--tp-muted); line-height:1.62!important }
p { font-size:18px!important }
.page-hero p { max-width:770px!important; font-size:21px!important; line-height:1.58!important }
.page-hero p:first-child:not(:last-child) { font-size:13px!important; color:var(--tp-ink)!important; font-weight:600!important; letter-spacing:.11em!important; border-left:3px solid var(--tp-accent); padding-left:14px; margin-bottom:23px!important }
.page-hero p:last-of-type { margin-bottom:30px!important }
.btn-gold { background:var(--tp-ink)!important; color:white!important; border:1px solid var(--tp-ink)!important; border-radius:0!important; padding:13px 22px!important; font-size:16px!important; font-weight:600!important; line-height:1.4!important; box-shadow:none!important; min-height:47px; text-align:center }
.btn-gold:hover { background:#082f59!important; transform:none!important }
.link-gold,a { color:var(--tp-ink); text-underline-offset:4px }
.link-gold { font-weight:600!important; text-decoration:underline!important; text-decoration-color:var(--tp-accent)!important }
.grain-overlay::before,.grain-overlay::after { display:none!important }
.card-brewa { background:transparent!important; border:0!important; border-top:2px solid var(--tp-line)!important; border-radius:0!important; box-shadow:none!important; padding:24px 0!important; transform:none!important }
.card-brewa h3 { margin-top:12px!important }
.section-home-0 .container-brewa>div>div { margin-top:28px!important }
.section-home-1 .container-brewa { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:34px!important }
.section-home-1 .container-brewa>div { border-left:3px solid var(--tp-accent)!important; padding-left:19px!important; padding-top:0!important; padding-bottom:0!important }
.section-home-1 p { font-size:20px!important; color:var(--tp-ink)!important; font-weight:500!important; line-height:1.48!important }
.section-home-2 .container-brewa>div:has(>.card-brewa) { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:30px!important }
.section-home-2 .card-brewa>span { color:var(--tp-ink)!important }
.section-home-2 .card-brewa>span:first-child { border-left:3px solid var(--tp-accent)!important; padding-left:10px!important }
.section-home-2 .card-brewa>div { color:var(--tp-ink)!important }
.section-home-2 .card-brewa p { font-size:17px!important }
.section-home-3>.container-brewa { max-width:920px!important }
.section-home-3 .container-brewa>div:first-child { max-width:100%!important; text-align:left!important }
.section-home-3 button { color:var(--tp-ink)!important; background:#fff!important; border:1px solid var(--tp-line)!important; border-radius:0!important; min-height:48px }
.section-home-3 button:disabled { background:#e3e9f0!important; color:#536475!important }
.section-home-4 .container-brewa { max-width:1184px!important }
.section-home-4 .container-brewa>div { max-width:850px!important }
.section-home-5 p { font-size:20px!important }
.section-home-7 .container-brewa { max-width:960px!important }
/* The biography flex row must stay transparent; the original B placeholder keeps its own styling. */
.section-home-8 { background:var(--tp-ink)!important; padding:70px 0!important }
.section-home-8 h2,.section-home-8 p { color:white!important }
.section-home-8 .btn-gold { background:white!important; color:var(--tp-ink)!important; border-color:white!important }
footer { background:#fff!important; border-top:1px solid var(--tp-line)!important; padding:40px 0!important }
footer span,footer p,footer a { color:var(--tp-muted)!important; }
footer a>span { color:var(--tp-ink)!important; font-weight:600!important }
footer p { font-size:14px!important }
footer .container-brewa>div>div:last-child { border-color:var(--tp-line)!important }
input,select,textarea { border:1px solid #aab8c7!important; border-radius:0!important; background:#fff!important; color:var(--tp-ink)!important; padding:13px!important; font-size:17px!important }
label { color:var(--tp-ink)!important }
:where(a,button,input,select,textarea):focus-visible { outline:3px solid var(--tp-accent)!important; outline-offset:4px!important }
body[data-page=blog] main section:nth-child(2) a { background:#fff!important; border:1px solid var(--tp-line)!important; border-top:3px solid var(--tp-accent)!important; border-radius:0!important; box-shadow:none!important }
body[data-page^=_blog_] main h1 { font-size:clamp(36px,5vw,60px)!important }
body[data-page^=_blog_] main { color:var(--tp-ink)!important }
body[data-page^=_blog_] main p { max-width:780px }
@media(max-width:800px) {
 .container-brewa,header>.container-brewa { padding-left:22px!important; padding-right:22px!important }
 header>.container-brewa { min-height:72px!important }
 section { padding:44px 0!important }
 section.page-hero { padding:48px 0 44px!important }
 h1 { font-size:42px!important; line-height:1.07!important }
 h2 { font-size:30px!important }
 .page-hero p { font-size:19px!important }
 .section-home-1 .container-brewa,.section-home-2 .container-brewa>div:has(>.card-brewa) { grid-template-columns:1fr!important; gap:24px!important }
 .section-home-1 .container-brewa>div { min-width:0 }
 section [style*="display: grid"] { grid-template-columns:1fr!important }
 section [style*="display: flex"][style*="gap: 4rem"],section [style*="display: flex"][style*="gap: 3rem"] { flex-wrap:wrap!important; gap:28px!important }
 section [style*="width: 380px"],section [style*="width: 400px"] { width:100%!important; max-width:100%!important }
 section [style*="max-width: 600px"],section [style*="max-width: 560px"] { max-width:100%!important }
 footer nav { gap:18px!important }
 .btn-gold { padding:13px 18px!important }
}
@media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto} * {transition:none!important} }
/* Keep the existing challenge content in a single three-column editorial band. */
.section-home-1 .container-brewa { display:block!important }
.section-home-1 .container-brewa>div { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:34px!important; border:0!important; padding:0!important }
.section-home-1 .container-brewa>div>div { border:0!important; border-left:3px solid var(--tp-accent)!important; padding:0 0 0 19px!important; background:transparent!important }
@media(max-width:800px){.section-home-1 .container-brewa>div{grid-template-columns:1fr!important;gap:24px!important}}

/* Working Waypoint Bold identity and AI Fluency navigation. */
header .brewa-brand-logo img,footer .brewa-brand-logo img{display:block;width:190px;height:auto;max-width:100%;flex:none}
header .brewa-brand-logo{flex-shrink:0}header nav{gap:19px!important}
@media(max-width:1023px){header .desktop-nav{display:none!important}header .mobile-menu-btn{display:flex!important}}
@media(min-width:1024px){header .desktop-nav{display:flex!important}header .mobile-menu-btn{display:none!important}}