/* The parent shell has already removed its header from this viewport. Each
   desktop chapter owns this complete frame; long evidence still grows natively. */
@media(min-width:1024px){
 html[data-view="home"] #dc-root [data-v7-stage]{
  --v7-chapter-height:100svh;
  --v7-chapter-top:clamp(28px,5svh,56px);
  --v7-chapter-bottom:88px;
  box-sizing:border-box;
  min-height:var(--v7-chapter-height);
  scroll-margin-top:0;
 }
 html[data-view="home"] #dc-root [data-v7-stage].v7-journey-stage{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-top:var(--v7-chapter-top);
  padding-bottom:var(--v7-chapter-bottom);
  overflow:visible;
 }
 html[data-view="home"] #dc-root [data-v7-stage]>.v7-stage-main{
  width:100%;
  min-height:0;
  flex:0 0 auto;
 }
 html[data-view="home"] #dc-root [data-v7-stage]>.v7-campaign-evidence{
  flex:0 0 auto;
  width:100%;
  margin-left:auto;
  margin-right:auto;
 }
 html[data-view="home"] #next>.v7-personal-inner{width:100%;flex:0 0 auto}
 /* Carry the invitation's two columns through its introduction and quiz close.
    Space separates the closing thought; the heading already supplies a rule. */
 #next .v7-personal-inner{
  --choice-columns:minmax(0,1.05fr) minmax(0,1fr);
  --choice-column-gap:clamp(32px,5vw,76px);
 }
 #next .v7-choice-heading,
 #next .v7-choice-layout,
 #next .v7-practice-footer{
  display:grid;
  grid-template-columns:var(--choice-columns);
  column-gap:var(--choice-column-gap);
 }
 #next .v7-practice-footer{border-top:0}
 #next .v7-practice-footer>[data-cta]{justify-self:start}
 html[data-view="home"] #findings .af-sec-findings{
  min-height:var(--v7-chapter-height)!important;
  padding-top:var(--v7-chapter-top)!important;
  padding-bottom:var(--v7-chapter-bottom)!important;
 }
 html[data-view="home"] #equinox .af-sec-equinox{
  min-height:var(--v7-chapter-height)!important;
  padding-bottom:var(--v7-chapter-bottom)!important;
 }
 /* The chapter already has its closing breathing room. This decorative bridge
    belongs to that boundary, not an additional unlabelled desktop screen. */
 html[data-view="home"] .v7-passage-bridge{display:none}
}
@supports(height:100dvh){
 @media(min-width:1024px){
  html[data-view="home"] #dc-root [data-v7-stage]{--v7-chapter-height:100dvh}
 }
}

/* Portrait assets are used at every size. Keep their displacement coordinates
   consistent and provide room for the original light formation. A glow-only
   fade removes the raster's bright top edge; the crisp numeral is untouched. */
#score .v7-nd-study-trigger{
 display:flex;
 flex-direction:column;
 align-items:center;
 box-sizing:border-box;
 padding:24px clamp(12px,2vw,24px) 0;
 overflow:visible;
}
#score .af-light-num{overflow:visible}
#score .af-light-num .lt-g,
#score .af-light-num .lt-s,
#score .af-light-num .lt-c{--w:var(--pw,100);--h:var(--ph,100)}
#score .af-light-num .lt-ring{--rmax:var(--prmax,72)}
#score .af-light-num .lt-g,
#score .af-light-num .lt-s,
#score .af-light-num .lt-trail,
#score .af-light-num .lt-cloud{
 -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%),linear-gradient(to right,transparent 0%,#000 6%,#000 94%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%),linear-gradient(to right,transparent 0%,#000 6%,#000 94%,transparent 100%);
 mask-composite:intersect;
}
@media(max-width:767px){
 #score .v7-nd-study-trigger{padding:20px 12px 0}
}
/* Keep the benchmark caption comfortably above the fixed chapter bar in a
   720px desktop window (656px remains inside the campaign iframe). */
