/* Native hidden must win over card/grid display styles. */
[hidden] { display: none !important; }
.app-shell { padding-bottom: 6rem; }
.question-text, [data-card] h2 { scroll-margin-top: 5rem; }
.mini-tag { color: #1748b4; background: #e4edff; }
html[data-theme="dark"] .mini-tag, [data-theme="dark"] .mini-tag { color: #cbdcff; background: #233c6b; }
[data-lesson-status]:not(:empty) { margin: 1rem 0; font-weight: 700; }
.exam-navigation { display:flex; gap:.75rem; flex-wrap:wrap; margin-top:1rem; }
.exam-grid { display:flex; gap:.4rem; flex-wrap:wrap; margin:1rem 0; }
.exam-grid button { min-width:2.6rem; min-height:2.6rem; border:1px solid #718096; border-radius:.6rem; color:inherit; background:transparent; cursor:pointer; }
.exam-grid button.is-answered { border-color:#168348; background:#16834822; }
.exam-grid button[aria-current="step"] { outline:3px solid #2f6bff; outline-offset:1px; }
.answer.is-selected { outline:3px solid #2f6bff; outline-offset:1px; }
.quiz-card a, .source-note a { text-decoration:underline; }
button:disabled { cursor:default; }
.exam-review { margin:1rem 0; }
.exam-review li { padding:.8rem 0; }
@media(max-width:600px) { .toolbar { gap:1rem; flex-wrap:wrap; } .toolbar label { flex:1 1 12rem; } .toolbar select { width:100%; } .exam-navigation .button { flex:1 1 auto; } }

@media(max-width:540px){.bottom-nav__item{min-width:0;padding:.5rem .25rem}.bottom-nav__item span:last-child{font-size:.7rem}}

.bottom-nav{width:min(680px,calc(100% - 24px))}.bottom-nav__item{white-space:normal;text-align:center;min-width:0}.bottom-nav__item span:last-child{line-height:1.2}.marking-card{grid-column:span 1}.marking-card .sign-card__img{width:110px;height:100px;flex-shrink:0}.marking-card .sign-card__desc{white-space:pre-wrap}.marking-card .sign-card__num{display:inline-block;margin-top:.75rem;text-decoration:underline}@media(max-width:540px){.bottom-nav{width:100%;bottom:0;border-radius:0}.bottom-nav__item span:last-child{font-size:.62rem;overflow-wrap:normal}.bottom-nav__item{padding:4px 1px}.marking-card .sign-card__img{width:90px;height:90px}}
