/* GlanceMap only. Keep the research assets intact: the final lesson PNG has a
   half-opaque black canvas, unlike the two transparent earlier frames. Lighten
   composites that canvas into the same page surface without changing its pixels. */
body[data-project=glancemap] .goal-interface{isolation:isolate;background:var(--bg)}
body[data-project=glancemap] .goal-interface [data-reentry-frame]{mix-blend-mode:lighten}

/* A consistent chapter rhythm while keeping the abstract at the full row width. */
body[data-project=glancemap] .case-study>#study.glance-study{padding-block:var(--section-space)!important}
body[data-project=glancemap] #abstract>.section-body p+p{margin-top:18px}
body[data-project=glancemap] #process .pilot-introduction{padding:22px 0 28px}
body[data-project=glancemap] #process .pilot-round{padding-block:28px 36px}
body[data-project=glancemap] #process .pilot-round:last-child{padding-bottom:0}
body[data-project=glancemap] #process .pilot-round .pilot-gallery{margin-top:22px;gap:36px}
body[data-project=glancemap] #process .pilot-round .pilot-example{max-width:none}
body[data-project=glancemap] #process .pilot-example-note{margin-top:12px}
body[data-project=glancemap] #process .pilot-round .pilot-feedback{margin-top:24px}
body[data-project=glancemap] #process .pilot-round .pilot-reasoning{margin-top:26px;column-gap:36px}
body[data-project=glancemap] #process .pilot-round .pilot-goals{gap:28px}
body[data-project=glancemap] #process>.pilot-workshop{margin-block:4px 12px;padding-block:22px}

/* Conditions share an image row; the source citation stays secondary to them. */
body[data-project=glancemap] #study .study-condition-grid{column-gap:36px}
body[data-project=glancemap] #study .study-condition .baseline-story{margin-top:20px}
body[data-project=glancemap] #study .baseline-story .baseline-reference{display:inline-block;padding:0;background:none;color:var(--accent);border-radius:0;text-decoration:underline;text-underline-offset:4px}
body[data-project=glancemap] #study .study-shared-inputs{margin-top:26px}
body[data-project=glancemap] #study .glance-study-opening{margin-top:42px;column-gap:48px}
body[data-project=glancemap] #study .study-facts>div{padding-block:14px}
body[data-project=glancemap] #study .route-story{margin-top:36px}
body[data-project=glancemap] #study .study-measures{margin-top:34px;column-gap:36px}

/* Keep the chart labels and interpretations together with a quiet shared scale. */
body[data-project=glancemap] #findings>.section-heading{margin-bottom:24px}
body[data-project=glancemap] #findings .gr-result-pair{padding:28px 0;grid-template-columns:minmax(0,1fr) 10% minmax(0,1fr)}
body[data-project=glancemap] #findings .gr-evidence{max-width:520px}
body[data-project=glancemap] #findings .gr-evidence>h3{margin-bottom:18px}
body[data-project=glancemap] #findings .gr-bars{gap:16px}
body[data-project=glancemap] #findings .gr-axis{margin-top:9px}
body[data-project=glancemap] #findings .gr-secondary{gap:36px;margin-top:26px}
body[data-project=glancemap] #findings .gr-study-note{padding-top:12px}
body[data-project=glancemap] #next .gr-next-head,
body[data-project=glancemap] #next .gr-next-list>li{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
body[data-project=glancemap] #next .gr-next-list>li{padding-block:20px}

/* Use the shared eight tiers for small chart and interaction labels. */
@layer case-typography {
 body[data-view=project][data-project=glancemap] .case-study :is(.gr-axis,.gr-next-head,.walk-step-label,.walk-scroll-cue>span:first-child){font-size:var(--case-label)!important;font-weight:500!important;line-height:1.4!important}
 body[data-view=project][data-project=glancemap] .case-study .gr-bar-label{font-size:var(--case-note)!important;line-height:1.4!important}
 body[data-view=project][data-project=glancemap] .case-study .gr-bar-label strong{font-size:var(--case-copy)!important}
}

