#her { visibility: hidden; }
#bgreel { background-image: url("/site/home-ramp/scroll-frames/original12/000.webp"); }
.program-stage[data-compact] { --metric-column: clamp(128px,12vw,216px); --metric-gap: 16px; --metric-inset: 20px; }
#ubi-stage:not(.is-fallback) #ubi-flight-fallback { display: none; }
#ubi-stage.is-fallback #ubi-flight-fallback { display: block; }
.hero .actions #watch-intro { border: 0; background: transparent; color: var(--ink); padding: 10px 0; font: 500 17px/1.4 var(--text); text-decoration: underline; text-underline-offset: 5px; cursor: pointer; }
.hero-film { overflow: hidden; }
.hero-film iframe { height: 100%; min-height: 0; }
.program-stage[data-compact] .program-role { display: none; }
.program-stage[data-compact] .program-benefits .program-review-heading { display: none; }
.program-stage[data-compact] .program-biology { justify-content: center; padding: 20px 0; }
.program-stage[data-compact] .program-biology > img { display: block; width: 100%; height: 100%; max-height: 235px; object-fit: contain; border: 0; border-radius: 12px; background: #edf5fa; }
.program-stage[data-compact] .program-benefit { grid-template-columns: 100px minmax(0,1fr); padding: 12px 0; align-items: center; }
.program-stage[data-compact] .program-benefit strong { font-size: 44px; align-self: center; }
.program-stage[data-compact] .program-benefit h4 { font-size: 17px; }
.program-stage[data-compact] .program-benefit-scope { margin-top: 12px; }
.program-stage[data-compact] .program-staff-heading { grid-template-columns: 116px minmax(0,1fr); gap: 8px; }
.program-stage[data-compact] .program-staff-heading strong { font-size: 37px; }
.program-stage[data-compact] .program-staff-heading h4 { font-size: 16px; }
.program-detail-trigger { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); white-space: nowrap; padding: 10px 16px; min-height: 44px; font: 500 15px/1.4 var(--text); color: #086d83; background: transparent; border: 0; text-decoration: underline; text-underline-offset: 5px; cursor: pointer; }
.program-detail-trigger span { margin-left: 12px; }
.program-stage .program-evidence-note { position: absolute; bottom: 14px; left: 24px; right: 250px; margin: 0; font: 400 16px/1.35 var(--text); color: #355864; }
.program-stage .program-detail-trigger { left: auto; right: 16px; transform: none; }
.homepage-dialog { width: min(820px,calc(100vw - 32px)); max-height: min(850px,calc(100dvh - 40px)); padding: 0; border: 1px solid #b9d4df; border-radius: 24px; color: #0e3b47; background: #f5faff; box-shadow: 0 25px 100px #061f4170; }
.homepage-dialog::backdrop { background: #0627319e; backdrop-filter: blur(6px); }
.homepage-dialog > header { display: flex; align-items: start; justify-content: space-between; gap: 22px; padding: 28px 32px 22px; border-bottom: 1px solid #c6dce6; background: #f5faff; position: sticky; top: 0; z-index: 2; }
.homepage-dialog h2 { margin: 0; font: 500 clamp(26px,3vw,36px)/1.1 var(--display); letter-spacing: -.035em; }
.homepage-dialog > header p { max-width: 50ch; margin: 12px 0 0; font: 400 16px/1.5 var(--text); }
.homepage-dialog [data-close-dialog] { flex: none; background: white; color: #0e3b47; border: 1px solid #b9d4df; border-radius: 30px; min-height: 44px; padding: 10px 16px; font: 500 15px/1.3 var(--text); cursor: pointer; }
.homepage-dialog-body { padding: 24px 32px 32px; font: 400 17px/1.5 var(--text); }
.program-detail-dialog .homepage-dialog-body > section + section { border-top: 1px solid #b9d4df; margin-top: 28px; padding-top: 24px; }
.program-detail-dialog h3 { font: 500 25px/1.15 var(--display); margin: 0 0 18px; }
.program-detail-dialog h4 { font: 600 18px/1.3 var(--display); margin: 14px 0 8px; }
.program-detail-dialog p { margin: 8px 0; font: 400 16px/1.5 var(--text); }
.program-detail-dialog :is(.program-review,.program-response,.program-staff-benefit,.program-follow,.program-outcomes,.program-foundation) { position: static; width: auto; height: auto; margin: 16px 0 0; padding: 0; background: none; color: #0e3b47; display: block; border: 0; border-radius: 0; }
.program-detail-dialog .program-response > svg,.program-detail-dialog .program-outcomes svg { display: none; }
.program-detail-dialog .program-benefit { display: grid; grid-template-columns: 110px 1fr; gap: 4px 20px; padding: 16px 0; }
.program-detail-dialog .program-benefit p { grid-column: 2; grid-row: 2; }
.program-detail-dialog .program-benefit-heading { display: contents; }
.program-detail-dialog .program-benefit-heading strong { grid-column: 1; grid-row: 1/3; font-size: 54px; }
.program-detail-dialog .program-benefit-heading h4 { grid-column: 2; grid-row: 1; margin: 0; align-self: center; }
.program-detail-dialog .program-review-heading { display: none; }
.program-detail-dialog .program-staff-heading { display: flex; gap: 20px; }
.program-detail-dialog .program-staff-heading strong { color: #087d96; }
.program-detail-dialog .program-staff-benefit :is(p,small),.program-detail-dialog .program-outcome-purpose > span { color: #466775; }
.program-detail-dialog .program-outcomes { display: block; }
.program-detail-dialog .program-outcome-purpose { width: auto; }
.program-detail-dialog .program-outcomes ul { display: flex; gap: 14px; flex-wrap: wrap; justify-content: start; padding: 0; }
.program-detail-dialog .program-outcomes li { padding: 9px 12px; background: #e5f1f7; border-radius: 8px; font-size: 16px; }
.program-detail-dialog .program-follow > span { display: block; padding: 0; background: none; }
.waitlist-frame { width: 100%; min-height: 1100px; display: block; border: 0; background: white; }
.waitlist-dialog .homepage-dialog-body { padding: 0; }
.waitlist-form { padding: 24px 32px 32px; }
.waitlist-progress { color: #527581; font: 500 13px/1.4 var(--text); margin: 0 0 18px; }
.waitlist-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.waitlist-form fieldset[hidden] { display: none; }
.waitlist-form legend { font: 500 25px/1.2 var(--display); margin-bottom: 20px; }
.waitlist-form label { display: block; margin-bottom: 18px; font: 500 15px/1.4 var(--text); }
.waitlist-form label > span:not(.waitlist-consent span) { color: #62808a; font-size: 12px; margin-left: 8px; font-weight: 400; }
.waitlist-form :is(input:not([type=checkbox]),select) { display: block; width: 100%; border: 1px solid #b1cdd8; border-radius: 9px; padding: 12px 14px; min-height: 48px; font: 400 16px/1.3 var(--text); background: white; color: #0e3b47; margin-top: 7px; }
.waitlist-form :is(input,select):focus-visible { outline: 3px solid #12b8cc; outline-offset: 2px; }
.waitlist-form label small { display: block; font: 400 13px/1.4 var(--text); margin-top: 7px; color: #527581; }
.waitlist-two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.waitlist-form .waitlist-consent { display: flex; gap: 12px; align-items: start; font-weight: 400; margin-top: 22px; }
.waitlist-consent input { width: 20px; height: 20px; flex: none; accent-color: #087d96; }
.waitlist-note { color: #527581; font: 400 13px/1.5 var(--text); margin: 0 0 22px; }
.waitlist-form-actions { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.waitlist-form button.text-link { border: 0; background: transparent; padding: 10px 0; color: #087d96; font: 500 16px/1.4 var(--text); cursor: pointer; }
.waitlist-form .button:disabled { opacity: .5; cursor: not-allowed; }
.waitlist-setup { border-top: 1px solid #c8dce5; padding-top: 14px; margin: 20px 0 0; font: 400 13px/1.4 var(--text); color: #527581; }
@media(min-width:901px) {
  .voice-gap .response-story { top: max(108px,11.5svh); bottom: 82px; display: flex; flex-direction: column; }
  .voice-gap .response-wash { background: linear-gradient(90deg,#eff4ffb3,#eff4ff70 35%,#eff4ff00 68%); }
  .voice-gap .gap-message { position: relative; inset: auto; isolation: isolate; width: 56%; max-width: 920px; flex: none; }
  .voice-gap .gap-message::before { content: ""; position: absolute; inset: -22px -96px -28px -8vw; z-index: -1; background: linear-gradient(90deg,#eff4ffe0 0%,#eff4ffe0 calc(100% - 96px),#eff4ff00); mask-image: linear-gradient(#000 calc(100% - 28px),transparent); pointer-events: none; }
  .voice-gap .gap-message > p { font-size: 18px; line-height: 1.4; }
  .program-stage[data-compact] .program-benefit { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 12px; padding: 10px 0; }
  .program-stage[data-compact] .program-benefit-heading { display: contents; }
  .program-stage[data-compact] .program-benefit-heading strong { grid-column: 1; grid-row: 1; }
  .program-stage[data-compact] .program-benefit-heading h4 { grid-column: 2; grid-row: 1; }
  .hero-layout { --hero-character-width: clamp(260px,26vw,420px); width: min(1600px,92%); height: 100svh; container-type: inline-size; grid-template-columns: minmax(0,1fr) var(--hero-character-width); grid-template-rows: auto minmax(0,1fr); padding-bottom: 90px; }
  .hero-copy { max-width: 960px; }
  .hero-film { width: 100%; height: 100%; min-height: 0; max-height: calc((100cqw - var(--hero-character-width) - 28px) * .5625 + 38px); container-type: size; overflow: visible; background: none; box-shadow: none; }
  .hero-film iframe { width: min(100cqw,calc((100cqh - 38px) * 16 / 9)); height: min(100cqh,calc(100cqw * .5625 + 38px)); border-radius: 24px; box-shadow: 0 20px 60px #0e3b4726; }
  .hero-character { width: var(--hero-character-width); }
  .program-stage[data-compact] { flex: 1; height: auto; min-height: 0; max-height: none; margin-top: 24px; border-radius: 22px; }
  .program-stage[data-compact] :is(.care-daily,.program-plan,.program-clinician) { top: 24px; bottom: 62px; }
  .program-stage[data-compact] .care-daily { left: 2%; width: 23%; }
  .program-stage[data-compact] > .program-plan { left: 27%; width: 35%; padding: 22px; }
  .program-stage[data-compact] .program-clinician { right: 2%; width: 34%; }
  .program-stage[data-compact] :is(.program-plan header > svg,.program-plan footer > svg) { display: none; }
  .program-stage[data-compact] :is(.care-daily h3,.program-plan h3,.program-clinician h3) { font-size: clamp(24px,1.6vw,30px); line-height: 1.15; }
  .program-stage[data-compact] .program-plan footer { order: 1; display: block; flex: none; margin-top: 16px; padding: 0; border: 0; font: 400 18px/1.45 var(--text); color: #274f5c; }
  .program-stage[data-compact] .program-biology { order: 2; padding: 18px 0 0; flex: 1; min-height: 0; }
  .program-stage[data-compact] .program-biology > img { max-height: none; }
  .program-stage[data-compact] .care-device { max-height: none; }
  .program-stage[data-compact] .program-connections { height: calc(100% - 62px); }
  .program-stage[data-compact] .program-clinician > header { margin-bottom: 16px; }
  .program-stage[data-compact] .program-patient-support { position: relative; z-index: 1; background: #f3f9ff; font-size: 18px; line-height: 1.4; margin-top: 16px; }
  .program-stage[data-compact] .program-benefits { padding: 12px 16px; }
  .program-stage[data-compact] .program-benefit strong { font-size: 56px; }
  .program-stage[data-compact] .program-benefit h4 { font-size: 20px; line-height: 1.2; }
  .program-stage[data-compact] .program-benefit-scope { font-size: 14px; line-height: 1.35; margin-top: 8px; color: #355864; }
  .program-stage[data-compact] .program-staff-benefit { margin-top: 12px; padding: 14px 16px; }
  .program-stage[data-compact] .program-staff-heading { grid-template-columns: 130px minmax(0,1fr); gap: 12px; }
  .program-stage[data-compact] .program-staff-heading strong { font-size: 44px; }
  .program-stage[data-compact] .program-staff-heading h4 { font-size: 20px; line-height: 1.2; }
  .program-stage[data-compact] .program-staff-benefit small { font-size: 14px; line-height: 1.35; margin-top: 8px; color: #e1f0f6; }
}
@media(min-width:901px) and (min-height:801px) {
  .voice-gap .gap-message > p { font-size: clamp(20px,1.2vw,22px); line-height: 1.4; }
  .program-stage[data-compact] :is(.care-daily h3,.program-plan h3,.program-clinician h3) { font-size: clamp(24px,1.75vw,32px); }
  .program-stage[data-compact] .care-daily figcaption { margin-bottom: 18px; }
  .program-stage[data-compact] .program-plan footer,
  .program-stage[data-compact] .program-patient-support { font-size: clamp(18px,1.2vw,22px); line-height: 1.4; }
  .program-stage[data-compact] .program-biology { padding-top: 20px; }
  .program-stage[data-compact] .program-benefits { justify-content: center; padding: 14px 20px; }
  .program-stage[data-compact] .program-benefit { flex: 1; gap: 16px; padding: 22px 0; }
  .program-stage[data-compact] .program-review-heading + .program-benefit { border-top: 0; padding-top: 10px; }
  .program-stage[data-compact] .program-benefit strong { font-size: clamp(44px,3.9vw,72px); }
  .program-stage[data-compact] .program-benefit h4 { font-size: clamp(20px,1.3vw,24px); line-height: 1.2; }
  .program-stage[data-compact] .program-benefit-scope { font-size: 16px; margin-top: 4px; }
  .program-stage[data-compact] .program-staff-benefit { margin-top: 16px; padding: 18px 20px; }
  .program-stage[data-compact] .program-staff-heading { gap: 16px; }
  .program-stage[data-compact] .program-staff-heading strong { font-size: clamp(44px,3.9vw,72px); }
  .program-stage[data-compact] .program-staff-heading h4 { font-size: clamp(20px,1.3vw,24px); line-height: 1.2; }
  .program-stage[data-compact] .program-staff-benefit small { font-size: 16px; margin-top: 12px; }
  .program-stage .program-evidence-note { font-size: 17px; }
}
@media(min-width:901px) and (max-height:800px) {
  .voice-gap .gap-message { width: 72%; max-width: 1000px; }
  .voice-gap .gap-message::before { background: linear-gradient(90deg,#eff4ffe0 0%,#eff4ffe0 55%,#eff4ff99 82%,#eff4ff00); }
  .program-stage[data-compact] { margin-top: 16px; }
  .program-stage[data-compact] :is(.care-daily,.program-plan,.program-clinician) { top: 18px; bottom: 56px; }
  .program-stage[data-compact] > .program-plan { padding: 16px; }
  .program-stage[data-compact] :is(.care-daily h3,.program-plan h3,.program-clinician h3) { font-size: 23px; }
  .program-stage[data-compact] .program-plan footer { font-size: 18px; line-height: 1.4; margin-top: 12px; }
  .program-stage[data-compact] .program-patient-support { font-size: 18px; margin-top: 12px; }
  .program-stage[data-compact] .program-clinician > header { margin-bottom: 10px; }
  .program-stage[data-compact] .program-benefits { padding: 6px 14px; }
  .program-stage[data-compact] .program-benefit { grid-template-columns: 96px minmax(0,1fr); padding: 7px 0; }
  .program-stage[data-compact] .program-benefit strong { font-size: 48px; }
  .program-stage[data-compact] .program-benefit h4,.program-stage[data-compact] .program-staff-heading h4 { font-size: 18px; }
  .program-stage[data-compact] .program-staff-benefit { padding: 10px 14px; margin-top: 8px; }
  .program-stage[data-compact] .program-staff-heading strong { font-size: 40px; }
  .program-stage[data-compact] .program-staff-benefit small { margin-top: 6px; }
}
@media(min-width:901px) and (max-height:900px) {
  .hero-layout { padding-top: 110px; padding-bottom: 82px; }
  .hero-copy { display: grid; grid-column: 1/-1; grid-template-columns: minmax(0,1fr) var(--hero-character-width); column-gap: 28px; max-width: none; }
  .hero-copy h1,.hero-promise { grid-column: 1; }
  .hero-greeting { font-size: 46px; }
  .hero-positioning { font-size: 21px; margin-top: 8px; }
  .hero-promise { font-size: 16px; line-height: 1.4; margin-top: 12px; }
  .hero .actions { grid-column: 2; grid-row: 1/3; align-self: start; justify-self: center; flex-direction: column; align-items: start; gap: 8px; margin-top: 12px; }
  /* 278px (was 230): her column starts under the button stack, one button taller since "Join the waitlist" (2026-10-17). */
  .hero-character { --hero-ubi-height: min(480px,calc(100svh - 370px)); top: 278px; }
}
@media(max-width:900px) {
  .program-stage .program-evidence-note { display: none; position: static; font-size: 15px; line-height: 1.35; padding: 8px 0; }
  .program-stage[data-mobile-view="2"] .program-evidence-note { display: block; }
  .hero .actions { align-items: center; gap: 16px; }
  .hero .actions #watch-intro { font-size: 14px; }
  .program-stage[data-compact] .program-biology { min-height: 120px; flex: 1; display: block; padding: 10px 0; }
  .program-stage[data-compact] .program-biology > img { height: clamp(110px,20svh,180px); max-height: 180px; width: 100%; }
  .program-stage[data-compact] .program-plan footer { min-height: 80px; font-size: 16px; line-height: 1.4; }
  .program-stage[data-compact] .program-patient-support { font-size: 16px; line-height: 1.4; }
  .program-stage[data-compact] :is(.program-benefit-scope,.program-staff-benefit small) { font-size: 14px; line-height: 1.35; }
  .program-stage[data-compact] .program-benefits { padding: 8px; }
  .program-stage[data-compact] .program-benefit-scope { margin-top: 6px; }
  .program-stage[data-compact] .program-benefit { padding: 6px 0; }
  .program-stage[data-compact] .program-benefit strong { font-size: 39px; }
  .program-stage[data-compact] .program-benefit-heading { grid-template-columns:92px minmax(0,1fr); gap:12px; }
  .program-detail-trigger { position: static; transform: none; align-self: center; font-size: 13px; padding: 8px 10px; }
  .homepage-dialog { border-radius: 18px; max-height: calc(100dvh - 24px); }
  .homepage-dialog > header { padding: 20px; gap: 12px; }
  .homepage-dialog-body { padding: 20px; }
  .waitlist-form { padding: 20px; }
  .waitlist-two-columns { grid-template-columns: 1fr; gap: 0; }
  .homepage-dialog > header p { font-size: 14px; }
  .program-detail-dialog .program-benefit { grid-template-columns: 80px 1fr; gap: 4px 12px; }
  .program-detail-dialog .program-benefit-heading strong { font-size: 42px; }
}
@media(min-width:901px) and (max-height:760px) {
  .program-stage[data-compact] .program-benefit { padding: 3px 0; }
  .program-stage[data-compact] .program-benefit strong { font-size: 44px; }
  #whole-picture .chapter-heading .chapter-lead { font-size:16px; line-height:1.4; }
}

/* The daily relationship scales with the stage, including its real app recording. */
#everyday-title > span { color: #087d96; }
@media(min-width:901px) {
  #everyday { padding: 40px 0 100px; }
  #everyday .voice-layout { --daily-stage: min(960px,calc(100svh - 240px)); width: min(1640px,90%); height: var(--daily-stage); grid-template-columns: minmax(0,.96fr) minmax(0,1.04fr); gap: clamp(40px,4.5vw,84px); align-items: center; }
  #everyday .voice-copy { padding: 0; min-width: 0; }
  #everyday h2 { font-size: clamp(44px,4.1vw,72px); line-height: 1.04; max-width: 19ch; letter-spacing: -.045em; text-wrap: pretty; }
  #everyday .chapter-lead { font-size: clamp(20px,1.45vw,26px); line-height: 1.45; margin-top: 28px; max-width: 40ch; color: #345b66; }
  #everyday .voice-listen { display: none; }
  #everyday .app-topics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; margin-top: clamp(32px,5svh,60px); padding: 0; }
  #everyday .app-topics button { font-size: clamp(17px,1.12vw,21px); line-height: 1.3; min-height: 60px; padding: 12px 0 16px; cursor: pointer; }
  #everyday .app-topics button[aria-selected="true"] { color: #076d82; border-bottom-width: 4px; }
  #everyday .app-topics button:focus-visible { outline: 3px solid #087d96; outline-offset: 4px; }
  #everyday .app-detail { margin-top: 30px; min-height: 216px; padding: 0; }
  #everyday .app-detail h3 { font-size: clamp(28px,2.2vw,40px); line-height: 1.13; max-width: 25ch; margin-bottom: 18px; letter-spacing: -.03em; text-wrap: pretty; }
  #everyday .app-detail p { font-size: clamp(20px,1.4vw,25px); line-height: 1.45; max-width: 41ch; color: #345b66; }
  #everyday .app-reveal { --daily-controls: 62px; --daily-inset: clamp(20px,2vw,32px); width: 100%; max-width: none; height: var(--daily-stage); margin: 0; border-radius: 30px; }
  #everyday .app-surface { height: calc(100% - var(--daily-controls)); padding: var(--daily-inset); grid-template-columns: minmax(0,1fr) clamp(108px,11vw,190px); gap: 16px; }
  #everyday .app-surface::before { background-position: center,78% center; }
  #everyday .app-device { height: calc(var(--daily-stage) - var(--daily-controls) - 2 * var(--daily-inset)); max-width: 100%; max-height: none; aspect-ratio: 9/19.5; border-radius: clamp(28px,2.6vw,44px); border-width: 6px; box-shadow: 0 24px 44px #0e3b472b; }
  #everyday .app-side { margin-bottom: 3svh; }
  #everyday .voice-seat { width: 100%; height: clamp(140px,calc(var(--daily-stage) * .27),260px); margin: 0; }
  #everyday .app-photo { bottom: var(--daily-controls); border-radius: 30px 30px 0 0; }
  #everyday .app-media-controls { height: var(--daily-controls); padding: 8px 24px; gap: 16px; }
  #everyday .app-media-controls button { min-height: 44px; font-size: 17px; }
}
@media(min-width:901px) and (max-height:900px) {
  #everyday { padding-top: 24px; }
  #everyday .voice-layout { --daily-stage: calc(100svh - 210px); gap: clamp(32px,4vw,64px); }
  #everyday h2 { font-size: clamp(40px,3.6vw,50px); line-height: 1.06; }
  #everyday .chapter-lead { font-size: 20px; line-height: 1.4; margin-top: 20px; }
  #everyday .app-topics { margin-top: 24px; gap: 16px; }
  #everyday .app-topics button { font-size: 17px; min-height: 50px; padding: 10px 0; }
  #everyday .app-detail { min-height: 158px; margin-top: 22px; }
  #everyday .app-detail h3 { font-size: 30px; margin-bottom: 12px; }
  #everyday .app-detail p { font-size: 20px; line-height: 1.4; }
  #everyday .app-reveal { --daily-controls: 52px; --daily-inset: 18px; border-radius: 24px; }
  #everyday .app-device { border-radius: 28px; }
  #everyday .app-media-controls { padding-inline: 18px; }
  #everyday .app-media-controls button { font-size: 16px; }
}

@media(max-width:900px) and (max-height:650px) {
  .program-stage[data-compact] .program-benefits { flex: none; padding: 4px 8px; }
  .program-stage[data-compact] .program-benefit { display: grid; grid-template-columns: 78px minmax(0,1fr); gap: 8px; padding: 3px 0; }
  .program-stage[data-compact] .program-benefit-heading { display: contents; }
  .program-stage[data-compact] .program-benefit-heading strong { grid-column: 1; grid-row: 1; font-size: 36px; }
  .program-stage[data-compact] .program-benefit-heading h4 { grid-column: 2; grid-row: 1; font-size: 15px; line-height: 1.15; }
  .program-stage[data-compact] .program-benefit-scope { font-size: 12px; margin-top: 4px; }
  .program-stage[data-compact] .program-staff-benefit { padding: 8px 10px; margin-top: 8px; }
  .program-stage[data-compact] .program-staff-heading { grid-template-columns: 100px minmax(0,1fr); gap: 8px; }
  .program-stage[data-compact] .program-staff-heading strong { font-size: 34px; }
  .program-stage[data-compact] .program-staff-heading h4 { font-size: 15px; line-height: 1.15; }
  .program-stage[data-compact] .program-staff-benefit small { font-size: 12px; line-height: 1.3; }
  .program-stage[data-compact] .program-evidence-note { font-size: 14px; line-height: 1.35; padding: 2px 0; }
}

.program-stage[data-compact] :is(.program-benefits,.program-staff-benefit) { padding-inline: var(--metric-inset); }
.program-stage[data-compact] :is(.program-benefit,.program-staff-heading) { display: grid; grid-template-columns: var(--metric-column) minmax(0,1fr); column-gap: var(--metric-gap); }
.program-stage[data-compact] .program-benefit-heading { display: contents; }
.program-stage[data-compact] :is(.program-benefit-heading,.program-staff-heading) strong { justify-self: stretch; text-align: right; font-variant-numeric: tabular-nums; }
.program-stage[data-compact] .program-benefit-heading strong { grid-column: 1; grid-row: 1; }
.program-stage[data-compact] .program-benefit-heading h4 { grid-column: 2; grid-row: 1; }
.program-stage[data-compact] a.program-citation { display: inline; position: relative; top: -.4em; margin-left: .35em; font: 500 max(12px,.55em)/1 var(--text); color: #087d96; text-decoration: none; white-space: nowrap; }
.program-stage[data-compact] a.program-citation:hover { text-decoration: underline; }
@media(min-width:901px) and (max-height:800px) {
  .program-stage[data-compact] { --metric-column: 130px; --metric-gap: 12px; --metric-inset: 14px; }
}
@media(max-width:900px) {
  .program-stage[data-compact] { --metric-column: 118px; --metric-gap: 12px; --metric-inset: 10px; }
}
@media(max-width:900px) and (max-height:650px) {
  .program-stage[data-compact] { --metric-column: 100px; --metric-gap: 8px; --metric-inset: 8px; }
}