/* CG183 · The bold redesign, shared by every inner page (approved Nov 2, 2026). Each page adds its own
   css/bold-<page>-cg18x.css after this one. Rules that must beat the site's three-id rules carry four ids. */
:root{--bd-ink:#0a1633;--bd-blue:#1559f5;--bd-deep:#1148d4;--bd-sky:#5b8cfa;--bd-mute:#b9c4dd;--bd-pale:#bfd0ff;--bd-mist:#f5f7fc;
  --bd-mono:"IBM Plex Mono",ui-monospace,monospace;
  --bd-field:radial-gradient(90% 70% at 50% 0%,#3f7bff 0%,rgba(21,89,245,0) 60%),linear-gradient(180deg,#1559f5 0%,#1148d4 55%,#0a1633 100%)}

/* Nav: the pill hugs its contents, so Say aloha sits inside it */
@media (min-width:1101px){
  html body header.px-head.px-head.px-head{width:max-content;max-width:calc(100% - 24px)}
  html body header.px-head.px-head.px-head .px-in{gap:24px;padding-right:8px!important}
}
.px-cta span[aria-hidden]{display:inline-block;line-height:1;transform:translateY(1px);font-size:15px}

.bd-k{margin:0;font:500 13px/1.3 var(--bd-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bd-pale)}

/* Chapter labels: 01 · NAME, mono; the hero kicker mono too */
html body main#main:not(#z1):not(#z2):not(#z3) .tg-num{font:500 13px/1.3 var(--bd-mono)!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--bd-blue)!important}
html body main#main:not(#z1):not(#z2):not(#z3) .tg-num>span{display:inline!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;color:var(--bd-ink)!important;font:inherit!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) .tg-num>span::after{content:"  \00B7  ";white-space:pre}
html body main#main:not(#z1):not(#z2):not(#z3) .tg-num.w{color:var(--bd-pale)!important}
html body main#main:not(#z1):not(#z2):not(#z3) .tg-num.w>span{color:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) .tg-pghero .px-kick,html body main#main:not(#z1):not(#z2):not(#z3) .tg-pghero .tg-num{font:500 13px/1.3 var(--bd-mono)!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--bd-pale)!important}
html body main#main:not(#z1):not(#z2):not(#z3) .tg-pghero .tg-num>span{color:#fff!important}

/* Hero field: blue to navy */
html body main#main:not(#z1):not(#z2):not(#z3) section.tg-pghero{background:var(--bd-field)!important;background-color:#1559f5!important}
html body main#main:not(#z1):not(#z2):not(#z3) section.tg-pghero .tg-bl{display:none}
html body main#main:not(#z1):not(#z2):not(#z3) section.tg-pghero h1 em{font-style:normal;color:#9dbbff}
@media (min-width:761px){
  html body main#main:not(#z1):not(#z2):not(#z3) section.tg-pghero h1{font-size:clamp(80px,10.4vw,150px)!important;letter-spacing:-.047em!important;line-height:.9!important;max-width:none!important}
  html body main#main:not(#z1):not(#z2):not(#z3) section:not(.tg-pghero):not(.bd-close) h2[id]{font-size:clamp(48px,6vw,86px)!important;letter-spacing:-.042em!important;line-height:.95!important}
}

/* The close: Steven alone, head and shoulders in frame. Laptops: the right half, fading into the blue, the words left.
   Phones: its own block above the words. */
html body main#main:not(#z1):not(#z2):not(#z3) .bd-close{position:relative;overflow:hidden;background:linear-gradient(90deg,#1148d4 0%,#1559f5 50%)!important}
html body main#main:not(#z1):not(#z2):not(#z3) .bd-close .tg-bl{display:none}
.bd-close-ph{margin:0}
.bd-close-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
@media (min-width:761px){
  .bd-close-ph{position:absolute;top:0;right:0;bottom:0;width:46%;z-index:0}
  .bd-close-ph img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 40%);mask-image:linear-gradient(90deg,transparent 0%,#000 40%)}
  html body main#main:not(#z1):not(#z2):not(#z3) .bd-close .bd-close-in{position:relative;z-index:1;text-align:left;margin-left:max(24px,calc(50% - 544px));margin-right:0;max-width:min(600px,50%);padding-left:0;padding-right:0}
  html body main#main:not(#z1):not(#z2):not(#z3) .bd-close .bd-close-in>*{margin-left:0;margin-right:0;justify-content:flex-start;text-align:left}
  html body main#main:not(#z1):not(#z2):not(#z3) .bd-close h2{font-size:clamp(48px,5.6vw,80px)!important;max-width:none!important}
}
@media (max-width:760px){
  html body main#main:not(#z1):not(#z2):not(#z3) .bd-close{padding-top:0!important}
  .bd-close-ph{height:400px;margin:0 0 40px}
}

/* Full-bleed photo bands shared by the pages */
.bd-band{position:relative;overflow:hidden;background:var(--bd-ink);color:#fff}
.bd-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bd-band .bd-band-sc{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,51,0) 35%,rgba(10,22,51,.88) 100%)}
.bd-band .bd-band-in{position:absolute;z-index:1;left:max(24px,calc(50% - 544px));right:24px;bottom:80px;max-width:980px}
html body main#main:not(#z1):not(#z2):not(#z3) .bd-band h2,html body main#main:not(#z1):not(#z2):not(#z3) .bd-band blockquote{margin:24px 0 0;font:800 clamp(48px,6.4vw,92px)/.95 Rubik,sans-serif!important;letter-spacing:-.043em!important;color:#fff!important;max-width:none!important;quotes:none}
.bd-band p{font:400 20px/1.55 Rubik,sans-serif;color:#d5ddf0;margin:24px 0 0;max-width:520px}

/* Phone (390): the October app shell stays; new parts read native */
@media (max-width:760px){
  html body main#main:not(#z1):not(#z2):not(#z3) section.tg-pghero{background:radial-gradient(120% 60% at 50% 0%,#3f7bff 0%,rgba(21,89,245,0) 62%),linear-gradient(180deg,#1559f5 0%,#1148d4 55%,#0a1633 100%)!important;color:#fff!important}
  html body main#main:not(#z1):not(#z2):not(#z3) section.tg-pghero h1{color:#fff!important;font-size:clamp(48px,15vw,60px)!important;letter-spacing:-.045em!important;line-height:.92!important}
  html body main#main:not(#z1):not(#z2):not(#z3) section:not(.tg-pghero) h2[id]{font-size:40px!important;letter-spacing:-.04em!important;line-height:.98!important}
  html.sh-on body main#main:not(#z1):not(#z2):not(#z3) .tg-num.ap-sh{border-bottom:1px solid #e3e8f2}
  html.sh-on body main#main:not(#z1):not(#z2):not(#z3) section.tg-pghero h1 em,html.sh-on body main#main:not(#z1):not(#z2):not(#z3) section.tg-pghero h1 em *{color:#9dbbff!important;-webkit-text-fill-color:#9dbbff!important;background:none!important}
  html.sh-on body main#main:not(#z1):not(#z2):not(#z3) section.tg-pghero :is(.px-dek,.tg-pgdek,.rlede){color:#dbe5ff!important}
  .bd-band{height:auto!important;display:flex;flex-direction:column}
  .bd-band>img{position:static;height:420px}
  .bd-band .bd-band-sc{display:none}
  .bd-band .bd-band-in{position:static;padding:32px 20px 40px}
  html body main#main:not(#z1):not(#z2):not(#z3) .bd-band h2,html body main#main:not(#z1):not(#z2):not(#z3) .bd-band blockquote{font-size:40px!important}
  .bd-band p{font-size:17px}
  .cai-pill{min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}
}