/* 타자 연습(2026-10-31 개발자3). 기본 모양은 /tools/tools.css. */
.ty-opts { display: flex; flex-direction: column; gap: 10px; }
.ty-seg { display: flex; gap: 6px; flex-wrap: wrap; }
.ty-seg button { font-family: inherit; font-size: 15px; font-weight: 800; border: 1.5px solid #CED4E5; background: #fff; color: #1A1D29; border-radius: 12px; padding: 9px 16px; cursor: pointer; }
.ty-seg button[aria-pressed="true"] { background: #3B5BDB; border-color: #3B5BDB; color: #fff; }
.ty-meta { display: flex; justify-content: space-between; font-size: 14px; font-weight: 700; color: #6B7085; }
.ty-title { font-size: 15px; font-weight: 800; color: #3B5BDB; margin-top: 6px; }
.ty-target { font-size: 20px; line-height: 1.75; letter-spacing: .01em; background: #F3F5FC; border-radius: 14px; padding: 14px; margin-top: 8px; word-break: keep-all; white-space: pre-wrap; user-select: none; -webkit-user-select: none; }
.ty-target span.ok { color: #2B8A3E; }
.ty-target span.ng { color: #E03131; background: #FFE3E3; border-radius: 3px; }
.ty-target span.cur { border-bottom: 3px solid #3B5BDB; }
.ty-target span.todo { color: #495057; }
.ty-src { font-size: 12.5px; color: #8A8FA3; margin-top: 6px; }
.ty-input { width: 100%; font-family: inherit; font-size: 19px; line-height: 1.6; border: 1.5px solid #CED4E5; border-radius: 14px; padding: 12px; margin-top: 12px; resize: vertical; background: #fff; }
.ty-input:focus { outline: none; border-color: #3B5BDB; }
@media (max-width: 420px) { .ty-target { font-size: 18px; } }
.tl-allexams { display: block; margin-top: 12px; font-size: 15.5px; font-weight: 800; color: #3B5BDB; text-decoration: none; }   /* 전체 종목 보기(2026-10-31) */