/* GUH two-color palette: sky blue #9bd8f6 + warm cream #f7f5f0.
   Loaded last on every page so it overrides the inline styles.
   Text uses soft slate tints (not black) to keep contrast gentle. */
:root{
  --ink:#34464f;--body:#5a676e;--muted:#626e74;--line:#e4e9eb;
  --cream:#f7f5f0;--cream-2:#f7f5f0;--paper:#ffffff;
  --gold:#9bd8f6;--gold-text:#3f6c83;--gold-deep:#3f6c83;
  --outlook-ink:#34464f;--outlook-body:#5a676e;--outlook-eyebrow:#3f6c83;
  --taupe:#626e74;--taupe-2:#e6f3f9;--taupe-3:#f7f5f0;
  --water:#3f6c83;--water-deep:#3f6c83;--water-soft:#eef7fb;
  --water-light:#9bd8f6;--water-pale:#f0f8fc;
}
::selection{background:#9bd8f6;color:var(--ink)}

/* hero (video) : softer overlay, blue accents */
.hero-fallback{background:linear-gradient(120deg,#9bd8f6 0%,#bfe6f9 100%)}
.hero::after{background:linear-gradient(100deg,rgba(30,42,49,.7) 0%,rgba(30,42,49,.62) 45%,rgba(30,42,49,.15) 85%)}
/* sky accent only on large h1 text (3:1 over brightest frames); small text stays white */
.hero h1 em{color:#9bd8f6}
.hero-eyebrow b{color:#fff}
.hero p,.band p{color:#fff;text-shadow:0 1px 14px rgba(30,42,49,.45)}

/* page heroes: light blue, very subtle gradient, slate text */
.page-hero{background:linear-gradient(135deg,#9bd8f6 0%,#b4e2f8 100%)}
.page-hero::after{background:none}
.page-hero h1{color:var(--ink)}
.page-hero p{color:#2e3f47}
.page-hero a,.page-hero span,.page-hero li{color:#2e3f47}

/* stats band */
.standing{background:linear-gradient(180deg,#9bd8f6 0%,#aadef7 100%)}
.cell .num,.cell .num span,.cell .label{color:var(--ink)}
.standing .cell p{color:#2e3f47}
.standing .cell+.cell{border-color:rgba(52,70,79,.15)}

/* approach steps: blue tints only */
.step.s1{background:#f0f8fc}
.step.s2{background:#dcf0fa}
.step.s3{background:#cdebfa}
.step.s1 h3,.step.s2 h3,.step.s3 h3{color:var(--ink)}
.step.s2 p,.step.s3 p{color:var(--body)}

/* image band: lighter scrim */
.band::before{background:linear-gradient(90deg,rgba(30,42,49,.66) 0%,rgba(30,42,49,.58) 45%,rgba(30,42,49,.12) 85%)}
.band .kicker{color:#fff}

/* outlook: cream to pale blue */
.outlook{background:linear-gradient(180deg,#f7f5f0 0%,#eef7fb 100%);color:var(--ink)}
.outlook .eyebrow{color:var(--ink)}
.outlook h2{color:var(--water-deep)}
.outlook p{color:var(--body)}
.outlook .btn{background:#9bd8f6;color:var(--ink)}
.outlook .btn:hover{background:#b4e2f8;color:var(--ink)}

/* buttons */
.btn:hover,.btn.solid{background:#9bd8f6;color:var(--ink)}
.btn.solid:hover{background:#b4e2f8}

/* footer: cream with a faint blue wash */
footer{background:linear-gradient(180deg,#f7f5f0 0%,#eaf5fa 100%);color:var(--body)}
.foot-brand .dvl,.foot-top h5{color:var(--ink)}
.foot-brand p,.foot-top address,.foot-top address .reg,.foot-top nav a,.foot-bottom{color:var(--body)}
.foot-top nav a:hover,.foot-top address a:hover,.foot-bottom .lk a:hover{color:var(--ink)}
.foot-top{border-bottom-color:var(--line)}
.foot-brand img{filter:brightness(0) invert(50%)}  /* match the grey header logo */
footer strong,footer b{color:var(--ink)!important}
footer address a,footer .lk a{color:var(--ink)}
/* rule: sky #9bd8f6 is a surface only; text on it is always slate #2e3f47 */
.standing .eyebrow{color:#2e3f47}

/* cross-page audit fixes */
.lockup .dv{color:#626e74}
.standing-lead .lead-num{color:#2e3f47}
.field input,.field textarea{border-color:#87939a}
.field input::placeholder,.field textarea::placeholder{color:#626e74}

/* hover-state fixes */
.totop:hover{color:var(--ink)}
.foot-top nav a::after{background:#3f6c83}
.article-aside .cta:hover{background:#9bd8f6;color:var(--ink)}
button.btn[type="submit"]:hover{background:#9bd8f6!important;color:var(--ink)!important}

/* step card titles (.n) were white/gold from the old dark step 3 */
.step.s1 .n,.step.s2 .n,.step.s3 .n{color:var(--ink)}
.step.s3 .gh{color:rgba(52,70,79,.08)}

/* stats band cleanup: no staggered/tinted middle card, even alignment, soft dividers */
.standing .cell,.standing .cell:nth-child(2){transform:none;background:none;border-radius:0}
.standing .cell+.cell{border-left:1px solid rgba(52,70,79,.14);border-top:0}
.standing .cell .num{font-size:30px;margin-bottom:6px}
.standing .cell .label{letter-spacing:.12em;font-style:normal;margin-bottom:8px}
.standing .cell p{color:#3e4f57}
@media(max-width:920px){.standing .cell+.cell{border-left:0;border-top:1px solid rgba(52,70,79,.14)}}
/* top-align stats; stretch so dividers run full height */
@media(min-width:921px){.standing .cred-grid{align-items:stretch}}

/* Division at a glance on phones: cells fit the screen instead of a fixed 360px width. */
@media(max-width:920px){
  .standing .cred-grid{width:100%}
  .standing .cell{width:100%;max-width:440px;flex:0 0 auto;padding:22px 20px}
  .standing .cell p{max-width:34ch;margin-left:auto;margin-right:auto}
}