/* Choices reveal the work; project status lives with the project notes. */
.paging-ready .flagship-project .project-copy{padding:30px;justify-content:center}
.paging-ready .flagship-project .project-lead{font-size:26px;line-height:1.6;margin:25px 0 19px}
.paging-ready .flagship-project .body-copy{max-width:340px;line-height:1.9}
.flagship-role{margin:23px 0 18px}
.project-story-link{border:0;background:none;padding:5px 0;color:var(--accent);font:inherit;font-size:14px;display:flex;align-items:center;gap:22px;cursor:pointer}
.project-story-link span{transition:transform .3s}
.project-story-link:hover span{transform:translate(3px,-3px)}
.paging-ready .flagship-project .consultation-playground{padding:24px 30px;color:#fff}
.conversation-context{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#e4eaff;margin-bottom:17px}
.conversation-context i{font-style:normal;display:inline-block;margin:0 16px}
.conversation-context>span:last-child{font-size:11px;color:#d3dcff}
.perspective-switch{align-self:flex-start;display:inline-flex;padding:4px;background:#ffffff16;border:1px solid #ffffff45;border-radius:99px;gap:4px;margin-bottom:21px}
.perspective-switch button{font-family:inherit;font-size:13px;line-height:20px;padding:7px 21px;border-radius:99px;border:0;background:transparent;color:#ecf0ff;cursor:pointer;transition:background .25s,color .25s}
.perspective-switch button[aria-pressed="true"]{background:#fff;color:#2046d7}
.consultation-body{min-height:325px}
.consultation-question{font-size:24px;line-height:1.5;letter-spacing:.01em;margin:0 0 16px}
.concern-choices{display:flex;gap:10px;margin-bottom:20px}
.concern-choices button{font-family:inherit;font-size:14px;line-height:20px;padding:11px 16px;flex:1;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #ffffff75;color:white;background:#ffffff09;border-radius:6px;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.concern-choices button:hover{background:#ffffff24;transform:translateY(-2px)}
.concern-choices button[aria-pressed="true"]{background:#fff;color:#1a3fc9;border-color:#fff}
.consultation-reply{background:#f6f8ff;color:#243657;border-radius:7px;padding:18px 20px;min-height:128px}
.reply-label{font-size:12px;line-height:1.5;display:block;color:#7184a7;margin-bottom:8px}
.consultation-reply h4{font-size:21px;line-height:1.5;font-weight:500;margin:0 0 8px;letter-spacing:.005em}
.consultation-reply p{font-size:14px;line-height:1.85;color:#5c6e90;margin:0}
.consultation-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}
.consultation-actions button,.thread-back{font-family:inherit;font-size:13px;line-height:20px;display:flex;align-items:center;gap:18px;border-radius:99px;padding:10px 16px;border:1px solid #ffffff80;background:none;color:#fff;cursor:pointer;transition:background .2s}
.consultation-actions button:hover,.thread-back:hover{background:#ffffff18}
.consultation-actions .return-next:disabled{background:#ffffff10;border-color:#ffffff30;color:#e0e7ff;cursor:default}
.consultation-actions .thread-open{border:0;padding-right:0;gap:7px}
.consultation-playground [hidden]{display:none!important}
.consultation-sheet{min-height:325px}
.sheet-heading>span{font-size:12px;color:#d7e1ff}
.sheet-heading h4{font-weight:450;font-size:25px;line-height:1.6;margin:8px 0 15px;outline:none}
.sheet-items{margin:0 0 18px;padding:0;list-style:none;background:#f6f8ff;color:#243657;border-radius:7px}
.sheet-items li{padding:13px 20px;border-bottom:1px solid #dae2f3}
.sheet-items li:last-child{border:0}
.sheet-items span{display:block;font-size:12px;color:#7284a2;margin-bottom:5px}
.sheet-items p{font-size:14px;line-height:1.8;margin:0}
.project-notes>summary{padding:15px 27px}
.project-notes>summary>span:last-child{font-size:12px}
.project-notes-content{padding-top:7px}
.project-source-links{display:flex;gap:23px;flex-shrink:0}
.project-source-links .small-link{display:inline-flex}
.practice-explorer{min-width:0;align-self:center}
.practice-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #c9d4e8;gap:17px}
.practice-choices button{font-family:inherit;font-size:14px;line-height:1.6;text-align:left;padding:0 0 18px;border:0;border-bottom:2px solid transparent;background:none;color:#77849e;cursor:pointer;transition:color .25s,border-color .25s}
.practice-choices button>span{display:block;font:italic 25px/1.2 Georgia,serif;margin-bottom:8px;color:inherit}
.practice-choices button[aria-pressed="true"]{color:var(--accent);border-bottom-color:var(--accent)}
.practice-choices button:hover{color:var(--accent)}
.practice-scene{min-height:365px;padding:30px 0 0}
.practice-place{font-size:12px;letter-spacing:.02em;color:#72829f;margin:0 0 18px}
.practice-scene h3{font-family:var(--display-sans);font-size:32px;line-height:1.6;font-weight:450;color:#253650;margin:0 0 23px}
.practice-copy{font-size:15px;line-height:1.95;max-width:570px;color:#5f6e86;margin:0 0 23px}
.practice-points{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:27px}
.practice-points span{padding:7px 11px;border:1px solid #ced9ec;border-radius:4px;font-size:12px;line-height:1.5;color:#617696}
.practice-related{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ccd7ea;padding-top:17px;font-size:13px;line-height:1.7;color:var(--accent)}
.consultation-playground button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.project-story-link:focus-visible,.practice-choices button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(min-width:1101px) and (max-height:850px){
 .paging-ready .flagship-project .consultation-playground{padding-top:22px;padding-bottom:22px}
 .consultation-body,.consultation-sheet{min-height:305px}
 .perspective-switch{margin-bottom:17px}
 .concern-choices{margin-bottom:17px}
 .consultation-question{font-size:23px;margin-bottom:14px}
 .consultation-reply{min-height:122px;padding:16px 20px}
 .paging-ready .flagship-project .project-lead{font-size:25px;margin-top:22px}
 .practice-scene{padding-top:24px;min-height:355px}
 .practice-scene h3{font-size:30px;margin-bottom:19px}
}
@media(max-width:1100px){
 .consultation-question{font-size:21px}
 .consultation-body,.consultation-sheet{min-height:355px}
 .consultation-reply{min-height:157px}
 .consultation-actions{flex-wrap:wrap}
 .consultation-reply h4{font-size:20px}
 .paging-ready .flagship-project .project-lead{font-size:24px}
 .paging-ready .approach-editorial{gap:40px}
 .practice-scene h3{font-size:27px}
}
@media(max-width:900px){
 .consultation-body,.consultation-sheet{min-height:305px}
 .consultation-reply{min-height:128px}
 .practice-explorer{width:100%}
}
@media(max-width:600px){
 .paging-ready .flagship-project .consultation-playground{padding:25px 21px}
 .paging-ready .flagship-project .project-copy{padding:28px 23px}
 .paging-ready .flagship-project .project-lead{font-size:24px;margin:23px 0 17px}
 .flagship-role{margin:20px 0 13px}
 .consultation-question{font-size:22px;min-height:66px}
 .perspective-switch{align-self:stretch;display:flex;margin-bottom:23px}
 .perspective-switch button{flex:1;padding:7px 12px}
 .concern-choices{gap:9px}
 .concern-choices button{padding:11px 12px;gap:10px;font-size:14px}
 .consultation-reply{min-height:175px;padding:18px 16px}
 .consultation-reply h4{font-size:20px}
 .consultation-actions{gap:13px;margin-top:20px}
 .consultation-actions button{font-size:12px;padding:10px 13px;gap:9px}
 .consultation-actions .thread-open{padding-left:0;padding-right:0;gap:6px}
 .sheet-heading h4{font-size:22px}
 .sheet-items li{padding:14px 16px}
 .project-notes>summary{padding:17px 21px;gap:12px}
 .project-notes>summary>span:last-child{font-size:11px;gap:13px}
 .project-notes-content p{font-size:14px}
 .project-source-links{margin-top:3px}
 .project-source-links .small-link{margin-top:10px;font-size:12px}
 .practice-choices{gap:13px}
 .practice-choices button{font-size:13px;padding-bottom:15px}
 .practice-scene{min-height:365px;padding-top:25px}
 .practice-scene h3{font-size:27px;margin-bottom:21px}
 .practice-copy{font-size:15px}
 .practice-related{font-size:12px}
 .paging-ready .approach-editorial{gap:38px}
}
@media(max-width:360px){
 .paging-ready .flagship-project .project-copy{padding-left:20px;padding-right:20px}
 .paging-ready .flagship-project .consultation-playground{padding-left:18px;padding-right:18px}
 .paging-ready .flagship-project .project-lead{font-size:21px}
 .consultation-question{font-size:21px}
 .consultation-reply{min-height:196px}
 .consultation-reply h4{font-size:19px}
 .concern-choices button{font-size:13px;padding-left:10px;padding-right:10px}
 .project-notes>summary{padding-left:17px;padding-right:17px}
 .project-notes>summary>span:last-child{gap:10px}
}
@media(prefers-reduced-motion:reduce){
 .consultation-playground button,.project-story-link span,.practice-choices button{transition:none}
 .concern-choices button:hover,.project-story-link:hover span{transform:none}
}

/* Bring real-world feedback back to the same question. */
.thread-anchor{font-size:17px;line-height:1.7;color:#fff;margin:0 0 16px}
.thread-anchor>span{font-size:12px;color:#d6dfff;margin-right:13px}
.consultation-playground .conversation-context{margin-bottom:12px}
.consultation-playground .perspective-switch{margin-bottom:16px}
.consultation-body{min-height:0}
.concern-choices button{padding:12px 14px;gap:9px;text-align:left}
.feedback-voice{font-size:11px;line-height:1.6;color:#d7e1ff;flex-shrink:0}
.concern-choices button strong{font-size:14px;line-height:1.6;font-weight:400;flex:1}
.concern-choices button[aria-pressed="true"] .feedback-voice{color:#697fad}
.feedback-arrow{font-size:16px}
.consultation-reply{min-height:145px}
.consultation-reply p{display:flex;gap:12px;line-height:1.8}
.next-label{font-size:12px;line-height:2.1;color:#7b8bad;flex-shrink:0}
.consultation-actions{min-height:42px}
.consultation-actions .thread-open{margin-left:auto;border:0;padding-right:0;gap:8px}
.sheet-heading h4{font-size:23px}
.sheet-items .history-followup{font-size:12px;color:#7788a7;margin-top:7px}
@media(min-width:1101px) and (max-height:850px){
 .paging-ready .flagship-project .consultation-playground{padding-top:20px;padding-bottom:20px}
 .consultation-playground .perspective-switch{margin-bottom:14px}
 .consultation-playground .concern-choices{margin-bottom:16px}
 .consultation-playground .consultation-reply{min-height:139px}
}
@media(max-width:1100px){
 .concern-choices button{display:grid;grid-template-columns:1fr auto;gap:4px 8px}
 .feedback-voice{grid-column:1;grid-row:1}
 .concern-choices button strong{grid-column:1/-1;grid-row:2}
 .feedback-arrow{grid-column:2;grid-row:1}
 .consultation-reply{min-height:181px}
}
@media(max-width:600px){
 .thread-anchor{font-size:17px;line-height:1.9;margin-bottom:21px}
 .consultation-playground .perspective-switch{margin-bottom:20px}
 .concern-choices button{padding:11px 12px}
 .consultation-reply{min-height:208px}
 .consultation-reply p{display:block;font-size:14px}
 .next-label{display:block;margin-bottom:5px}
 .consultation-actions{gap:12px}
 .consultation-actions button{font-size:12px}
 .sheet-heading h4{font-size:21px}
 .sheet-heading>span{line-height:1.8}
}
@media(max-width:360px){
 .concern-choices button strong{font-size:13px}
 .consultation-reply{min-height:250px}
 .consultation-actions{align-items:flex-start}
 .consultation-actions .thread-open{margin-left:0}
}

/* Each reply advances one continuous scene. Alternatives start at one question. */
.scene-message{margin:0 0 17px;color:#fff}
.scene-message p{font-size:16px;line-height:1.85;margin:0}
.scene-message p+p{margin-top:8px}
.scene-message p>span{font-size:11px;color:#d8e2ff;margin-right:12px}
.consultation-playground .thread-anchor{font-size:14px;color:#d7e1ff;margin-bottom:20px}
.consultation-playground .thread-anchor>span{font-size:11px}
.consultation-playground .consultation-reply{min-height:0}
.consultation-reply h4:focus{outline:none}
.consultation-playground .concern-choices{margin-top:16px;margin-bottom:0}
.consultation-playground .concern-choices button{display:grid;grid-template-columns:1fr auto;gap:6px 10px}
.concern-choices .feedback-voice{grid-column:1;grid-row:1}
.concern-choices strong{grid-column:1/-1;grid-row:2}
.concern-choices .feedback-arrow{grid-column:2;grid-row:1}
.scene-restart{display:block;border:0;background:none;font:inherit;font-size:11px;line-height:1.8;color:#dae3ff;padding:0;margin:17px 0 0;cursor:pointer}
.scene-restart>span{margin-left:9px}
.scene-restart:hover{color:white}
@media(min-width:1101px){
 .scene-message{min-height:61px}
 .consultation-playground .consultation-reply{min-height:126px}
 .consultation-playground .consultation-actions{margin-top:15px}
}
@media(max-width:600px){
 .scene-message p{font-size:15px;line-height:1.9}
 .scene-message p>span{display:block;margin:0 0 4px}
 .scene-message p+p{margin-top:12px}
 .consultation-playground .thread-anchor{font-size:14px;line-height:1.9;margin-bottom:21px}
 .consultation-playground .consultation-reply h4{font-size:20px}
 .consultation-playground .consultation-actions{flex-wrap:wrap;gap:12px}
 .consultation-playground .thread-open{margin-left:0}
 .consultation-playground .concern-choices strong{font-size:13px;line-height:1.7}
}
