/* TypingAcademy v1.0.24.8 — scoped public-page refinements */
.ta12-typing-page,.ta13-page {position:relative;isolation:isolate;overflow:clip;}
.ta12-typing-page .ta12-pagination,.ta13-page .ta13-pages {display:flex;flex-direction:column;align-items:center;gap:10px;margin:28px auto 36px;position:relative;z-index:2;}
.ta248-pagination {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;font:600 14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;}
.ta248-pagination a,.ta248-pagination span.ta248-page {min-width:40px;height:40px;padding:0 12px;border:1px solid #d9e5fb;border-radius:11px;display:inline-flex;justify-content:center;align-items:center;background:#fff;color:#142c64;text-decoration:none;box-sizing:border-box;box-shadow:none;}
.ta248-pagination a:hover,.ta248-pagination a:focus-visible {background:#eaf2ff;color:#075fec;border-color:#87b4ff;outline-offset:2px;}
.ta248-pagination span[aria-current=page] {background:#0864ed;border-color:#0864ed;color:#fff;}
.ta248-pagination .ta248-disabled {color:#97a5bd;background:#f6f8fc;}
.ta248-pagination .ta248-ellipsis {padding:0 3px;color:#64748b;}
.ta248-page-summary {font:400 13px system-ui,sans-serif;color:#687c9b;margin:0;text-align:center;}
/* Keep legacy page decorations inside their own sections. Do not target shared header. */
.ta12-typing-page .ta12-hero,.ta13-page .ta13-hero {position:relative;overflow:hidden;}
.ta12-typing-page .ta12-catalog,.ta13-page .ta13-catalog {position:relative;z-index:1;}
.ta248-live-wrap {padding-bottom:36px;}
.ta248-live-wrap .ta24-hero {border-radius:20px;}
.ta248-live-wrap .ta24-card {border:1px solid #dce8fb;border-radius:16px;box-shadow:0 10px 30px rgba(19,51,107,.055);}
.ta248-live-wrap .ta24-layout {align-items:start;}
.ta248-live-wrap .ta24-kv {row-gap:12px;}
.ta248-live-wrap .ta24-rule-grid>span {border-radius:10px;}
.ta248-live-wrap .ta24-card h2 {font-size:clamp(18px,2vw,23px);}
.ta248-live-wrap .ta24-score-grid {gap:14px;}
.ta248-live-wrap .ta24-stat {border-radius:16px;border:1px solid #dce8fb;}
.ta248-live-wrap .ta24-compare {white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto;}
@media(max-width:640px){.ta248-pagination{gap:5px}.ta248-pagination a,.ta248-pagination span.ta248-page{min-width:35px;height:37px;padding:0 9px}.ta248-live-wrap .ta24-card{padding:16px;}}