/* Confirmed local homepage experiment, 2026-10-16. */
@font-face{font-family:UnitNumeral;src:url('vendor/katex/fonts/KaTeX_Main-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
.unit-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:0;margin-bottom:20px}
.unit-cards:empty{display:none}
.unit-card{text-align:left;display:grid;grid-template-rows:30px minmax(0,1fr) 20px;gap:10px;padding:22px;background:#fff;border:1px solid #e0e5ef;border-radius:14px;height:190px;min-width:0}
.unit-card>span{color:#7661b5;font-weight:700}
.unit-marker{display:flex;align-items:baseline;gap:11px}
.unit-marker .unit-word{font-family:UnitNumeral,Georgia,serif;font-size:26px;line-height:1;font-weight:700;letter-spacing:.6px}
.unit-marker .unit-number{font-family:UnitNumeral,Georgia,serif;font-size:30px;line-height:1;font-weight:700;letter-spacing:0;font-variant-numeric:lining-nums}
.unit-card strong{font-size:17px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;max-height:4.2em}
.unit-card-long strong{font-size:16px;line-height:1.4}
.unit-card small{align-self:end;justify-self:end;text-align:right;margin-top:0;padding-top:0;color:#758195;white-space:nowrap}
.unit-card:hover{border-color:#a99aca;background:#fdfcff}
.unit-card:focus-visible{outline:3px solid #8972d9;outline-offset:3px}
@media(max-width:700px){.unit-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-card{padding:16px;height:190px}.unit-card-long strong{font-size:16px;line-height:1.4}}
@media(max-width:380px){.unit-cards{grid-template-columns:1fr}}

.exam-picker{margin:18px 0 30px}.exam-section{margin:0 0 28px}.exam-section h3{font-size:18px;color:#293349;margin-bottom:14px}.exam-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.exam-card{background:#fff;text-align:left;min-width:0;padding:22px;border:1px solid #e0e5ef;border-radius:14px;display:grid;gap:9px}.exam-card strong{font-size:23px;color:#293349;overflow-wrap:anywhere}.exam-card span{font-size:13px;color:#7661b5}.exam-card small{font-size:13px;color:#758195}.exam-card:hover{border-color:#a99aca;background:#fdfcff}.exam-card:focus-visible{outline:3px solid #8972d9;outline-offset:3px}.tag.difficulty{white-space:normal}.site-title-text{overflow-wrap:anywhere}.mode-subtitle{overflow-wrap:anywhere}
@media(max-width:700px){.exam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exam-card{padding:16px}.exam-card strong{font-size:20px}}
@media(max-width:380px){.exam-grid{grid-template-columns:1fr}}

/* Mechanics graph choices often contain five stacked plots. Keep them readable. */
.options-image img{display:block;width:100%;height:auto;max-height:none}
#imageDialog img{max-height:none;height:auto;max-width:100%}