/* v2 look for pages still on styles.css (Privacy, Terms, Portal), 14-Nov-2026.
   Matches the home v2 nav, type and palette. Copy and markup unchanged. */
:root{--v2-deep:#0C2A1E;--v2-forest:#113E2C;--v2-lime:#ABD481;--v2-cream:#F6F2EF;--v2-gutter:clamp(24px,3vw,43px)}
body{font-family:Manrope,sans-serif}
.nav-outer{background:var(--v2-deep)!important;border-bottom:1px solid rgba(171,212,129,.314)!important}
.nav-outer .nav{max-width:none!important;margin:0!important;padding:0 var(--v2-gutter)!important;height:88px}
.nav__links a,.nav__dd-btn{font-family:Manrope,sans-serif!important;font-size:12px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:none!important}
.hero{background:var(--v2-deep)!important;padding-top:calc(88px + clamp(48px,6vw,96px))!important}
.hero .wrap,.section .wrap{max-width:none;padding-inline:var(--v2-gutter)}
.hero .display,.headline{font-family:Manrope,sans-serif!important;font-weight:500!important;letter-spacing:-.035em!important;color:var(--v2-cream)}
.hero__meta .eyebrow,.hero__meta .markets{font-family:Manrope,sans-serif!important;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--v2-lime)!important;opacity:1}
.hero__meta .rule{background:rgba(171,212,129,.35)}
.bg-cream{background:var(--v2-cream)!important}
.legal{max-width:820px!important;margin-inline:auto}
.legal,.legal p,.legal li{color:#2b3a33!important;font-size:16px;line-height:1.7;opacity:1}
.legal h2,.legal h3,.legal .sub{font-family:Manrope,sans-serif!important;font-weight:600!important;letter-spacing:-.02em;color:var(--v2-forest)!important}
.legal a{color:var(--v2-forest)}
.legal .notice{border-left-color:var(--v2-forest);color:var(--v2-forest)!important}
.footer,.footer *{font-family:Manrope,sans-serif}
.footer{background:var(--v2-deep)}
/* Portal card */
.hero .eyebrow,.form label{font-family:Manrope,sans-serif!important;letter-spacing:.12em}
.hero .lede{color:rgba(246,242,239,.82)!important}
.pill-note{font-family:Manrope,sans-serif!important;border-radius:14px!important;padding:14px 18px!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important}
.btn--lime{background:var(--v2-lime)!important;color:var(--v2-forest)!important}
@media(max-width:760px){.nav-outer .nav{height:70px}.hero{padding-top:calc(70px + 40px)!important}}

/* ---- Slim navbar v2.1 (Ann, 14-Nov-2026): 64px, uppercase links, compact round account icon ---- */
html .nav-outer{background:#0C2A1E!important;border-bottom:1px solid rgba(246,242,239,.12)!important}
html .nav-outer .nav{height:64px!important;min-height:64px!important;max-width:none!important;margin:0!important;padding:0 clamp(20px,3vw,43px)!important}
html .nav-outer .nav__brand img{height:26px!important;width:auto!important}
html .nav-outer :is(.nav__links>a,.nav__dd-btn,.nav__login){font-family:Manrope,"Hanken Grotesk",sans-serif!important;font-size:11px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(246,242,239,.84)!important;transition:color .2s}
html .nav-outer :is(.nav__links>a,.nav__dd-btn,.nav__login):hover{color:#ABD481!important}
html .nav-outer :is(.nav__account,.nav__toggle){width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;position:relative;align-items:center;justify-content:center;color:#F6F2EF!important}
html .nav-outer :is(.nav__account,.nav__toggle)::before{content:"";position:absolute;inset:6px;border-radius:50%;background:rgba(246,242,239,.08);box-shadow:inset 0 0 0 1px rgba(246,242,239,.18);transition:background .2s,box-shadow .2s}
html .nav-outer :is(.nav__account,.nav__toggle):is(:hover,:focus-visible){color:#113E2C!important;background:transparent!important}
html .nav-outer :is(.nav__account,.nav__toggle):is(:hover,:focus-visible)::before{background:#ABD481;box-shadow:none}
html .nav-outer :is(.nav__account,.nav__toggle) svg{position:relative;width:16px!important;height:16px!important;stroke-width:1.75}
@media(max-width:760px){html .nav-outer .nav{height:60px!important;min-height:60px!important;padding:0 14px!important;gap:6px!important}}
html .hero{padding-top:calc(64px + clamp(48px,6vw,96px))!important}
@media(max-width:760px){html .hero{padding-top:calc(60px + 40px)!important}}
html .nav-outer .nav__account{display:inline-flex!important}

/* ---- 14-Nov-2026 (Ann): larger CBK logo ---- */
html .nav-outer .nav__brand img{height:34px!important;width:auto!important}
@media(max-width:760px){html .nav-outer .nav__brand img{height:30px!important}}

/* ---- 14-Nov-2026 (Ann): compact photo hero on article, guide and hub pages. ---- */
.arthero.has-cover,.hero.has-cover{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(380px,48vh,520px)!important;display:flex!important;align-items:flex-end;background:#0C2A1E var(--hero-img) center/cover no-repeat!important;padding:calc(64px + clamp(48px,6vw,80px)) 0 clamp(36px,4vw,56px)!important;color:#F6F2EF}
.arthero.has-cover::before,.hero.has-cover::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.62) 42%,rgba(0,0,0,.18) 78%,rgba(0,0,0,.08) 100%)}
.has-cover>.wrap{width:100%;max-width:none!important;padding-inline:clamp(20px,6vw,86px)!important;position:relative}
.has-cover :is(.art-title,.display,h1){color:#F6F2EF!important;font-family:Manrope,sans-serif!important;font-weight:500!important;letter-spacing:-.035em!important;line-height:1.06!important;font-size:clamp(32px,4vw,62px)!important;max-width:1100px}
.has-cover :is(.art-dek,.lede,p){color:rgba(246,242,239,.86)!important;max-width:680px}
.has-cover :is(.art-cat,.eyebrow,.markets,.artback,.label){color:#ABD481!important;font-family:Manrope,sans-serif!important}
.has-cover .art-meta,.has-cover .art-meta *{color:rgba(246,242,239,.72)!important}
.has-cover .rule{background:rgba(171,212,129,.4)!important}
.has-cover .hero__mono-bg{display:none!important}
@media(max-width:760px){.arthero.has-cover,.hero.has-cover{min-height:340px!important;padding:calc(60px + 44px) 0 32px!important}.has-cover :is(.art-title,.display,h1){font-size:clamp(26px,7.6vw,38px)!important}}
/* Tool pages: thin photo band under the navbar. */
.tool-cover{position:relative;height:clamp(150px,22vh,240px);margin-top:64px;background:#0C2A1E var(--hero-img) center/cover no-repeat}
.tool-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,.1))}
@media(max-width:760px){.tool-cover{margin-top:60px;height:140px}}
.has-cover :is(.display,h1,.art-title) :is(em,i,.serif,.t-serif,.accent){font-family:Manrope,sans-serif!important;font-style:normal!important;font-weight:500!important;color:#ABD481!important}