@media(min-width:1000px){
 body[data-project=glancemap] #study .route-story{height:440px}
 body[data-project=glancemap] #study .route-person{width:23%;max-width:255px}
 body[data-project=glancemap] #study .route-person:nth-child(3){top:228px}
}
@media(min-width:801px) and (min-height:701px) and (prefers-reduced-motion:no-preference){
 body[data-project=glancemap] .goals-sticky{top:80px;height:calc(100svh - 104px);max-height:860px;gap:18px}
 body[data-project=glancemap] .goals-composition{row-gap:24px;padding-bottom:8px}
 body[data-project=glancemap] .goals-story-heading .chapter-deck{margin:14px 0 20px}
}
@media(max-width:800px){
 body[data-project=glancemap] #process .pilot-introduction{padding-block:18px 24px}
 body[data-project=glancemap] #process .pilot-round{padding-block:24px 32px}
 body[data-project=glancemap] #process .pilot-round .pilot-gallery{gap:28px;margin-top:22px}
 body[data-project=glancemap] #process .pilot-round .pilot-reasoning{margin-top:24px;gap:24px}
 body[data-project=glancemap] #process .pilot-round .pilot-goals{gap:22px}
 body[data-project=glancemap] #study .glance-study-opening{margin-top:32px}
 body[data-project=glancemap] #study .study-condition .baseline-story{margin-top:16px}
 body[data-project=glancemap] #study .route-story{margin-top:30px}
 body[data-project=glancemap] #study .study-measures{margin-top:30px}
 body[data-project=glancemap] #findings .gr-result-pair{padding-block:24px}
 body[data-project=glancemap] #next .gr-next-head,
 body[data-project=glancemap] #next .gr-next-list>li{gap:28px}
}
@media(max-width:600px){
 body[data-project=glancemap] #findings .gr-result-pair{grid-template-columns:1fr}
 body[data-project=glancemap] #findings .gr-evidence{max-width:none}
 body[data-project=glancemap] #findings .gr-connector{height:30px;padding-block:8px}
 body[data-project=glancemap] #findings .gr-secondary{gap:20px;margin-top:24px}
 body[data-project=glancemap] #next .gr-next-list>li{grid-template-columns:1fr;gap:10px;padding-block:22px}
 body[data-project=glancemap] .glance-sequence{margin-bottom:10px}
 body[data-project=glancemap] .goals-composition{gap:24px 20px}
}
@media(max-width:540px) and (prefers-reduced-motion:no-preference){
 body[data-project=glancemap] .walk-sticky{top:94px;height:calc(100svh - 108px);grid-template-rows:auto minmax(94px,16%) minmax(0,1fr);gap:8px}
 body[data-project=glancemap] .walk-story-heading .chapter-deck{margin:12px 0 0}
 body[data-project=glancemap] .walk-viewport{padding:8px 0 0}
 body[data-project=glancemap] .walk-narration{grid-template-rows:auto auto auto auto auto auto minmax(0,1fr) auto}
 body[data-project=glancemap] .walk-step-label{gap:9px}
 body[data-project=glancemap] .walk-step-label>span{padding:5px 8px}
 body[data-project=glancemap] .walk-scene blockquote{margin:8px 0}
 body[data-project=glancemap] .walk-scene h3{margin:0 0 8px}
 body[data-project=glancemap] .walk-scene p{margin:0}
 body[data-project=glancemap] .walk-scene aside{margin-top:12px}
 body[data-project=glancemap] .walk-scene aside h4{margin:0 0 6px}
 body[data-project=glancemap] .walk-narration>.walk-scroll-cue{margin-top:8px}
 body[data-project=glancemap] .walk-navigation{min-height:36px}
 body[data-project=glancemap] .walk-navigation button{min-width:36px;min-height:36px;padding:6px 9px}
}

/* 18 October: explicit emphasis, ordered evidence and local figure callouts. */
body[data-project=glancemap] .case-study .text-emphasis{color:var(--ink)}
body[data-project=glancemap] .case-study .text-emphasis.gm-result{color:var(--accent)}
body[data-project=glancemap] .glance-design-question h3{color:var(--accent);margin-bottom:12px}
body[data-project=glancemap] .glance-design-question p{width:100%;max-width:none;margin:0;color:var(--muted)}

