/* Trinity High School colours and crest treatment, over the shared practice layout. */
:root{color:#2a1c22;background:#f7f5f6}
.topbar{height:82px;background:#21171b;border-bottom:4px solid #6a2b45;color:#fff}
.brand{gap:14px;font-size:1rem;letter-spacing:0}
.school-crest{position:relative;display:block;flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;background:#fff;border:2px solid #fff;box-shadow:0 0 0 1px #9c7b89}
.school-crest img{position:absolute;display:block;max-width:none;width:144px;height:auto;left:-44px;top:-1px}
.brand-copy{display:block;line-height:1.16;white-space:normal}
.brand-copy small{display:block;color:#deb9c8;font-size:.68rem;letter-spacing:.16em;font-weight:800;margin-bottom:4px}
.brand-copy strong{display:block;color:#fff;font-size:1.17rem;letter-spacing:-.02em}
.teacher-toggle{background:#3b2731;border-color:#76556a;color:#fff}
.teacher-toggle:hover{background:#503243}
.teacher-toggle[aria-pressed=true]{background:#f5d6e2;border-color:#f5d6e2;color:#502238}
.bank-count{color:#dcc5ce}
.columns{min-height:calc(100vh - 82px)}
.nav{background:#f0eaed;border-right-color:#e0d3d9}
.nav-label,.eyebrow,.side-kicker{color:#71334c}
.nav-button{color:#5a3848}
.nav-button span{color:#936a7e}
.nav-button:hover{background:#e8dce2}
.nav-button.active{background:#692b44;color:#fff}
.nav-button.active span{color:#f7d8e5}
.nav-rule{border-color:#dacbd3}
.nav-note{color:#755b68}
.nav-note strong{display:inline-block;margin-bottom:8px;color:#71334c;font-size:.7rem;letter-spacing:.06em}
.work-heading h1,.question-top h2,.side-card h2,.progress-card h2{color:#301c27}
.work-heading p,.side-card p{color:#62505a}
.session-pill{background:#f2e3ea;color:#662d47}
.side-card,.question-card,.progress-card{border-color:#e5dbe0;box-shadow:0 7px 22px #3d13200a}
.side-card.subtle{background:#f5eff2}
.side-card .tiny,.notice{color:#735d69}
.select-wrap{color:#664d5b}
.select-wrap select{border-color:#ddcbd4;color:#3d2631}
.question-top{border-color:#ebdfe5}
.question-top p{color:#735c68}
.tag{background:#f2e6ec;color:#692f49}
.tag.word{background:#ebd1dd;color:#5c203b}
.tag.max{background:#412333;color:#fff}
.option{color:#392632;border-color:#e2d5dc}
.option:hover{border-color:#a86f89;background:#fcf9fb}
.option.selected{border-color:#7a3655;background:#faf0f5;box-shadow:inset 4px 0 #7a3655}
.option-letter{background:#f0e7eb;color:#70465b}
.option.selected .option-letter{background:#71314d;color:#fff}
.primary{background:#692b44;border-color:#692b44}
.primary:hover{background:#813855}
.secondary{border-color:#d8c4cf;color:#65314b}
.secondary:hover{background:#f8f0f4}
.text-button{color:#70314f}
.feedback-card{border-color:#d9b9c8;background:#fcf9fa}
.feedback-card .result-line{color:#6c2e48}
.feedback-item{border-color:#eadde3}
.feedback-item p{color:#6a5460}
.metric{background:#39202d}
.metric span{color:#e6cbd7}
.bar{background:#f0e5eb}
.bar>div{background:#8b3a5d}
.quick-banner{background:#f6e8ef;border-color:#e8cad9;color:#69304b}
.toast{background:#39202d}
button:focus-visible,select:focus-visible{outline-color:#9c4a70}
@media(max-width:750px){.topbar{height:auto;min-height:78px}.school-crest{width:46px;height:46px}.school-crest img{width:119px;left:-36px;top:-1px}.brand{gap:9px}.brand-copy small{font-size:.56rem;letter-spacing:.11em}.brand-copy strong{font-size:.95rem}.nav{border-bottom-color:#e4d7de}}
@media(max-width:420px){.school-crest{width:40px;height:40px}.school-crest img{width:104px;left:-31px;top:-1px}.brand-copy strong{font-size:.82rem;max-width:143px}.brand-copy small{font-size:.52rem}.teacher-toggle{font-size:.69rem;padding:6px 7px}}