/* Only the two editorial opening scenes. Load after refined.css. */
#stage.coverOpening{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:4%;padding-right:4.5%}
#stage.coverOpening #readingPanel{justify-content:center}
#stage.coverOpening #copy h1{font-size:4.55cqw;line-height:1.04;letter-spacing:-.05em;max-width:8.4em}
#stage.coverOpening #copy .lead{max-width:29em;font-size:clamp(17px,1.12cqw,23px)}
#stage.coverOpening .authors{margin-top:2cqw;padding-top:1.25cqw;max-width:30em}
#stage.coverOpening .authors p{font-size:clamp(14px,.93cqw,20px);line-height:1.65;margin-bottom:.8cqw}
#stage.coverOpening .authors small{font-size:clamp(12px,.8cqw,17px);line-height:1.6}
#stage.coverOpening .coverNote{max-width:33em;font-size:clamp(12px,.8cqw,17px);line-height:1.55;margin-top:1.2cqw}
#stage.coverOpening #sceneExtras{display:flex;align-items:stretch;min-width:0}
#stage.coverOpening .openingAtlas{display:flex;flex-direction:column;align-self:stretch;justify-content:center;min-height:0;width:100%;margin:0;padding:.8cqw 0}
#stage.coverOpening .openingAtlasHeading{display:flex;justify-content:space-between;align-items:center;color:#577265;letter-spacing:.15em;font-size:clamp(10px,.63cqw,14px);margin:0 4%;line-height:1.5}
#stage.coverOpening .openingAtlasHeading span:last-child{color:#8b957f;font-size:.9em;letter-spacing:.13em}
#stage.coverOpening .openingAtlasArt{display:block;width:100%;min-height:0;flex:1;max-height:37cqw;overflow:visible}
#stage.coverOpening .openingAtlas figcaption{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;color:#30584b;margin:0 4%;padding-top:1.1cqw;border-top:1px solid #416d5427;font-size:clamp(13px,.86cqw,19px);line-height:1.5}
#stage.coverOpening .openingAtlas figcaption i{font-style:normal;color:#a78959;margin:0 .6em}
#stage.coverOpening .openingAtlas figcaption small{color:#63786b;font-size:clamp(10px,.65cqw,14px)}
#stage.questionOpening{display:flex;justify-content:center;align-items:center;padding:2.3% 5.5%;min-width:0}
#stage.questionOpening #readingPanel,#stage.questionOpening #modelStage{display:none}
#stage.questionOpening #sceneExtras{display:block;width:100%;max-width:66cqw;min-width:0;margin:0 auto}
#stage.questionOpening .openingQuestion{width:100%;margin:0;max-width:none;color:#24483f}
#stage.questionOpening .eyebrow{margin:0 0 .8cqw;font-size:clamp(11px,.68cqw,15px)}
#stage.questionOpening .openingQuestion h2{font-size:2.75cqw;font-weight:450;letter-spacing:-.04em;line-height:1.09;margin:0 0 1.5cqw;color:#183c35}
#stage.questionOpening .openingQuestion h2 em{font-style:normal;font-weight:400;color:#347867}
#stage.questionOpening .openingReadingPath{border-top:1px solid #6e88723d}
#stage.questionOpening .openingReadingBlock{display:grid;grid-template-columns:9.2cqw minmax(0,1fr);column-gap:1.7cqw;padding:1cqw 0;border-bottom:1px solid #6e887226;align-items:baseline}
#stage.questionOpening .openingReadingBlock h3,#stage.questionOpening .openingResearchQuestion h3{font-size:clamp(11px,.66cqw,15px);font-weight:500;letter-spacing:.1em;text-transform:uppercase;line-height:1.55;margin:0;color:#627568}
#stage.questionOpening .openingReadingBlock p{font-size:clamp(16px,1.1cqw,24px);line-height:1.48;margin:0;color:#3a5a4f;text-wrap:pretty}
#stage.questionOpening .openingDefinition p{color:#4e685d}
#stage.questionOpening .openingResearchQuestion{margin-top:1.55cqw;padding-left:1.3cqw;border-left:2px solid #bb9760}
#stage.questionOpening .openingResearchQuestion h3{color:#81633c;margin-bottom:.6cqw}
#stage.questionOpening .openingResearchQuestion p{font-size:clamp(24px,2.1cqw,43px);font-weight:400;letter-spacing:-.025em;line-height:1.28;margin:0;color:#234f43;text-wrap:pretty}
#stage.questionOpening .openingResearchQuestion p em{font-style:normal;color:#88683f}
@media(max-width:1250px),(max-height:680px){
 #stage.coverOpening{padding-top:30px;padding-bottom:30px;min-height:590px}
 #stage.coverOpening #copy h1{font-size:clamp(38px,4.55cqw,57px)}
 #stage.coverOpening #copy .lead{font-size:16px}
 #stage.coverOpening .authors{margin-top:24px;padding-top:18px}
 #stage.coverOpening .authors p{font-size:14px;margin-bottom:12px}
 #stage.coverOpening .authors small{font-size:13px}
 #stage.coverOpening .coverNote{font-size:12px;margin-top:18px}
 #stage.coverOpening .openingAtlasArt{max-height:none;min-height:320px}
 #stage.coverOpening .openingAtlas figcaption{padding-top:16px;font-size:14px}
 #stage.questionOpening{min-height:590px;padding:30px 7%}
 #stage.questionOpening #sceneExtras{max-width:820px}
 #stage.questionOpening .eyebrow{font-size:11px;margin-bottom:14px}
 #stage.questionOpening .openingQuestion h2{font-size:34px;margin-bottom:22px}
 #stage.questionOpening .openingReadingBlock{grid-template-columns:125px minmax(0,1fr);gap:20px;padding:14px 0}
 #stage.questionOpening .openingReadingBlock h3,#stage.questionOpening .openingResearchQuestion h3{font-size:11px}
 #stage.questionOpening .openingReadingBlock p{font-size:17px}
 #stage.questionOpening .openingResearchQuestion{margin-top:22px;padding-left:18px}
 #stage.questionOpening .openingResearchQuestion h3{margin-bottom:10px}
 #stage.questionOpening .openingResearchQuestion p{font-size:27px}
}
@media(max-width:760px){
 #stage.coverOpening{display:flex;flex-direction:column;padding:28px 6%;gap:34px;min-height:0}
 #stage.coverOpening #copy h1{font-size:46px;max-width:8em}
 #stage.coverOpening #copy .lead{font-size:16px}
 #stage.coverOpening .authors{max-width:none;margin-top:24px;padding-top:18px}
 #stage.coverOpening .coverNote{max-width:none;font-size:12px}
 #stage.coverOpening .openingAtlas{padding:0}
 #stage.coverOpening .openingAtlasHeading{font-size:10px}
 #stage.coverOpening .openingAtlasArt{min-height:0;max-height:none;aspect-ratio:640/555;flex:none}
 #stage.coverOpening .openingAtlas figcaption{font-size:13px;padding-top:14px;gap:6px 12px}
 #stage.coverOpening .openingAtlas figcaption small{font-size:10px}
 #stage.questionOpening{display:block;padding:27px 6% 34px;min-height:0}
 #stage.questionOpening #sceneExtras{width:100%;max-width:none}
 #stage.questionOpening .eyebrow{font-size:10px;margin-bottom:16px}
 #stage.questionOpening .openingQuestion h2{font-size:33px;letter-spacing:-.045em;line-height:1.12;margin-bottom:25px}
 #stage.questionOpening .openingReadingBlock{display:block;padding:17px 0}
 #stage.questionOpening .openingReadingBlock h3{font-size:10px;margin-bottom:7px}
 #stage.questionOpening .openingReadingBlock p{font-size:16px;line-height:1.5}
 #stage.questionOpening .openingResearchQuestion{margin-top:26px;padding-left:15px}
 #stage.questionOpening .openingResearchQuestion h3{font-size:10px;margin-bottom:11px}
 #stage.questionOpening .openingResearchQuestion p{font-size:26px;line-height:1.31}
}