body[data-project=glancemap] #process .pilot-title-panel{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:8px 20px;background:linear-gradient(105deg,#b4ff38,#8ce9a0);color:#10200e;padding:5px 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
body[data-project=glancemap] #process .pilot-title-panel .pilot-count{color:inherit}
body[data-project=glancemap] #process .pilot-round-heading{align-items:center}
body[data-project=glancemap] #process .pilot-stage-mark{align-self:start;padding-top:17px}
body[data-project=glancemap] #process .pilot-round-heading p{margin-top:12px}
body[data-project=glancemap] #process .pilot-round{padding-block:30px 42px}
body[data-project=glancemap] #process .pilot-round .pilot-gallery{margin-top:24px}
body[data-project=glancemap] #process .pilot-round .pilot-feedback{width:100%;max-width:none!important;box-sizing:border-box;margin-block:28px 0;font-style:italic}
body[data-project=glancemap] #process .pilot-feedback cite{margin-top:8px;color:var(--muted)}
body[data-project=glancemap] #process .pilot-observation{margin-top:28px}
body[data-project=glancemap] #process .pilot-observation .pilot-history-note{margin:0;padding:0}
body[data-project=glancemap] #process .pilot-round .pilot-reasoning{display:block;margin-top:28px}
body[data-project=glancemap] #process .pilot-insight{width:100%;max-width:none}
body[data-project=glancemap] #process .pilot-insight h3{color:var(--accent);margin:0 0 10px}
body[data-project=glancemap] #process .pilot-insight p{width:100%;max-width:none!important;margin:0}
body[data-project=glancemap] #process .pilot-round .pilot-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:24px;padding:0}
body[data-project=glancemap] #process .pilot-goals article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 16px;align-items:start}
body[data-project=glancemap] #process .pilot-goals .dg-pill{grid-column:1;grid-row:1/3}
body[data-project=glancemap] #process .pilot-goals h3{grid-column:2;grid-row:1;margin:1px 0 0}
body[data-project=glancemap] #process .pilot-goals p{grid-column:2;grid-row:2;margin:0;max-width:none}

/* A small source-based control sits in one tinted panel; the unannotated
   GlanceMap source frame is the primary comparison image on the right. */
body[data-project=glancemap] #study .study-condition-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:32px;align-items:start}
body[data-project=glancemap] #study .study-control{padding:24px;background:#24311d;border-radius:4px;isolation:isolate}
body[data-project=glancemap] #study .study-experimental{padding:24px 0 0}
body[data-project=glancemap] #study .study-condition figure{isolation:auto;background:transparent}
body[data-project=glancemap] #study .study-condition figure>img{background:#000;mix-blend-mode:normal}
body[data-project=glancemap] #study .study-condition h3{margin:8px 0 18px}
body[data-project=glancemap] #study .study-condition .baseline-story{margin-top:20px}
body[data-project=glancemap] #study .study-condition .baseline-story p{width:100%;max-width:none;margin-top:12px}
body[data-project=glancemap] #study .study-experimental .baseline-story p:first-child{margin-top:0}
body[data-project=glancemap] #study .study-comparison-question{color:var(--accent)!important}
body[data-project=glancemap] #study .study-shared-inputs{margin-top:26px}
body[data-project=glancemap] #study .glance-study-opening{display:block;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
body[data-project=glancemap] #study .study-method h3{margin:10px 0 14px}
body[data-project=glancemap] #study .study-method p{width:100%;max-width:none}
body[data-project=glancemap] #study .study-deck{margin-top:28px}
body[data-project=glancemap] #study .study-deck .study-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:none}
body[data-project=glancemap] #study .study-facts>div{display:block;padding:0!important}
body[data-project=glancemap] #study .study-facts dt{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}
body[data-project=glancemap] #study .study-facts dt span{margin:0;white-space:normal}
body[data-project=glancemap] #study .study-facts dd{margin:12px 0 0;max-width:none}
body[data-project=glancemap] #study .route-story{margin-top:44px}

/* Match each text edge to its actual source region. Six labels retain their
   reserved positions while the lesson shows 3, then 4, then all 6 goals. */
body[data-project=glancemap] .goal-leader i{background:var(--accent);opacity:.55}
body[data-project=glancemap] .goal-leader b{width:5px;height:5px}
body[data-project=glancemap] .goals-composition>.goal-callout{background:transparent}
body[data-project=glancemap] .goal-callout h3{margin-top:8px}
@media(min-width:801px){
 body[data-project=glancemap] .goals-composition{grid-template-columns:18% 30% 30% 18%;column-gap:1.333%;row-gap:24px}
 body[data-project=glancemap] .goals-composition>.goal-interface{grid-column:2/4;grid-row:2}
 body[data-project=glancemap] .goals-composition>.goal-1{grid-column:1;grid-row:2;justify-self:start}
 body[data-project=glancemap] .goals-composition>.goal-2{grid-column:2;grid-row:3;justify-self:start}
 body[data-project=glancemap] .goals-composition>.goal-3{grid-column:2;grid-row:1;justify-self:start}
 body[data-project=glancemap] .goals-composition>.goal-4{grid-column:4;grid-row:2;justify-self:end}
 body[data-project=glancemap] .goals-composition>.goal-5{grid-column:3;grid-row:3;justify-self:end}
 body[data-project=glancemap] .goals-composition>.goal-6{grid-column:3;grid-row:1;justify-self:end}
}
@media(max-width:800px){
 body[data-project=glancemap] #process .pilot-title-panel{gap:5px 12px;padding:5px 8px}
 body[data-project=glancemap] #process .pilot-round .pilot-goals{gap:22px}
 body[data-project=glancemap] #study .study-deck .study-facts{gap:24px}
}
@media(max-width:700px){
 body[data-project=glancemap] #process .pilot-round .pilot-goals{grid-template-columns:1fr}
 body[data-project=glancemap] #study .study-condition-grid{grid-template-columns:1fr;gap:30px}
 body[data-project=glancemap] #study .study-control{padding:20px}
 body[data-project=glancemap] #study .study-experimental{padding:0}
 body[data-project=glancemap] #study .glance-study-opening{margin-top:36px;padding-top:28px}
 body[data-project=glancemap] #study .study-deck .study-facts{grid-template-columns:1fr;gap:24px}
 body[data-project=glancemap] #study .study-facts>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px}
 body[data-project=glancemap] #study .study-facts dt{display:block}
 body[data-project=glancemap] #study .study-facts dt span{margin-top:4px}
 body[data-project=glancemap] #study .study-facts dd{margin:0}
 body[data-project=glancemap] #study .route-story{margin-top:34px}
}

/* Six scrolling steps keep their positions. Only the current explanation is
   green; previous goals stay readable without competing with its emphasis. */
body[data-project=glancemap] .goals-composition > .goal-callout {color:var(--ink)}
body[data-project=glancemap] .goals-composition > .goal-callout h3 {color:var(--ink);transition:color .25s}
body[data-project=glancemap] .goals-composition > .goal-callout .dg-pill {background:color-mix(in srgb,var(--ink) 12%,var(--bg));color:var(--muted);transition:background .25s,color .25s}
body[data-project=glancemap] .goals-composition > .goal-callout.is-current h3 {color:var(--accent)}
body[data-project=glancemap] .goals-composition > .goal-callout.is-current .dg-pill {background:var(--accent);color:#121610}
body[data-project=glancemap] svg.goal-leaders {overflow:visible;z-index:1}
body[data-project=glancemap] .goal-leader path {fill:none;stroke:var(--muted);stroke-width:1.35;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.32;transition:stroke .25s,opacity .25s}
body[data-project=glancemap] .goal-leader circle {fill:var(--muted);opacity:.5;transition:fill .25s,opacity .25s}
body[data-project=glancemap] .goal-leader.is-current path {stroke:var(--accent);opacity:.8}
body[data-project=glancemap] .goal-leader.is-current circle {fill:var(--accent);opacity:1}
@media(prefers-reduced-motion:no-preference) and (min-height:651px) {
 body[data-project=glancemap] .goals-scroll-track {height:400svh}
 body[data-project=glancemap] .goals-sticky {position:sticky;top:80px;display:flex;flex-direction:column;height:calc(100svh - 104px);min-height:0;max-height:860px;gap:18px}
 body[data-project=glancemap] .goals-composition {flex:1;min-height:0;height:auto}
}
@media(max-width:800px) {
 body[data-project=glancemap] .goals-composition {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(3,min-content);gap:16px 20px;align-content:start;min-height:0}
 body[data-project=glancemap] .goals-composition > .goal-interface {grid-column:1/-1;grid-row:1;position:relative;top:auto;display:block;width:100%;max-width:none;height:auto!important;margin:0 0 6px}
 body[data-project=glancemap] .goal-interface img {width:100%;height:auto;max-height:180px;object-fit:contain}
 body[data-project=glancemap] .goals-composition > .goal-callout {position:static;display:block;grid-column:auto;grid-row:auto;max-width:none;align-self:start;justify-self:start}
 body[data-project=glancemap] .goal-callout h3 {margin-top:7px}
 body[data-project=glancemap] .goal-callout .dg-pill {padding:4px 8px}
 body[data-project=glancemap] svg.goal-leaders {display:none}
 body[data-project=glancemap] .goals-story-heading .chapter-deck {max-width:none;margin:12px 0 0}
}
@media(max-width:800px) and (min-height:651px) and (prefers-reduced-motion:no-preference) {
 body[data-project=glancemap] .goals-sticky {position:sticky;top:94px;height:calc(100svh - 118px);max-height:none;gap:18px}
}
@media(prefers-reduced-motion:reduce), (max-height:650px) {
 body[data-project=glancemap] .goals-scroll-track {height:auto}
 body[data-project=glancemap] .goals-sticky {position:static;display:block;height:auto;min-height:0;max-height:none}
 body[data-project=glancemap] .goals-composition {height:auto;min-height:0}
 body[data-project=glancemap] .goal-callout,
 body[data-project=glancemap] .goal-leader path,
 body[data-project=glancemap] .goal-leader circle {transition:none}
}
@layer case-typography {
 body[data-view=project][data-project=glancemap] .case-study #study .study-facts dt > strong {font-size:var(--case-heading)!important;font-weight:600!important;line-height:1.1!important;font-variant-numeric:tabular-nums}
}
/* Center the evidence and future directions on a common reading column.
   Keep chapter headings on the site grid; only the content is inset. */
@media(min-width:1100px) {
 body[data-project=glancemap] #findings > :is(.gr-pairs,.gr-secondary,.gr-study-note),
 body[data-project=glancemap] #next > :is(.gr-next-head,.gr-next-list) {width:72%;margin-inline:auto;min-width:0}
 body[data-project=glancemap] #findings .gr-result-pair {grid-template-columns:minmax(0,1fr) 9% minmax(0,1fr)}
 body[data-project=glancemap] #findings .gr-connector {padding-inline:10px}
 body[data-project=glancemap] #findings .gr-secondary {gap:24px}
 body[data-project=glancemap] #next .gr-next-head,
 body[data-project=glancemap] #next .gr-next-list>li {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px}
}
@media(min-width:801px) and (min-height:651px) {
 body[data-project=glancemap] .goals-composition {max-height:520px}
}

/* Give the condition summaries one shared reading baseline, rather than
   allowing the larger lesson frame to push its explanation below the control. */
@media(min-width:701px) {
 body[data-project=glancemap] #study .study-condition-grid {align-items:stretch;gap:30px}
 body[data-project=glancemap] #study .study-condition {display:flex;flex-direction:column;padding-block:20px}
 body[data-project=glancemap] #study .study-control {padding-inline:22px}
 body[data-project=glancemap] #study .study-condition h3 {margin:8px 0 14px}
 body[data-project=glancemap] #study .study-experimental figure>img {max-height:255px;object-fit:contain}
 body[data-project=glancemap] #study .study-condition .baseline-story {margin-top:auto;padding-top:14px}
 body[data-project=glancemap] #study .study-condition .baseline-story p {margin-bottom:0}
 body[data-project=glancemap] #study .study-experimental .baseline-story p {margin-top:0}
}
@media(min-width:701px) and (max-width:1099px) {
 body[data-project=glancemap] #study .study-condition-grid {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px}
}

/* Workshop proposals lead into the tested condition without crossing copy. */
body[data-project=glancemap] #process {position:relative}
body[data-project=glancemap] #process .pilot-workshop {padding-left:32px;position:relative}
body[data-project=glancemap] #process .pilot-workshop-connector {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}
body[data-project=glancemap] #process .pilot-workshop-connector path {fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:5 6;stroke-linecap:round;stroke-linejoin:round;opacity:.65;vector-effect:non-scaling-stroke}
body[data-project=glancemap] #process .pilot-round {padding-block:24px 30px}
body[data-project=glancemap] #process .pilot-round .pilot-gallery {margin-top:20px;gap:26px}
body[data-project=glancemap] #process .pilot-round .pilot-gallery-three {grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-project=glancemap] #process .pilot-gallery-three .pilot-example>img {height:auto;aspect-ratio:2.6;object-fit:contain;background:#000}
body[data-project=glancemap] #process .pilot-round :is(.pilot-feedback,.pilot-observation,.pilot-reasoning) {margin-top:22px}
body[data-project=glancemap] .goals-story-heading .chapter-deck {margin-bottom:0}
body[data-project=glancemap] .goals-scroll-cue {justify-content:flex-start;margin:2px 0 0;gap:8px}
body[data-project=glancemap] .goals-scroll-cue .walk-scroll-particles {height:28px}
body[data-project=glancemap] .goals-scroll-cue .walk-scroll-particles i {animation-play-state:running}
body[data-project=glancemap] #study .route-leaders {z-index:3;pointer-events:none}
body[data-project=glancemap] #study .glance-study-opening {margin-top:32px;padding-top:0;border-top:0}
body[data-project=glancemap] #study .route-story {margin-top:30px}
body[data-project=glancemap] #study .study-measures {margin-top:26px}
@media(max-width:700px){
 body[data-project=glancemap] #process .pilot-round .pilot-gallery-three {grid-template-columns:1fr;gap:22px}
 body[data-project=glancemap] #process .pilot-gallery-three .pilot-example>img {max-height:180px}
 body[data-project=glancemap] #process .pilot-workshop {padding-left:26px}
}
@media(prefers-reduced-motion:reduce),(max-height:650px){
 body[data-project=glancemap] .goals-scroll-cue {display:none}
}