.reading-speed-tool .front-tools-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.reading-passage { max-height: 60vh; overflow: auto; padding: 20px; border: 1px solid #dce5eb; font-size: 19px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.reading-clock { font-size: clamp(38px, 8vw, 70px); font-weight: 700; text-align: center; font-variant-numeric: tabular-nums; }
.reading-speed-tool #reading-error { color: #a94442; }
@media (max-width: 767px) { .reading-speed-tool .front-tools-options { grid-template-columns: 1fr; } .reading-passage { padding: 12px; font-size: 17px; } }
@media print { @page { size: A4 portrait; margin: 12mm; } body * { visibility: hidden !important; } #reading-result, #reading-result * { visibility: visible !important; } #reading-result { position: absolute; inset: 0 auto auto 0; width: 100%; } .reading-speed-tool .front-tools-actions { display: none !important; } }