/* Features: server-rendered pages, using the shared CheckInBuddy design system. */
.cbf-page { padding-bottom: 20px; }
.cbf-breadcrumb { display: flex; align-items: center; gap: 10px; padding-top: 20px; font-size: 12px; color: var(--cbh-muted); }
.cbf-breadcrumb a:hover { color: var(--cbh-blue); }
.cbf-breadcrumb .cbh-icon { width: 12px; height: 12px; color: #8b96af; }
.cbf-breadcrumb [aria-current] { color: var(--cbh-ink); }
.cbf-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; padding: 44px 0 70px; }
.cbf-hero-copy { min-width: 0; }
.cbf-hero h1 { margin: 0 0 24px; font-size: clamp(36px, 3.4vw, 49px); line-height: 1.09; letter-spacing: -2.4px; font-weight: 700; }
.cbf-hero h1 span { color: var(--cbh-blue); }
.cbf-hero .cbh-lead { font-size: 18px; max-width: 460px; }
.cbf-hero .cbh-actions { gap: 24px; }
.cbf-hero .cbh-link { font-size: 14px; }
.cbf-hero-note { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin: 23px 0 0; font-size: 11px; color: var(--cbh-muted); }
.cbf-hero-note .cbh-icon { width: 16px; height: 16px; }
.cbf-workspace { min-width: 0; margin: 0; border: 1px solid #dae5f6; border-radius: 14px; background: #fff; box-shadow: 0 18px 55px #2766b611, 0 3px 8px #12357508; overflow: hidden; }
.cbf-windowbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 17px; border-bottom: 1px solid var(--cbh-line); font-size: 10px; color: var(--cbh-muted); background: #fbfcff; }
.cbf-window-dots { display: flex; gap: 5px; }
.cbf-window-dots i { width: 6px; height: 6px; border-radius: 50%; background: #d5dff0; }
.cbf-sample { border: 1px solid #dbe6f7; border-radius: 4px; padding: 2px 6px; color: #536993; font-size: 9px; }
.cbf-workspace-body { display: grid; grid-template-columns: 58px minmax(0, 1fr); }
.cbf-sidebar { display: flex; flex-direction: column; align-items: center; gap: 9px; border-right: 1px solid var(--cbh-line); padding: 16px 8px; }
.cbf-sidebar > span:not(.cbf-sidebar-brand) { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 7px; }
.cbf-sidebar .cbh-icon { width: 17px; height: 17px; color: #7c8ba8; }
.cbf-sidebar .is-selected { background: #eaf2ff; }
.cbf-sidebar .is-selected .cbh-icon { color: var(--cbh-blue); }
.cbf-sidebar-brand { font-size: 23px; font-weight: 800; letter-spacing: -2px; margin-bottom: 10px; }
.cbf-sidebar-last { margin-top: auto; }
.cbf-dashboard { min-width: 0; padding: 22px; background: linear-gradient(140deg, #f9fbff, #fff 70%); }
.cbf-dashboard-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-bottom: 20px; }
.cbf-dashboard-heading p { margin: 0 0 5px; font-size: 8px; letter-spacing: 1px; color: var(--cbh-muted); }
.cbf-dashboard-heading h2 { font-size: 19px; letter-spacing: -.6px; line-height: 1.2; margin: 0; font-weight: 600; }
.cbf-avatar { display: grid; place-items: center; flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%; font-size: 9px; font-weight: 600; background: #e7efff; color: #285dad; }
.cbf-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 18px; }
.cbf-metrics > div { display: grid; justify-items: start; padding: 13px; border: 1px solid #e5ecf7; border-radius: 8px; background: #fff; }
.cbf-metrics .cbh-icon { width: 18px; height: 18px; margin-bottom: 10px; }
.cbf-metrics span { font-size: 9px; color: var(--cbh-muted); }
.cbf-metrics strong { font-size: 27px; font-weight: 650; letter-spacing: -1px; line-height: 1.35; }
.cbf-metrics small { font-size: 18px; font-weight: 500; }
.cbf-arrivals { border: 1px solid #e5ecf7; border-radius: 8px; padding: 13px; background: #fff; }
.cbf-arrivals h3 { display: flex; justify-content: space-between; align-items: center; font-size: 11px; margin: 0 0 10px; font-weight: 600; }
.cbf-arrivals h3 > span { color: var(--cbh-muted); font-size: 9px; font-weight: 400; }
.cbf-arrival { display: flex; align-items: center; gap: 9px; padding: 10px 0; border-bottom: 1px solid #edf1f8; }
.cbf-arrival:last-child { border-bottom: 0; padding-bottom: 1px; }
.cbf-guest-avatar { display: grid; place-items: center; width: 29px; height: 29px; flex-shrink: 0; border-radius: 8px; color: #37689e; background: #e9f3ff; font-size: 9px; }
.cbf-lilac { background: #f0ecff; color: #6c54a4; }
.cbf-sand { background: #fff3df; color: #896521; }
.cbf-arrival strong { display: block; font-size: 10px; font-weight: 600; }
.cbf-arrival small { display: block; color: var(--cbh-muted); font-size: 9px; margin-top: 2px; }
.cbf-status { margin-left: auto; background: #e8f7ef; color: #317451; border-radius: 4px; padding: 4px 7px; font-size: 8px; white-space: nowrap; }
.cbf-status-pending { background: #fff5df; color: #886217; }
.cbf-dashboard-note { display: flex; gap: 7px; align-items: center; margin-top: 15px; font-size: 9px; color: var(--cbh-muted); }
.cbf-dashboard-note .cbh-icon { width: 14px; height: 14px; }
.cbf-workspace figcaption { text-align: center; border-top: 1px solid var(--cbh-line); padding: 10px; font-size: 9px; color: var(--cbh-muted); }
.cbf-library { border-top: 1px solid var(--cbh-line); padding-top: 46px; }
.cbf-library-heading, .cbf-group-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; }
.cbf-library-heading h2, .cbf-flow h2, .cbf-next h2 { font-size: 35px; letter-spacing: -1.4px; line-height: 1.15; font-weight: 650; margin: 0; }
.cbf-library-heading .cbh-eyebrow { margin-bottom: 10px; }
.cbf-library-heading > p { color: var(--cbh-muted); font-size: 14px; margin: 0; flex-shrink: 0; }
.cbf-filters { display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0 17px; }
.cbf-filters a { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 11px 17px; min-height: 44px; border: 1px solid var(--cbh-line); border-radius: 7px; font-size: 13px; color: #495a83; transition: background .2s, border-color .2s; }
.cbf-filters .cbh-icon { width: 17px; height: 17px; color: inherit; }
.cbf-filters a > span { display: inline-grid; place-items: center; min-width: 23px; height: 21px; border-radius: 4px; font-size: 10px; background: #eef3fa; }
.cbf-filters a:hover { background: #f3f7ff; border-color: #aecaff; }
.cbf-filters [aria-current] { color: #fff; background: var(--cbh-blue); border-color: var(--cbh-blue); }
.cbf-filters [aria-current]:hover { background: #0058e8; }
.cbf-filters [aria-current] > span { background: #ffffff26; }
.cbf-result-count { color: var(--cbh-muted); font-size: 11px; margin: 0 0 34px; }
.cbf-group { padding: 0 0 42px; }
.cbf-group + .cbf-group { padding-top: 30px; border-top: 1px solid var(--cbh-line); }
.cbf-group-heading { margin-bottom: 24px; }
.cbf-group-heading .cbh-eyebrow { color: var(--cbh-blue); margin: 0 0 9px; font-size: 10px; }
.cbf-group-heading h3 { font-size: 26px; font-weight: 600; letter-spacing: -.9px; line-height: 1.2; margin: 0; }
.cbf-group-heading > p { max-width: 340px; font-size: 13px; color: var(--cbh-muted); margin: 0; }
.cbf-feature-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; }
.cbf-feature-card { display: flex; flex-direction: column; align-items: flex-start; padding: 23px 21px 20px; border: 1px solid var(--cbh-line); border-radius: 10px; background: linear-gradient(145deg, #fff 60%, #f8fbff); transition: border-color .2s, box-shadow .2s; }
.cbf-feature-card:has(a):hover, .cbf-feature-card:focus-within { border-color: #a6c7fd; box-shadow: 0 7px 25px #236dd00c; }
.cbf-feature-icon { display: grid; place-items: center; width: 42px; height: 42px; background: #edf4ff; border-radius: 9px; margin-bottom: 19px; }
.cbf-feature-icon .cbh-icon { width: 23px; height: 23px; }
.cbf-feature-card h4 { font-size: 17px; font-weight: 600; letter-spacing: -.45px; line-height: 1.3; margin: 0 0 11px; }
.cbf-feature-card > p { color: var(--cbh-muted); font-size: 13px; line-height: 1.6; margin: 0 0 20px; }
.cbf-card-link { display: inline-flex; align-items: center; gap: 11px; font-size: 12px; color: var(--cbh-blue); margin-top: auto; min-height: 32px; }
.cbf-card-link .cbh-icon { width: 16px; height: 16px; }
.cbf-card-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.cbf-connected { display: flex; align-items: center; gap: 5px; margin-top: auto; color: var(--cbh-muted); font-size: 9px; min-height: 32px; }
.cbf-connected .cbh-icon { width: 13px; height: 13px; }
.cbf-flow { display: grid; grid-template-columns: .9fr 2fr; gap: 40px; padding: 45px 0 52px; border-block: 1px solid var(--cbh-line); }
.cbf-flow h2 { font-size: 31px; margin-bottom: 22px; }
.cbf-flow .cbh-eyebrow { margin-bottom: 12px; }
.cbf-flow .cbh-link { font-size: 13px; gap: 9px; }
.cbf-flow-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; padding: 0; margin: 0; list-style: none; }
.cbf-flow-steps li { position: relative; padding: 30px 0 0; }
.cbf-step-number { position: absolute; top: 0; font-size: 10px; color: var(--cbh-muted); }
.cbf-flow-steps li::before { content: ''; position: absolute; top: 7px; left: 26px; right: 0; border-top: 1px solid #d8e5fb; }
.cbf-flow-steps .cbh-icon { width: 29px; height: 29px; margin-bottom: 15px; }
.cbf-flow-steps h3 { font-size: 16px; letter-spacing: -.4px; font-weight: 600; line-height: 1.3; margin: 0 0 10px; }
.cbf-flow-steps p { color: var(--cbh-muted); font-size: 12px; line-height: 1.65; margin: 0; }
.cbf-next { display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 40px; margin: 45px 0 25px; border: 1px solid #e0eaff; border-radius: 13px; background: linear-gradient(110deg, #f4f8ff, #fff); }
.cbf-next .cbh-eyebrow { margin-bottom: 11px; }
.cbf-next h2 { font-size: 31px; }
.cbf-next p:not(.cbh-eyebrow) { margin: 13px 0 0; color: var(--cbh-muted); font-size: 14px; }
.cbf-next-actions { display: flex; flex-direction: column; align-items: center; gap: 15px; flex-shrink: 0; }
.cbf-next .cbh-button { font-size: 14px; }
.cbf-next .cbh-link { font-size: 13px; }
@media (max-width: 1150px) {
  .cbf-hero { gap: 30px; }
  .cbf-hero h1 { font-size: 40px; letter-spacing: -1.9px; }
  .cbf-hero .cbh-lead { font-size: 16px; }
  .cbf-hero .cbh-actions { gap: 18px; }
  .cbf-hero .cbh-button { padding-inline: 17px; font-size: 14px; }
  .cbf-dashboard { padding: 17px; }
  .cbf-feature-grid { gap: 13px; }
  .cbf-feature-card { padding: 20px 16px 15px; }
  .cbf-feature-card h4 { font-size: 16px; }
  .cbf-group-heading > p { max-width: 285px; }
  .cbf-connected { font-size: 8px; }
  .cbf-next { padding: 30px; }
}
@media (max-width: 900px) {
  .cbf-hero { gap: 24px; padding-block: 35px 48px; }
  .cbf-hero h1 { font-size: 35px; letter-spacing: -1.6px; }
  .cbf-hero .cbh-actions { gap: 15px; }
  .cbf-hero .cbh-lead { font-size: 16px; }
  .cbf-workspace-body { grid-template-columns: 43px minmax(0, 1fr); }
  .cbf-sidebar { padding-inline: 4px; }
  .cbf-dashboard { padding: 14px; }
  .cbf-dashboard-heading h2 { font-size: 16px; }
  .cbf-metrics { gap: 7px; }
  .cbf-metrics > div { padding: 10px; }
  .cbf-metrics strong { font-size: 24px; }
  .cbf-arrival { gap: 7px; }
  .cbf-arrivals { padding: 10px; }
  .cbf-library-heading h2 { font-size: 31px; }
  .cbf-library-heading > p { font-size: 12px; }
  .cbf-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .cbf-feature-card { padding: 23px; }
  .cbf-feature-card h4 { font-size: 18px; }
  .cbf-feature-card > p { font-size: 14px; }
  .cbf-connected { font-size: 10px; }
  .cbf-group-heading h3 { font-size: 24px; }
  .cbf-group-heading > p { max-width: 240px; font-size: 12px; }
  .cbf-flow { grid-template-columns: 1fr; gap: 30px; }
  .cbf-flow h2 br { display: none; }
  .cbf-flow h2 { margin-bottom: 16px; }
  .cbf-next { align-items: flex-start; }
  .cbf-next h2 { font-size: 27px; }
  .cbf-next-actions { flex-shrink: 1; min-width: 220px; }
}
@media (max-width: 700px) {
  .cbf-breadcrumb { padding-top: 16px; font-size: 11px; }
  .cbf-hero { grid-template-columns: 1fr; gap: 32px; padding: 30px 0 38px; }
  .cbf-hero h1 { font-size: clamp(32px, 7.6vw, 46px); letter-spacing: -1.6px; }
  .cbf-hero .cbh-lead { font-size: 17px; }
  .cbf-hero-note { font-size: 10px; margin-top: 19px; }
  .cbf-workspace { width: min(100%, 520px); margin-inline: auto; }
  .cbf-workspace-body { grid-template-columns: 46px minmax(0, 1fr); }
  .cbf-dashboard { padding: 17px; }
  .cbf-windowbar { padding: 11px 14px; }
  .cbf-workspace figcaption { font-size: 8px; }
  .cbf-library { padding-top: 32px; }
  .cbf-library-heading, .cbf-group-heading { display: block; }
  .cbf-library-heading h2 { font-size: 29px; }
  .cbf-library-heading > p { margin-top: 14px; font-size: 14px; }
  .cbf-library-heading > p br { display: none; }
  .cbf-filters { gap: 8px; margin-top: 24px; }
  .cbf-filters a { font-size: 12px; padding: 10px 13px; }
  .cbf-result-count { margin-bottom: 30px; }
  .cbf-group-heading h3 { font-size: 25px; max-width: 450px; }
  .cbf-group-heading > p { max-width: 460px; margin-top: 12px; font-size: 14px; }
  .cbf-feature-card { padding: 19px; }
  .cbf-feature-card h4 { font-size: 17px; }
  .cbf-connected { font-size: 9px; }
  .cbf-group { padding-bottom: 30px; }
  .cbf-group + .cbf-group { padding-top: 30px; }
  .cbf-flow { padding-block: 32px; }
  .cbf-flow h2 { font-size: 29px; }
  .cbf-flow-steps { gap: 17px; }
  .cbf-flow-steps h3 { font-size: 15px; }
  .cbf-next { display: block; padding: 27px 24px; margin-block: 30px 10px; }
  .cbf-next h2 { font-size: 29px; }
  .cbf-next-actions { align-items: flex-start; margin-top: 24px; gap: 18px; }
}
@media (max-width: 480px) {
  .cbf-feature-grid { grid-template-columns: 1fr; gap: 12px; }
  .cbf-feature-card { position: relative; padding: 22px; }
  .cbf-feature-icon { width: 38px; height: 38px; margin-bottom: 16px; }
  .cbf-feature-card h4 { font-size: 19px; }
  .cbf-feature-card > p { margin-bottom: 16px; }
  .cbf-card-link { min-height: 36px; font-size: 13px; }
  .cbf-connected { font-size: 10px; min-height: 24px; }
  .cbf-flow-steps { grid-template-columns: 1fr; gap: 22px; }
  .cbf-flow-steps li { padding: 0 0 0 51px; }
  .cbf-flow-steps li::before { left: 14px; top: 35px; bottom: -12px; right: auto; border-top: 0; border-left: 1px solid #d8e5fb; }
  .cbf-flow-steps li:last-child::before { display: none; }
  .cbf-flow-steps li > .cbh-icon { position: absolute; left: 0; top: 1px; }
  .cbf-flow-steps .cbf-step-number { position: static; display: block; margin-bottom: 4px; }
  .cbf-flow-steps h3 { font-size: 18px; margin-bottom: 7px; }
  .cbf-flow-steps p { font-size: 14px; }
}
@media (max-width: 380px) {
  .cbf-hero h1 { font-size: 31px; letter-spacing: -1.5px; }
  .cbf-hero .cbh-actions { gap: 16px; }
  .cbf-hero .cbh-link { font-size: 12px; gap: 6px; }
  .cbf-hero .cbh-button { padding-inline: 12px; font-size: 13px; gap: 8px; }
  .cbf-workspace-body { grid-template-columns: 34px minmax(0, 1fr); }
  .cbf-sidebar > span:not(.cbf-sidebar-brand) { width: 26px; height: 30px; }
  .cbf-sidebar-brand { font-size: 20px; }
  .cbf-dashboard { padding: 11px; }
  .cbf-dashboard-heading { gap: 8px; }
  .cbf-dashboard-heading h2 { font-size: 14px; }
  .cbf-avatar { width: 25px; height: 25px; }
  .cbf-metrics > div { padding: 8px; }
  .cbf-metrics strong { font-size: 21px; }
  .cbf-metrics small { font-size: 15px; }
  .cbf-metrics span { font-size: 8px; }
  .cbf-guest-avatar { width: 24px; height: 24px; font-size: 8px; }
  .cbf-arrival strong { font-size: 9px; }
  .cbf-arrival small { font-size: 8px; }
  .cbf-status { font-size: 7px; padding: 3px 4px; }
  .cbf-dashboard-note { font-size: 8px; }
  .cbf-windowbar { font-size: 9px; gap: 7px; padding-inline: 10px; }
  .cbf-filters a { font-size: 11px; padding-inline: 11px; gap: 7px; }
  .cbf-next { padding: 24px 20px; }
  .cbf-next .cbh-button { font-size: 13px; padding-inline: 15px; }
}

/* Unified inner-page presentation */
.cbf-page,.cbf-page *,.cbf-page *::before,.cbf-page *::after{box-sizing:border-box;letter-spacing:0}.cbf-page{padding:0;background:#fff;color:var(--cbh-ink)}
.cbf-hero{position:relative;isolation:isolate;display:flex;min-height:620px;align-items:center;padding:90px 0;background:#111827;color:#fff;overflow:hidden}.cbf-hero::before{position:absolute;z-index:-2;inset:0;background-image:var(--cbf-hero-image-desktop);background-position:center;background-size:cover;content:""}.cbf-hero::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(8,20,51,.97) 0%,rgba(11,28,67,.87) 38%,rgba(12,25,54,.28) 70%,rgba(10,20,43,.1) 100%);content:""}.cbf-hero-inner{width:100%}.cbf-hero-copy{max-width:750px}.cbf-hero .cbh-eyebrow{color:#c7d4f4}.cbf-hero h1{max-width:750px;margin:0 0 24px;color:#fff;font-size:clamp(48px,5.5vw,78px);font-weight:750;line-height:1.02}.cbf-hero .cbh-lead{max-width:620px;margin:0 0 30px;color:#e1e7f4;font-size:17px;line-height:1.7}.cbf-hero .cbh-button{background:#fff;color:#1e3a8a}.cbf-hero .cbh-button:hover{background:#dfe7fa;color:#1e3a8a}.cbf-hero .cbh-link{color:#fff;font-size:13px}
.cbf-library{padding-block:92px;border:0}.cbf-library-heading,.cbf-group-heading{display:grid;grid-template-columns:1fr .55fr;gap:80px;align-items:end}.cbf-library-heading h2{font-size:clamp(36px,4vw,55px);font-weight:750;line-height:1.08}.cbf-library-heading>p{max-width:440px;color:var(--cbh-muted);font-size:15px;line-height:1.7}.cbf-filters{gap:8px;margin:34px 0 16px}.cbf-filters a{min-height:42px;border-radius:4px;padding:10px 14px}.cbf-group{padding:30px 0 58px}.cbf-group+.cbf-group{padding-top:55px}.cbf-group-heading{margin-bottom:28px}.cbf-group-heading h3{font-size:29px;font-weight:700;line-height:1.2}.cbf-group-heading>p{max-width:440px;font-size:13px;line-height:1.65}.cbf-feature-grid{gap:0;border-top:1px solid var(--cbh-line);border-left:1px solid var(--cbh-line)}.cbf-feature-card{min-height:265px;border:0;border-right:1px solid var(--cbh-line);border-bottom:1px solid var(--cbh-line);border-radius:0;padding:27px;background:#fff;box-shadow:none}.cbf-feature-card:has(a):hover,.cbf-feature-card:focus-within{border-color:var(--cbh-line);background:#f7f8fc;box-shadow:none}.cbf-feature-icon{width:38px;height:38px;margin-bottom:44px;border-radius:5px;background:#edf1fb}.cbf-feature-card h4{font-size:19px;font-weight:700}.cbf-flow{padding-block:82px;border-block:1px solid var(--cbh-line)}.cbf-flow h2{font-size:clamp(34px,3.7vw,52px);font-weight:750;line-height:1.08}.cbf-next{display:block;margin:0;padding:78px 0;border:0;border-radius:0;background:#111827;color:#fff}.cbf-next-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:70px}.cbf-next .cbh-eyebrow{color:#aebde2}.cbf-next h2{max-width:760px;color:#fff;font-size:clamp(38px,4.2vw,57px);font-weight:750;line-height:1.08}.cbf-next p:not(.cbh-eyebrow){color:#d5ddef}.cbf-next-actions{align-items:flex-end}.cbf-next .cbh-link{color:#fff}.cbf-next .cbh-button{background:#fff;color:#1e3a8a}
@media(max-width:900px){.cbf-hero{min-height:580px;padding:72px 0}.cbf-hero::before{background-position:62% center}.cbf-hero::after{background:linear-gradient(90deg,rgba(8,20,51,.97) 0%,rgba(11,28,67,.89) 60%,rgba(12,25,54,.45) 100%)}.cbf-library-heading,.cbf-group-heading{grid-template-columns:1fr;gap:18px}.cbf-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cbf-next-inner{align-items:flex-start;flex-direction:column;gap:32px}.cbf-next-actions{align-items:flex-start}}
@media(max-width:600px){.cbf-hero{min-height:560px;padding:64px 0}.cbf-hero::before{background-position:68% center}.cbf-hero::after{background:linear-gradient(90deg,rgba(8,20,51,.97),rgba(11,28,67,.84))}.cbf-hero h1{font-size:40px}.cbf-hero .cbh-lead{font-size:15px}.cbf-hero .cbh-actions{align-items:flex-start;flex-direction:column;gap:16px}.cbf-library{padding-block:65px}.cbf-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.cbf-filters a{flex:0 0 auto}.cbf-group{padding-bottom:42px}.cbf-feature-grid{grid-template-columns:1fr}.cbf-feature-card{min-height:225px}.cbf-feature-icon{margin-bottom:32px}.cbf-flow{padding-block:65px}.cbf-next{padding:60px 0}.cbf-next-inner{padding:0}.cbf-next-actions,.cbf-next .cbh-button{width:100%}}
@media(max-width:380px){.cbf-hero h1{font-size:35px}}

/* Match homepage hero spacing */
.cbf-hero{min-height:650px;padding:70px 0 44px}
@media(max-width:900px){.cbf-hero{min-height:650px;padding:70px 0 44px}}
@media(max-width:600px){.cbf-hero{min-height:590px;padding:64px 0}}
.cbf-hero-inner.cbh-shell{width:min(1240px,calc(100% - 64px))}
@media(max-width:1050px){.cbf-hero-inner.cbh-shell{width:calc(100% - 48px)}}
@media(max-width:600px){.cbf-hero-inner.cbh-shell{width:calc(100% - 32px)}}
@media(max-width:380px){.cbf-hero-inner.cbh-shell{width:calc(100% - 24px)}}

/* Mobile photography follows the homepage: subject above, story anchored below. */
@media(max-width:600px){
  .cbf-hero{align-items:flex-end;min-height:590px;padding:170px 0 48px}
  .cbf-hero::before{background-position:center top}
  .cbf-hero::after{background:linear-gradient(0deg,rgba(8,20,51,.98) 0%,rgba(11,28,67,.94) 43%,rgba(12,25,54,.52) 72%,rgba(10,20,43,.12) 100%)}
  .cbf-hero-copy{width:100%}
}
@media(max-width:900px){.cbf-hero::before{background-image:var(--cbf-hero-image-tablet);background-position:center top}}
@media(max-width:600px){.cbf-hero::before{background-image:var(--cbf-hero-image-mobile);background-position:center top}}