/* Update 21: readable content first, interactions enabled independently. */
[hidden]{display:none!important}
html:not(.nav-ready){scroll-behavior:auto;scroll-padding-top:20px}
/* The small teal section labels share a clearer size across every page. */
.eyebrow,.perspective-response .eyebrow,.leadership-statement footer,.oai-opening #selection-panel .eyebrow,#model-detail .eyebrow,dialog .eyebrow{font-size:12px;line-height:1.65;letter-spacing:.14em}
.perspective-content>.perspective-fallback{margin-top:36px;padding-top:28px;border-top:1px solid #B9CFDE}
.perspective-fallback blockquote{font-size:clamp(23px,2.2vw,31px);line-height:1.42;letter-spacing:-.025em;margin:0 0 25px}
.perspective-fallback>p:last-child{font-size:14px;line-height:1.8;color:#526B80}
.perspectives-ready .perspective-fallback{display:none}
.perspective-tabs a{display:inline-flex;align-items:center;cursor:pointer}
.model-stage-controls a{display:block;cursor:pointer}
.practice-reference{margin-top:48px;border-top:1px solid #D9E8F2;padding-top:35px}
.practice-reference>h2{font-size:35px}
.practice-reference-item{padding:30px 0;border-top:1px solid #D9E8F2;scroll-margin-top:120px;max-width:830px}
.practice-reference-item h3{font-size:29px;line-height:1.2;margin-bottom:20px}
.practice-reference-item>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#526B80}
.practice-reference-item .practice-question{font:italic 22px/1.5 Georgia,serif;color:#007575;background:#E6F6F7;border-left:3px solid #009A9A;padding:20px;margin:24px 0}
.practice-dialogs-ready .practice-reference:not(.reference-linked){display:none}
.practice-return-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:24px}
.model-page a.seven-card{color:#002B5C;text-decoration:none}
.access-links a{cursor:pointer}
.access-links a>span:nth-child(2){flex:1}
.questions-remaining>.remaining-questions{padding-left:0}
#questions>details.questions-remaining{border:0}
#questions>.questions-remaining>summary{display:inline-block;font-size:16px;font-weight:550;color:#007575;padding:16px 0 5px;border-bottom:1px solid #A8BCCB;letter-spacing:normal}
#questions>details.questions-remaining>summary:after{display:none}
.remaining-questions{margin-top:22px}
button.book-preview:disabled{opacity:1;cursor:default}
button.book-preview:disabled:hover{transform:rotate(-3deg)}
.motion-still{display:block;font-size:11px;line-height:1.4;color:#526B80;padding:10px 4px}
/* A compact, visible navigation replaces the script-driven mobile dropdown. */
@media(max-width:900px){
 html:not(.nav-ready) .header{position:relative}
 html:not(.nav-ready) .header-inner{flex-wrap:wrap;row-gap:10px}
 html:not(.nav-ready) .header nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 19px;width:100%;padding:0;background:white;border:0;box-shadow:none;white-space:normal}
 html:not(.nav-ready) .header nav a{display:block;padding:6px 0;border:0;font-size:13px;line-height:1.5}
 html:not(.nav-ready) .header .nav-client{margin-top:0;min-width:0;padding:7px 11px;border:1px solid #A8BCCB}
}
@media(max-width:760px){
 .eyebrow,.perspective-response .eyebrow,.leadership-statement footer,.oai-opening #selection-panel .eyebrow,#model-detail .eyebrow,dialog .eyebrow{font-size:11px;line-height:1.65;letter-spacing:.13em}
 .practice-reference{margin-top:35px;padding-top:28px}
 .practice-reference-item{scroll-margin-top:25px;padding-block:26px}
 .practice-reference-item h3{font-size:27px}
 .practice-reference-item .practice-question{font-size:21px}
 html:not(.nav-ready) #connected-structure,html:not(.nav-ready) .model-stage-section{scroll-margin-top:20px}
}