/* Small, self-contained ATS practice card in the original TOW colors. */
[data-cover-challenge] { width: 100%; }
.cover-practice-card { color: #f7edf4; background: radial-gradient(ellipse at 95% 0,#813b6050,transparent 58%),linear-gradient(145deg,#30212d,#19141d); border: 1px solid #755365; border-top: 3px solid #e1bd75; border-radius: 18px; padding: clamp(22px,3vw,38px); box-shadow: inset 0 1px 0 #ffffff12,0 6px 0 #0f0a11,0 20px 35px #0002; }
.cover-practice-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin-bottom: 25px; }
.cover-practice-eyebrow { color: #f0cc83; font-size: 9px; font-weight: 800; letter-spacing: .12em; line-height: 1.6; margin-bottom: 8px; }
.cover-practice-heading h2 { font: clamp(32px,3.2vw,46px)/1.08 var(--font-display); letter-spacing: -.025em; color: #fff1f9; margin: 0; }
.cover-round-score { display: flex; align-items: baseline; gap: 5px; color: #f4d389; font: 34px/1 var(--font-display); white-space: nowrap; }
.cover-round-score small { color: #c2aabc; font: 12px/1 var(--font-body); }
.cover-question-progress { color: #ddafc7; font-size: 8px; font-weight: 800; letter-spacing: .13em; margin-bottom: 7px; }
.cover-question-heading h3,.cover-round-complete h3 { color: #fff1f9; font: 700 20px/1.3 var(--font-body); letter-spacing: -.035em; margin: 0 0 8px; }
.cover-question-heading > p:last-child,.cover-round-complete > p:not(.cover-question-progress) { color: #d0bdcb; font-size: 12px; line-height: 1.7; margin: 0; }
.cover-example-board { margin-top: 22px; border: 1px solid #644557; border-radius: 10px; background: #110d1580; overflow: hidden; }
.cover-team { display: flex; gap: 16px; align-items: center; min-height: 95px; padding: 17px 20px; }
.cover-team + .cover-team { border-top: 1px solid #523a4c; }
.cover-team-mark { display: grid; place-items: center; width: 61px; height: 58px; flex: 0 0 61px; border-radius: 13px; border: 1px solid #fff9; background: linear-gradient(145deg,#f9f6fa,#b5a6bc); box-shadow: inset 0 1px 0 #fff,0 3px 0 #736079,0 8px 11px #0007; }
.cover-team-mark img { width: 52px; height: 52px; object-fit: contain; filter: drop-shadow(0 5px 2px #29143266); }
.cover-team-abbr { display: flex; align-items: center; gap: 11px; color: #baa4b5; font-size: 9px; font-weight: 800; letter-spacing: .07em; margin-bottom: 3px; }
.cover-team-abbr b { color: #f6bfda; font-size: 12px; letter-spacing: 0; }
.cover-team strong { display: block; color: #fbf0f8; font-size: 19px; line-height: 1.3; letter-spacing: -.035em; }
.cover-example-score { color: #fff1fa; font: 39px/1 var(--font-display); margin-left: auto; font-variant-numeric: tabular-nums; }
.cover-answer-buttons { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-top: 18px; }
.cover-answer { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 47px; padding: 10px; color: #f5e6f0; background: #352330; border: 1px solid #9a5c7d; border-radius: 7px; font: 700 11px/1.4 var(--font-body); cursor: pointer; }
.cover-answer:hover:not(:disabled) { border-color: #f2beD7; background: #582d45; }
.cover-answer:disabled { cursor: default; color: #bdabba; background: #201821; border-color: #5d4658; }
.cover-answer.is-correct { color: #e6f6cb; background: #33402b; border-color: #94b874; }
.cover-answer.is-incorrect { color: #f4c9db; background: #51273b; border-color: #bc6b8e; }
.cover-answer-hint { color: #c6afbf; font-size: 10px; margin: 13px 0 0; }
.cover-feedback { margin-top: 18px; padding: 17px; border-left: 3px solid #e1bd75; border-radius: 0 7px 7px 0; background: #120e1755; }
.cover-feedback > p { color: #d6c1d0; font-size: 12px; line-height: 1.7; margin: 0; }
.cover-feedback > p + p { margin-top: 7px; }
.cover-feedback > p > strong { color: #f7e8f0; }
.cover-feedback.is-correct { border-left-color: #aaca87; }
.cover-next { display: inline-flex; justify-content: center; align-items: center; gap: 24px; min-height: 44px; margin-top: 18px; padding: 10px 16px; border: 1px solid #f1d28c; border-radius: 6px; color: #2f1c28; background: #f0cf87; font: 800 11px/1.4 var(--font-body); cursor: pointer; }
.cover-practice-note { margin: 22px 0 0; padding-top: 17px; border-top: 1px solid #664958; color: #c7adbf; font-size: 10px; line-height: 1.65; }
.cover-practice-card button:focus-visible { outline: 2px solid #f7d995; outline-offset: 3px; }
.cover-practice-card [tabindex="-1"]:focus { outline: none; }
.cover-round-complete { min-height: 205px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
@media (max-width:420px) { .cover-practice-card { padding: 20px 16px; } .cover-practice-heading { gap: 14px; } .cover-team { gap: 12px; padding: 16px; } .cover-answer-buttons { grid-template-columns: 1fr; gap: 7px; } .cover-team-mark { width: 51px; height: 50px; flex-basis: 51px; } .cover-team-mark img { width: 45px; height: 45px; } .cover-team strong { font-size: 18px; } .cover-example-score { font-size: 34px; } }
@media (prefers-reduced-motion:reduce) { .cover-practice-card * { scroll-behavior: auto; animation: none; transition: none; } }
.cover-score-tools { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.cover-reset { min-height: 44px; min-width: 44px; padding: 6px 0 6px 10px; border: 0; background: transparent; color: #d9bed0; font: 700 10px/1.3 var(--font-body); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }