/* Balanced original-art annotations; the live game and recording remain unchanged. */
body[data-project=ambulance] #city>.section-heading h2{--case-heading:clamp(18px,5.05vw,44px);white-space:nowrap;font-size:var(--case-heading)!important}
body[data-project=ambulance] #city .ar-map-intro{display:block;max-width:920px}
body[data-project=ambulance] #city .ar-map-intro .ar-section-deck{margin:0;max-width:none}
body[data-project=ambulance] #gameplay.ambulance-chapter{padding-block:38px}
body[data-project=ambulance] #gameplay>.section-heading{margin-bottom:14px}
body[data-project=ambulance] #gameplay>.section-heading h2{max-width:none}
body[data-project=ambulance] #gameplay>.ar-section-deck{margin-bottom:0}
body[data-project=ambulance] #gameplay .ar-game-layout{grid-template-columns:minmax(230px,1fr) minmax(0,2.1fr) minmax(230px,1fr);gap:24px 34px;align-items:start;margin-top:26px}
body[data-project=ambulance] #gameplay [data-ar-step]{translate:none}
body[data-project=ambulance] #gameplay .ar-game-notes-left{grid-column:1;grid-row:2;gap:23px;align-self:center}
body[data-project=ambulance] #gameplay .ar-game-note-top{grid-column:2;grid-row:1;position:relative;z-index:3}
body[data-project=ambulance] #gameplay .ar-game-note-top .ar-game-note>div{display:flex;gap:5px 14px;align-items:baseline}
body[data-project=ambulance] #gameplay .ar-game-note-top h3{flex:none;margin:0}
body[data-project=ambulance] #gameplay .ar-game-frame{grid-column:2;grid-row:2;align-self:center;margin-top:0}
body[data-project=ambulance] #gameplay .ar-game-frame figcaption{padding-top:16px;font-size:var(--case-caption)}
body[data-project=ambulance] #gameplay .ar-game-notes-right{grid-column:3;grid-row:2;align-self:center;gap:25px}
body[data-project=ambulance] #gameplay .ar-game-note h3{font-size:var(--case-copy);line-height:1.2;margin-bottom:7px;text-wrap:pretty}
body[data-project=ambulance] #gameplay .ar-game-note p{font-size:var(--case-note);line-height:1.4;margin:0}
body[data-project=ambulance] #gameplay .ar-pressure{display:block;padding-top:17px;margin-top:0;border-top:1px solid #c8c6be}
body[data-project=ambulance] #gameplay .ar-pressure h3{font-size:var(--case-subhead);line-height:1.18;margin:0 0 10px;text-wrap:pretty}
body[data-project=ambulance] #gameplay .ar-pressure p{font-size:var(--case-note);line-height:1.4;margin:0}
body[data-project=ambulance] #publication.ambulance-chapter{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:50px;padding-block:38px}
body[data-project=ambulance] #publication>.section-heading{margin:0}
body[data-project=ambulance] #publication>.section-heading h2{max-width:20ch;margin:0;font-size:var(--case-heading);line-height:1.12}
body[data-project=ambulance] #publication .ar-audience-result{padding:0;gap:24px;justify-content:flex-end}
body[data-project=ambulance] #publication .ar-audience-result>strong{font-size:clamp(52px,5vw,72px);white-space:nowrap}
body[data-project=ambulance] #publication .ar-audience-result>p{font-size:var(--case-subhead);line-height:1.25;max-width:190px}
@media(min-width:1000px){
 body[data-project=ambulance] #gameplay .ar-game-note>div:has(.ar-hospital-panel){grid-template-columns:minmax(0,1fr) 42px;gap:6px 10px}
 body[data-project=ambulance] #gameplay .ar-game-note .ar-hospital-panel{width:42px}
 body[data-project=ambulance] #gameplay .ar-urgency{gap:10px;margin-top:8px}
}
@media(min-width:1000px) and (max-height:800px){
 body[data-project=ambulance] #gameplay.ambulance-chapter{padding-block:28px}
 body[data-project=ambulance] #gameplay .ar-game-layout{margin-top:19px;gap:22px 30px}
 body[data-project=ambulance] #gameplay .ar-game-notes-left,body[data-project=ambulance] #gameplay .ar-game-notes-right{gap:17px}
}
@media(max-width:999px){
 body[data-project=ambulance] #gameplay .ar-game-layout{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
 body[data-project=ambulance] #gameplay .ar-game-frame{grid-column:1/-1;grid-row:1;margin-top:0;max-width:600px}
 body[data-project=ambulance] #gameplay .ar-game-note-top{grid-column:1/-1;grid-row:2}
 body[data-project=ambulance] #gameplay .ar-game-notes-left{grid-column:1;grid-row:3;align-self:start}
 body[data-project=ambulance] #gameplay .ar-game-notes-right{grid-column:2;grid-row:3;align-self:start}
 body[data-project=ambulance] #publication.ambulance-chapter{gap:30px;grid-template-columns:1fr 1fr}
 body[data-project=ambulance] #publication .ar-audience-result{flex-wrap:wrap;justify-content:flex-start;gap:10px 20px}
 body[data-project=ambulance] #publication .ar-audience-result>p{max-width:none}
}
@media(max-width:600px){
 body[data-project=ambulance] #gameplay .ar-game-layout{display:flex;gap:24px}
 body[data-project=ambulance] #gameplay .ar-game-notes-left,body[data-project=ambulance] #gameplay .ar-game-notes-right,body[data-project=ambulance] #gameplay .ar-game-note-top{display:contents}
 body[data-project=ambulance] #gameplay .ar-game-note-top .ar-game-note>div{display:block}
 body[data-project=ambulance] #gameplay .ar-game-note-top h3{margin-bottom:7px}
 body[data-project=ambulance] #gameplay .ar-pressure{order:7;padding-top:20px;width:100%}
 body[data-project=ambulance] #publication.ambulance-chapter{grid-template-columns:1fr;gap:26px;padding-block:32px}
 body[data-project=ambulance] #publication .ar-audience-result{display:flex;flex-wrap:nowrap;align-items:center;gap:24px}
 body[data-project=ambulance] #publication .ar-audience-result>strong{font-size:52px}
 body[data-project=ambulance] #publication .ar-audience-result>p{font-size:var(--case-copy);margin:0}
}

/* Give the two left annotations separate approaches to the original controls. */
body[data-project=ambulance] #city .ar-map-intro{max-width:none}
body[data-project=ambulance] #city .ar-section-deck>span{display:block;text-wrap:pretty}
body[data-project=ambulance] #publication.ambulance-chapter{grid-template-columns:max-content minmax(0,1fr);gap:35px}
body[data-project=ambulance] #publication>.section-heading h2{--case-heading:clamp(28px,3.05vw,44px);max-width:none;white-space:nowrap;font-size:var(--case-heading)!important}
body[data-project=ambulance] #publication .ar-audience-result{justify-content:flex-start;gap:20px}
body[data-project=ambulance] #publication .ar-audience-result>p{max-width:none;white-space:nowrap;font-size:var(--case-copy)}
@media(min-width:1000px){
 body[data-project=ambulance] #gameplay .ar-game-notes-left{align-self:start}
 body[data-project=ambulance] #gameplay .ar-game-note>div:has(.ar-hospital-panel){grid-template-columns:minmax(0,1fr) 92px;gap:6px 12px}
 body[data-project=ambulance] #gameplay .ar-game-note .ar-hospital-panel{width:92px;margin:0;align-self:start}
}
@media(max-width:999px){
 body[data-project=ambulance] #publication.ambulance-chapter{grid-template-columns:1fr;gap:24px}
 body[data-project=ambulance] #publication .ar-audience-result{flex-wrap:nowrap}
}
@media(max-width:600px){
 body[data-project=ambulance] #publication>.section-heading h2{--case-heading:clamp(18px,5.4vw,28px);font-size:var(--case-heading)!important}
 body[data-project=ambulance] #publication .ar-audience-result{gap:18px}
 body[data-project=ambulance] #publication .ar-audience-result>strong{font-size:42px}
 body[data-project=ambulance] #publication .ar-audience-result>p{font-size:16px}
 body[data-project=ambulance] #gameplay .ar-game-note>div:has(.ar-hospital-panel){grid-template-columns:minmax(0,1fr) 96px;column-gap:16px}
 body[data-project=ambulance] #gameplay .ar-game-note .ar-hospital-panel{width:96px!important}
}

