/* Assessment showcase and reader: scoped to preserve the existing site design. */
/* The root scroll-padding already accounts for the sticky header and a 20px gap. */
#student-assessment,#assessment-faq,#faqs{scroll-margin-top:0}
.assessment-teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:center;background:#f5f8fa;width:calc(100% - var(--page-gutter)*2);border:1px solid var(--surface-border);border-radius:var(--surface-radius);padding:var(--card-padding);margin-top:var(--card-gap)}
.assessment-teaser h2{max-width:570px}.assessment-teaser-copy>p:not(.eyebrow){margin-top:24px;max-width:590px}.assessment-teaser .button{margin-top:28px}
.assessment-teaser-art{position:relative;display:block;width:100%;max-width:540px;margin:auto;padding:12px 10% 34px 24%;text-decoration:none}
.assessment-teaser-ratings{position:relative;z-index:1;width:100%;height:auto;border:1px solid #d1dce5;box-shadow:0 12px 30px #1730471c}
.assessment-teaser-cover{position:absolute;width:51%;height:auto;left:8%;top:13%;transform:rotate(-9deg);box-shadow:0 6px 18px #1730471c}
.assessment-sample-label{display:block;position:relative;left:-20%;width:135%;margin-top:20px;text-align:center;font-size:.8rem;color:#536675}
.home-page .track .assessment-track-benefit{font-size:1rem;border-top:1px solid var(--surface-border);padding-top:18px;margin:18px 0}.assessment-track-benefit a{text-underline-offset:3px}
.program-page main>.assessment-showcase{background:#f5f8fa;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);align-items:center;overflow:hidden}
.assessment-copy h2{font-size:clamp(2rem,3.1vw,3rem);max-width:550px}.assessment-intro{margin-top:24px;max-width:570px}
.assessment-benefits{margin:28px 0;display:grid;gap:20px}.assessment-benefits dt{font-weight:700;font-size:1.05rem;line-height:1.5}.assessment-benefits dd{margin:5px 0 0;font-size:1rem;line-height:1.65}
.assessment-actions{display:flex;gap:18px 24px;align-items:center;flex-wrap:wrap}.assessment-actions .button,.assessment-teaser .button{background:var(--blue);border-color:var(--blue)}.assessment-actions .button:hover,.assessment-teaser .button:hover{background:#285978}
.assessment-gallery{min-width:0}.assessment-deck{position:relative;width:100%;aspect-ratio:1/1.04;max-width:800px;margin:0 auto;touch-action:pan-y}
.assessment-card{display:block;position:absolute;width:64%;left:18%;top:4%;transform-origin:center center;transition:transform .25s,opacity .25s;box-shadow:5px 10px 25px #17304726;border:1px solid #cbd8e2;background:white;cursor:zoom-in}
.assessment-card img{width:100%;height:auto;pointer-events:none}.assessment-card.is-active{z-index:3;transform:none}.assessment-card.is-left{z-index:1;transform:translate(-27%,10%) rotate(-9deg) scale(.78);cursor:pointer}.assessment-card.is-right{z-index:2;transform:translate(27%,10%) rotate(9deg) scale(.78);cursor:pointer}.assessment-card.is-stacked{opacity:0;visibility:hidden;pointer-events:none}
.assessment-card:hover.is-active{transform:translateY(-3px)}.assessment-card:focus-visible{outline-offset:5px}
.assessment-page-navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:4px;width:fit-content;max-width:100%;margin:8px auto 0}.assessment-page-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--navy);cursor:pointer}.assessment-page-arrow svg{width:36px;height:36px;stroke-width:3}.assessment-page-arrow:hover{background:#e5edf3;color:var(--blue)}.assessment-page-arrow:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.assessment-page-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-width:0}.assessment-page-choices button{font:600 .85rem/1.4 'Open Sans',Arial,sans-serif;color:var(--navy);border:1px solid #cbd8e2;border-radius:4px;background:#e5edf3;min-height:44px;padding:10px 12px;cursor:pointer}.assessment-page-choices button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.assessment-page-choices button:hover{border-color:var(--blue)}
.assessment-sample-note{font-size:.75rem;line-height:1.6;text-align:center;margin-top:16px;color:#536675}.assessment-showcase [hidden]{display:none!important}
.assessment-dialog:not([open]){display:none}.assessment-dialog[open]{display:flex;flex-direction:column}
.assessment-dialog{position:fixed;inset:0;width:min(1200px,calc(100vw - 40px));height:calc(100dvh - 40px);max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:10px;background:#eaf0f5;color:var(--ink);box-shadow:0 24px 100px #0006;font:16px/1.5 'Open Sans',Arial,sans-serif;overflow:hidden}
.assessment-dialog::backdrop{background:#102433c9;backdrop-filter:blur(3px)}
.assessment-viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:white;flex-shrink:0;border-bottom:1px solid var(--surface-border)}.assessment-viewer-heading h2{font-size:1.2rem;line-height:1.4;letter-spacing:-.02em;margin:0}.assessment-viewer-heading p{font-size:.8rem;margin:4px 0 0;color:#536675}
.assessment-close{display:inline-flex;gap:12px;align-items:center;flex-shrink:0;background:white;border:1px solid #a6b9c7;border-radius:4px;min-height:44px;padding:8px 14px;font:600 .9rem/1.4 'Open Sans',Arial,sans-serif;color:var(--navy);cursor:pointer}.assessment-close span{font-size:1.5rem;line-height:1}
.assessment-toolbar{display:flex;align-items:center;gap:16px;padding:12px 24px;flex-shrink:0;flex-wrap:wrap;background:white;border-bottom:1px solid var(--surface-border)}.assessment-toolbar label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600}.assessment-toolbar select{font:inherit;color:var(--navy);border:1px solid #a6b9c7;border-radius:4px;background:white;min-height:44px;padding:8px;max-width:100%}.assessment-toolbar>a{font-size:.85rem;font-weight:600;margin-left:auto;text-underline-offset:3px}
.assessment-reader{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px;scroll-behavior:auto}.assessment-document{position:relative;width:100%;max-width:none;margin:0 auto}.assessment-document figure{margin:0 0 32px;width:100%;}.assessment-document figcaption{font-size:.8rem;color:#536675;margin-bottom:8px}.assessment-document img{display:block;width:100%;height:auto;border:1px solid #cbd8e2;box-shadow:0 3px 12px #17304712}.assessment-document figure:last-child{margin-bottom:0}
.assessment-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;flex-shrink:0;background:white;border-top:1px solid var(--surface-border)}.assessment-viewer-footer>span{font-size:.8rem}.assessment-viewer-footer .button{padding:10px 16px;font-size:.875rem;min-height:44px}
@media(max-width:1050px){.program-page main>.assessment-showcase{grid-template-columns:1fr}.assessment-copy h2,.assessment-intro{max-width:760px}.assessment-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.assessment-gallery{max-width:740px;width:100%;margin:auto}.assessment-deck{aspect-ratio:1/1.01}.assessment-teaser{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px}}
@media(max-width:650px){.assessment-teaser{grid-template-columns:1fr}.assessment-teaser-art{max-width:380px}.assessment-teaser .button{width:100%}.assessment-benefits{grid-template-columns:1fr;gap:18px}.assessment-actions{align-items:stretch;flex-direction:column}.assessment-actions .button{width:100%}.assessment-actions .text-link{align-self:flex-start}.assessment-deck{aspect-ratio:720/960;margin-top:10px}.assessment-card{width:100%;left:0;top:0}.assessment-card.is-left,.assessment-card.is-right{visibility:hidden;pointer-events:none}.assessment-card:hover.is-active{transform:none}.assessment-page-choices{gap:6px}.assessment-page-choices button{font-size:.75rem;padding:8px 10px}.assessment-page-navigation{gap:4px}.assessment-dialog{width:100vw;height:100dvh;border-radius:0}.assessment-viewer-heading{padding:12px 14px;gap:10px}.assessment-viewer-heading h2{font-size:1rem}.assessment-viewer-heading p{font-size:.7rem}.assessment-close{padding:8px 10px;gap:6px}.assessment-toolbar{gap:8px 12px;padding:10px 14px}.assessment-toolbar label{font-size:.75rem;gap:5px}.assessment-toolbar select{font-size:.75rem}.assessment-toolbar>a{font-size:.75rem;margin-left:0;min-height:36px;display:flex;align-items:center}.assessment-reader{padding:14px}.assessment-viewer-footer{padding:10px 14px;gap:10px}.assessment-viewer-footer>span{font-size:.7rem}.assessment-viewer-footer .button{font-size:.75rem;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.assessment-card{transition:none}.assessment-card:hover.is-active{transform:none}}

/* October 17 review: align the columns and bring controls up beneath the pages. */
.program-page main>.assessment-showcase{align-items:start;gap:clamp(24px,3vw,48px)}
.assessment-deck{aspect-ratio:1/.89}
.assessment-card{top:0;padding:0;color:inherit;text-align:left}
.assessment-actions .button{cursor:pointer}
.assessment-inline-button{display:inline;padding:0;background:none;border:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.assessment-teaser-art{padding-bottom:12px}
@media(max-width:1050px){.assessment-deck{aspect-ratio:1/.89}}
@media(max-width:650px){.assessment-deck{aspect-ratio:720/940}}