/* Assessment page — the tool (assessment/) sits in a glass panel;
   js/assessment-frame.js sizes the frame to whatever step is showing. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.asmt{padding-top:clamp(28px,5vw,64px)}
.asmt .wrap{display:grid;justify-items:center;gap:20px}
.asmt-panel{width:100%;max-width:860px}
.asmt-frame{display:block;width:100%;height:560px;border:0;background:transparent;
  transition:height .35s cubic-bezier(.2,.7,.2,1)}
.asmt-aside{margin:0;color:var(--sand)}
.asmt-aside a{color:var(--cream);text-underline-offset:3px}
.asmt-aside a:hover{color:var(--signal)}
@media (prefers-reduced-motion:reduce){.asmt-frame{transition:none}}