/* 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}}