@media(min-width:1024px) and (max-height:700px){
 #score .af-light-num{max-width:300px}
}
@media(min-width:1024px) and (max-height:700px){
 #wake .v7-home-wake{max-width:300px}
 html[data-view="home"] #next.v7-journey-stage{padding-top:24px}
 #next .v7-choice-heading h2{font-size:40px}
 #next .v7-choice-layout{margin-top:16px}
 #next .v7-choice-map{max-width:325px}
 #next .v7-choice-response{height:260px}
 #next .v7-choice-invitation{grid-template-rows:72px minmax(0,1fr)}
 #next .v7-choice-response-copy{padding:12px 16px 10px;gap:7px}
 #next .v7-choice-line{font-size:22px}
 #next .v7-practice-footer{padding-top:12px}
 #next .v7-practice-result{margin-top:12px}
}
@media(min-width:1024px) and (max-height:700px){
 html[data-view="home"] #dc-root #wake.v7-wake-chapter .v7-home-wake{width:300px;max-width:100%;height:250px;margin:0 auto}
 html[data-view="home"] #dc-root #next.v7-journey-stage{padding-top:24px}
}

/* The opening question owns the phone hero; detail stays on desktop. Keep the
   campaign's four stepped lines, with smaller insets that fit a narrow frame. */
@media(max-width:1023px){
 #story .v7-entry-support,#story .v7-entry-meta{display:none}
 #story .af-hero-hl{font-size:clamp(36px,11.5vw,64px)}
 #story .af-hero-hl .ln{display:block;margin-left:calc(var(--step-in,0) * .65em)}
 #story .af-hero-hl .ln+.ln::before{content:none}
}
/* The shortened Study is one reading frame on phones too. Its score keeps
   breathing room above the chapter bar; very shallow frames can grow natively. */
@media(max-width:1023px){
 #study-intro{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-bottom:72px}
 #study-intro .v7-stage-main{width:100%}
 #study-intro .v7-stage-note{margin-bottom:0}
 #study-intro .v7-benchmark-caption{max-width:none}
}
@media(max-width:767px) and (max-height:660px){
 #study-intro{padding-top:24px;padding-bottom:76px}
 #study-intro .v7-stage-main{gap:12px}
 #study-intro .v7-stage-kicker{font-size:14px;padding-top:8px;margin-bottom:14px}
 #study-intro .v7-deck{display:none}
 #study-intro .v7-stage-note{font-size:13px;margin-top:12px}
 #study-intro .v7-nd-study-trigger{padding-top:8px}
 #study-intro .af-light-num{max-width:clamp(144px,calc((100svh - 340px) * .947),290px)}
 #study-intro .v7-benchmark-caption{font-size:13px}
}