/* The city is part of playing: location and capacity inform each rescue. */
body[data-project=ambulance] #gameplay .ar-game-map{margin-top:52px;scroll-margin-top:110px}
body[data-project=ambulance] #gameplay .ar-game-map .ar-map-intro{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,2fr);gap:30px;align-items:start}
body[data-project=ambulance] #gameplay .ar-game-map .ar-map-intro>h3{margin:0;font-size:var(--case-subhead);line-height:1.2;color:var(--accent)}
body[data-project=ambulance] #gameplay .ar-game-map .ar-map-comparison{margin-top:26px}
@media(max-width:760px){
 body[data-project=ambulance] #gameplay .ar-game-map{margin-top:34px}
 body[data-project=ambulance] #gameplay .ar-game-map .ar-map-intro{grid-template-columns:1fr;gap:14px}
 body[data-project=ambulance] #gameplay .ar-game-map .ar-map-comparison{margin-top:20px}
}

/* One rule per chapter; within gameplay the title and spacing do the grouping. */
body[data-project=ambulance] .case-study #play,
body[data-project=ambulance] .case-study #play .play-heading,
body[data-project=ambulance] .case-study #gameplay .ar-pressure,
body[data-project=ambulance] .case-study #gameplay .ar-game-map,
body[data-project=ambulance] .case-study #gameplay .ar-real-playback{border-top:0!important;border-bottom:0!important}
body[data-project=ambulance] .case-study #overview .stats{border-bottom:0!important}
body[data-project=ambulance] #abstract .ar-news-copy p{max-width:none;text-wrap:pretty}
body[data-project=ambulance] #abstract .news-preview{border-top:0;padding-top:4px}
body[data-project=ambulance] #gameplay .ar-game-map .ar-map-intro{display:block}
body[data-project=ambulance] #gameplay .ar-game-map .ar-map-intro>h3{--case-subhead:var(--case-heading);font-size:var(--case-heading)!important;margin-bottom:20px;color:var(--ink)}
body[data-project=ambulance] #gameplay .ar-map-intro>.ar-section-deck{width:100%;max-width:none}
body[data-project=ambulance] .ar-hospital-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;margin-top:34px}
body[data-project=ambulance] .ar-hospital-scenes figure{display:grid;justify-items:center}
body[data-project=ambulance] .ar-hospital-scenes img{height:235px;width:100%;object-fit:contain;object-position:center bottom}
body[data-project=ambulance] .ar-hospital-scenes figcaption{display:flex;gap:10px;justify-content:center;align-items:baseline;text-align:center;font-size:var(--case-note);color:var(--accent)}
body[data-project=ambulance] .ar-hospital-scenes figcaption>span{font-weight:700;color:#bd4c63}
body[data-project=ambulance] #publication.ambulance-chapter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px}
body[data-project=ambulance] #publication>.section-heading h2{white-space:normal;--case-heading:clamp(30px,3vw,44px)}
body[data-project=ambulance] #publication .ar-audience-result{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px}
body[data-project=ambulance] #publication .ar-audience-result>strong{font-size:clamp(76px,8vw,116px);line-height:1}
body[data-project=ambulance] #publication .ar-audience-result>p{font-size:var(--case-copy);line-height:1.3;white-space:normal;text-align:center}
@media(max-width:700px){
 body[data-project=ambulance] .ar-hospital-scenes{gap:24px 16px;grid-template-columns:1fr}
 body[data-project=ambulance] .ar-hospital-scenes img{height:225px;max-width:310px}
 body[data-project=ambulance] #publication.ambulance-chapter{grid-template-columns:1fr;gap:24px}
 body[data-project=ambulance] #publication .ar-audience-result>strong{font-size:80px}
 body[data-project=ambulance] #publication .ar-audience-result>p{font-size:20px}
}

/* Leaders sit above note backplates, with their paths kept outside the copy. */
body[data-project=ambulance] #gameplay .ar-game-layout>.ar-connections{z-index:4}
@layer case-typography{
 body[data-view=project][data-project=ambulance] .case-study #gameplay .ar-map-intro>h3{font-size:var(--case-heading)!important}
 body[data-view=project][data-project=ambulance] .case-study #publication .ar-audience-result>strong{font-size:var(--case-title)!important}
}

/* Source previews are supporting reading, with the same treatment for both outlets. */
body[data-project=ambulance] #abstract .ar-news-copy .news-preview{margin:16px 0 22px;padding:12px 0 0;border:0}
body[data-project=ambulance] #abstract .ar-news-copy .news-preview h4{margin:8px 0 10px;text-wrap:pretty}
body[data-project=ambulance] #reflection .ar-reflection-grid{align-items:center}
body[data-project=ambulance] #reflection .ar-reflection-copy{padding-top:0;align-self:center}
@layer case-typography{
 body[data-view=project][data-project=ambulance] .case-study #abstract .news-preview h4{font-size:var(--case-note)!important;line-height:1.35!important}
 body[data-view=project][data-project=ambulance] .case-study #abstract .news-preview-meta,
 body[data-view=project][data-project=ambulance] .case-study #abstract .news-preview-actions{font-size:var(--case-caption)!important}
}

/* Real geography, game geography and hospital scenes share one linked row. */
body[data-project=ambulance] #city .ar-map-comparison{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(210px,.64fr);gap:42px;align-items:center;isolation:isolate}
body[data-project=ambulance] #city .ar-map{z-index:auto}
body[data-project=ambulance] #city .ar-map-crop{overflow:hidden}
body[data-project=ambulance] #city .ar-map-real .ar-map-crop{overflow:hidden}
body[data-project=ambulance] #city .ar-map-pin{z-index:4;opacity:1}
body[data-project=ambulance] #city .ar-map-connections{z-index:2}
body[data-project=ambulance] #city .ar-map-connections i{opacity:1;border-top-width:1.5px;height:0}
body[data-project=ambulance] #city .ar-hospital-scenes{display:grid;grid-template-columns:1fr;gap:15px;margin:0;align-items:start}
body[data-project=ambulance] #city .ar-hospital-scene{width:90%;position:relative;z-index:3;display:block}
body[data-project=ambulance] #city .ar-hospital-scene:nth-child(2){justify-self:end;width:86%}
body[data-project=ambulance] #city .ar-hospital-scene:nth-child(3){justify-self:start;width:92%}
body[data-project=ambulance] #city .ar-hospital-scenes figcaption{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:8px;margin:0 0 7px;padding:0;background:var(--bg);font-size:var(--case-note);line-height:1.25}
body[data-project=ambulance] #city .ar-hospital-scenes figcaption strong{font-size:var(--case-note);font-weight:600;color:var(--accent)}
body[data-project=ambulance] #city .ar-hospital-scenes .ar-region{display:block;font-size:var(--case-label);line-height:1.3;letter-spacing:.05em;margin:0 0 2px}
body[data-project=ambulance] #city .ar-hospital-scene-index{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#285fa4;color:#fff!important;font-size:var(--case-label)}
body[data-project=ambulance] #city .ar-hospital-scenes img{height:115px;max-width:100%;width:100%;object-fit:contain;object-position:left center}
body[data-project=ambulance] .ar-covered-news{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;margin:20px 0 24px;padding-left:22px}
body[data-project=ambulance] .ar-covered-news>span{font-size:var(--case-note);font-weight:600;color:var(--accent);padding-top:3px}
body[data-project=ambulance] .ar-covered-news .news-preview{margin:0!important;padding:0!important}
body[data-project=ambulance] .ar-covered-news .news-preview h4{margin-top:8px}
@media(max-width:999px){
 body[data-project=ambulance] #city .ar-map-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 body[data-project=ambulance] #city .ar-hospital-scenes{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 body[data-project=ambulance] #city .ar-hospital-scene:nth-child(n){width:100%;justify-self:stretch}
}
@media(max-width:600px){
 body[data-project=ambulance] #city .ar-map-comparison{gap:18px}
 body[data-project=ambulance] #city .ar-hospital-scenes{grid-template-columns:1fr;gap:16px}
 body[data-project=ambulance] #city .ar-hospital-scenes .ar-hospital-scene{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:18px;align-items:center}
 body[data-project=ambulance] #city .ar-hospital-scenes figcaption{margin:0}
 body[data-project=ambulance] #city .ar-hospital-scenes img{height:105px;object-position:right center}
 body[data-project=ambulance] .ar-covered-news{grid-template-columns:1fr;gap:8px;padding-left:15px;margin-block:18px}
}