/* ScreenTitle typography and optional trailing score; approved inline Back layout. */
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title{display:block;box-sizing:border-box;padding:16px 0!important;font-family:var(--font)}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title>.mp-back{position:static!important;inset:auto!important;display:grid;place-items:center;box-sizing:border-box;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;margin:0!important;padding:0!important;border:0;border-radius:9999px;transform:none!important;translate:none!important;background:var(--surface);color:var(--action-ink);box-shadow:var(--shadow-tile),0 0 0 1px rgb(var(--brand-rgb)/.08);transition:transform 150ms cubic-bezier(.22,1,.36,1),background-color 150ms cubic-bezier(.22,1,.36,1)}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title>.mp-back:hover{background:var(--brand-tint)}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title>.mp-back:active{transform:scale(.95)!important}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title>.mp-back:focus-visible{outline:3px solid rgb(var(--brand-rgb)/.3);outline-offset:0}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title>.mp-back svg{width:16px;height:16px}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title>.mp-screen-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:0;text-align:left}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title-copy{flex:1;min-width:0}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title h1{display:block;margin:0!important;padding:0!important;font-size:26px!important;font-weight:700;line-height:1.12!important;letter-spacing:-.03em;text-align:left;text-transform:capitalize;overflow-wrap:anywhere}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title-eyebrow{display:block;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;line-height:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--action-ink)}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .screen-title-hint{display:block;margin:6px 0 0;padding:0;font-size:13px;font-weight:400;line-height:1.375;color:var(--muted);letter-spacing:normal;text-transform:none;overflow-wrap:anywhere}
.mp-checked-title .mp-screen-title-row>.review-final-mark{flex:none;align-self:flex-end;margin:0 0 2px;overflow:visible}
body.compact-journey-app main.eval-review-view .review-student-navigation{display:none}
@media(prefers-reduced-motion:reduce){:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title>.mp-back{transition:none}}

/* Approved space-saving departure: Back and title share a row on every screen. */
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title:has(>.mp-back){display:grid;grid-template-columns:36px minmax(0,1fr) 36px;column-gap:12px;align-items:start}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title:has(>.mp-back)>.mp-screen-title-row{min-width:0}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title:has(>.mp-back) .mp-screen-title-copy{padding-top:3.5px}


/* Only report/checked headings change alignment; established screen positions stay intact. */
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title.mp-report-title .mp-screen-title-heading{text-align:center;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title.mp-report-title .mp-screen-title-copy{padding-top:3.5px}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-screen-title.mp-report-title .screen-title-hint{text-align:center}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-checked-title .mp-screen-title-row{height:36px;align-items:center}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-checked-title .mp-screen-title-copy{padding-top:0!important}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-checked-title h1{font-size:var(--checked-name-size,26px)!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;text-transform:none}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-checked-title .review-final-mark{flex:none;align-self:center;margin:0;height:24px;min-height:24px;padding:0 10px;font-size:12px;white-space:nowrap;overflow:visible}
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-checked-title .eval-answer-summary{grid-column:2;display:flex;flex-wrap:wrap;justify-content:center;gap:0 6px;margin:6px 0 0;width:100%;font-size:11px;line-height:16px}
.mp-checked-title .eval-answer-summary>span{display:inline-flex;gap:3px;white-space:nowrap}
:is(body.compact-journey-app main,.design-shell) .mp-checked-title .eval-answer-summary>span+span:before{content:'·';display:inline;color:var(--muted);margin-right:3px;background:none;width:auto;height:auto}
.student-report-dialog header.mp-screen-title{margin:0 16px;background:transparent;flex:none;width:auto}
.student-report-dialog .mp-screen-title h2{margin:0;font-size:26px;line-height:1.12;font-weight:700;color:var(--ink);text-align:center}
.student-report-dialog .student-report-zoom{grid-column:2;justify-self:end}

:is(body.compact-journey-app main,.design-shell,.student-report-dialog) .mp-checked-title:has(>.mp-back){grid-template-columns:36px minmax(0,1fr)!important}

/* Extend the clipping box for descenders without moving the baseline or following content. */
:is(body.compact-journey-app main,.design-shell,.student-report-dialog) :is(.mp-report-title .mp-screen-title-heading,.mp-checked-title h1){padding-bottom:4px!important;margin-bottom:-4px!important}