/* Explain the six doors in the same consumer voice as the study introduction. */
@media(max-width:1023px){
 /* The outer host already reserves the header, including on mobile. */
 html[data-view="home"] #members{scroll-margin-top:0}
}
#findings .v7-six-intro{font:400 clamp(17px,1.4vw,20px)/1.5 'Equinox Sans',Arial,sans-serif;color:#b8b8b8;max-width:62ch;margin:0;text-wrap:pretty}
@media(max-width:767px){#findings .v7-six-intro{font-size:15px;line-height:1.45;max-width:38ch}}
@media(min-width:1024px) and (max-height:700px){
 html[data-view="home"] #findings .af-sec-findings{gap:24px!important}
 #findings .v7-six-intro{font-size:16px;line-height:1.4}
}

/* The score has a meaning before it has an invitation. */
#score .v7-benchmark-caption{display:block;margin:0 auto 12px;font-size:16px;line-height:1.4}
#score .v7-nd-study-trigger .v7-nd-cue{margin:0 0 8px}

/* Each tab says what was felt; both groups say how movement felt.
   HTML labels stay readable as the measured SVG adapts to the screen. */
#wake .v7-movement-takeaway{font:300 clamp(25px,2.5vw,38px)/1.15 'Equinox Sans',Arial,sans-serif;letter-spacing:-.025em;margin:20px 0 10px;text-align:center;text-wrap:balance}
#wake .v7-movement-measure{font:16px/1.4 'Equinox Sans',Arial,sans-serif;margin:0;text-align:center;text-wrap:balance}
#wake .v7-movement-measure .v7-proof-timeframe{display:block;margin-top:4px;font-size:12px;color:#b8b8b8}
#wake .v7-movement-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:84%;max-width:440px;margin:-26px auto 0;font:15px/1.3 'Equinox Sans',Arial,sans-serif;position:relative}
#wake .v7-movement-key{display:block;font:12px/1.45 'Equinox Sans',Arial,sans-serif;color:#b8b8b8;margin:14px auto 8px}
#wake .v7-nd-wake-trigger .v7-nd-cue{margin:12px auto 0}
#wake .v7-proof-context{max-width:46ch;margin:14px auto 0;text-align:center}
@media(max-width:767px){
 #score .v7-benchmark-caption{font-size:14px;margin-bottom:12px}
 #wake .v7-movement-takeaway{font-size:25px;margin:16px 0 8px}
 #wake .v7-movement-measure{font-size:14px;max-width:28ch;margin:auto}
 #wake .v7-movement-groups{font-size:13px;margin-top:-25px;max-width:290px;width:90%}
 #wake .v7-movement-key{font-size:11px;margin-top:10px}
 #wake .v7-proof-context{font-size:12px;line-height:1.4}
}

/* A visible number must meet its meaning before it invites a closer look. */
#feeling .v7-nd-pair-cue{margin:8px auto 0}
#people .v7-moment-audience{font-size:13px;line-height:1.4;color:#b8b8b8;margin:0 0 14px}
@media(max-width:1023px){
 #feeling.v7-journey-stage{padding-top:32px}
 #feeling .v7-feeling-touch{max-height:230px;max-width:280px;margin:auto}
 #feeling .v7-overview-thread{height:32px;margin-top:8px}
 #feeling .v7-story-statement{margin-top:0}
 #wake.v7-wake-chapter{padding-top:28px}
 #wake .v7-stage-main{gap:16px}
 #wake .v7-stage-kicker{margin-bottom:16px;padding-top:10px}
 #wake .v7-stage-copy h2{font-size:clamp(26px,7.2vw,40px);max-width:none;line-height:1.06}
 #wake .v7-deck{font-size:15px;line-height:1.4;margin:14px 0 0;max-width:38ch}
 #wake .v7-proof-choices{margin-bottom:10px}
 #wake .v7-movement-takeaway{margin:10px 0 6px;font-size:23px}
 html[data-view="home"] #dc-root #wake.v7-wake-chapter .v7-home-wake{width:300px;max-width:100%;height:212px}
 #wake .v7-movement-groups{width:244px;max-width:90%;margin-top:-19px}
 #wake .v7-movement-key{margin-top:8px}
 #wake .v7-nd-wake-trigger .v7-nd-cue{margin-top:10px}
 #wake .v7-proof-context{margin-top:10px}
 #wake>.v7-campaign-evidence{margin-top:20px}
}
#wake.v7-wake-chapter .v7-home-wake{margin:0 auto}
#wake .v7-movement-groups{width:316px;max-width:90%}
@media(min-width:1024px) and (max-height:700px){#wake .v7-movement-groups{width:244px}}
@media(max-width:1023px){
 html[data-view="home"] #dc-root #wake.v7-wake-chapter .v7-home-wake{margin:0 auto}
 #wake .v7-movement-groups{width:206px}
 /* The host has already removed its header; no second offset is needed. */
 #wake.v7-wake-chapter,#study-intro.v7-study-stage{scroll-margin-top:0}
}

.v7-wake-aside{display:none}
/* A shallow desktop window has width to spare: keep the interpretation with
   the chapter text and reserve the right column for the comparison and cue. */
@media(min-width:1024px) and (max-height:700px){
 #wake .v7-wake-aside{display:block;margin-top:22px}
 #wake .v7-wake-aside h3{font:300 25px/1.2 'Equinox Sans',Arial,sans-serif;letter-spacing:-.02em;margin:0 0 8px;text-wrap:balance}
 #wake .v7-wake-aside p{font:14px/1.45 'Equinox Sans',Arial,sans-serif;color:#b8b8b8;max-width:42ch;margin:0;text-wrap:pretty}
 #wake .v7-stage-proof .v7-movement-takeaway,#wake .v7-stage-proof .v7-proof-context{display:none}
 #wake .v7-proof-choices{margin-bottom:12px}
 html[data-view="home"] #dc-root #wake.v7-wake-chapter .v7-home-wake{width:260px;height:216px}
 #wake .v7-movement-groups{width:210px;margin-top:-20px;font-size:14px}
 #wake .v7-movement-key{margin-top:10px}
 #wake .v7-nd-wake-trigger .v7-nd-cue{margin-top:10px}
 #wake.v7-journey-stage>.v7-campaign-evidence{margin-top:18px}
}

/* Keep the invitation to explore visible when this chapter first arrives.
   Preserve the approved photograph's size and the number's scale. */
@media(max-width:1023px){
 html[data-view="home"] #dc-root #people.v7-journey-stage{padding-top:20px}
 #people .v7-stage-main{gap:18px}
 #people .v7-stage-kicker{margin-bottom:14px;padding-top:8px}
 #people .v7-deck{margin-top:12px}
 #people .v7-moment-name{margin-top:12px}
}