.kt-trainer[hidden],.kt-trainer [hidden] { display:none!important; }
.kt-trainer { margin:24px 0; padding:24px; border:1px solid var(--st-line); border-radius:14px; background:#f8faf5; }
.kt-play-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.kt-page .kt-article .kt-play-heading h4 { margin:0; font-size:21px; line-height:1.4; font-weight:750; color:var(--st-ink); }
.kt-live-badge { font-size:10px; letter-spacing:1px; font-weight:750; color:var(--kt-accent); }
.kt-trainer-meters { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; margin:0 0 20px; border-block:1px solid var(--st-line); }
.kt-trainer-meters > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 18px; }
.kt-trainer-meters span { font-size:13px; color:var(--st-muted); }
.kt-trainer-meters output { display:block; font-size:28px; line-height:1.2; font-weight:750; font-variant-numeric:tabular-nums; color:var(--st-ink); }
.kt-trainer-panel { min-width:0; }
.kt-trainer-actions,.kt-choice-buttons { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.kt-trainer .kt-control,.kt-trainer .kt-submit,.kt-trainer .kt-cell,.kt-trainer .kt-select-cell,.kt-trainer .kt-order-chip { font:inherit; font-size:14px; line-height:1.4; min-height:46px; padding:11px 16px; border:1px solid #c9d8cc; border-radius:9px; background:#fff; color:var(--st-ink); cursor:pointer; }
.kt-trainer .kt-submit { background:#183f38; border-color:#183f38; color:#fff; font-weight:750; }
.kt-trainer .kt-submit:hover { background:#28564b; }
.kt-trainer button:hover:not(:disabled):not(.kt-submit) { border-color:var(--kt-accent); background:var(--kt-tint); }
.kt-trainer button[aria-pressed="true"] { background:var(--kt-tint); border:2px solid var(--kt-accent); box-shadow:inset 0 0 0 1px var(--kt-accent); }
.kt-trainer button:disabled { opacity:.45; cursor:default; }
.kt-trainer :is(button,input,select,textarea,summary):focus-visible { outline:3px solid #c99935; outline-offset:3px; }
.kt-trainer .kt-play-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; width:100%; max-width:420px; margin:16px auto; }
.kt-trainer .kt-play-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.kt-trainer .kt-cell,.kt-trainer .kt-play-grid .kt-select-cell { display:grid; place-items:center; min-height:70px; padding:8px; font-size:28px; font-weight:750; background:#fff; border:1px solid #c9d8cc; border-radius:9px; color:var(--st-ink); }
.kt-trainer .kt-cell:disabled { opacity:1; color:#87968a; background:#e9eee6; border-color:#e9eee6; }
.kt-date-list { display:grid; gap:10px; }
.kt-trainer .kt-date-list .kt-select-cell { text-align:left; font-variant-numeric:tabular-nums; }
.kt-code-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.kt-trainer .kt-code-grid .kt-select-cell { padding:12px 5px; font-size:17px; font-family:ui-monospace,Consolas,monospace; }
.kt-page .kt-article .kt-current-rule { padding:12px 16px; background:var(--kt-tint); border-radius:9px; font-size:18px; font-weight:750; color:var(--st-ink); }
.kt-page .kt-article .kt-arrow-trial { font-size:clamp(25px,4vw,48px); line-height:1.6; text-align:center; letter-spacing:3px; color:var(--st-ink); margin:28px 0; }
.kt-page .kt-article .kt-number-trial { font-size:64px; line-height:1.5; text-align:center; color:var(--st-ink); }
.kt-trial-color { display:inline-block; font-size:50px; font-weight:800; line-height:1.3; }
.kt-trial-color--0 { color:#b92b20; }.kt-trial-color--1 { color:#245bc2; }.kt-trial-color--2 { color:#237445; }
.kt-word-trial { display:block; font-size:clamp(28px,4vw,48px); text-align:center; margin:30px 0; overflow-wrap:anywhere; }
.kt-figure-sample { display:flex; justify-content:center; gap:30px; padding:24px 10px; background:#fff; border-radius:12px; }
.kt-page .kt-article .kt-token-sequence { text-align:center; font-size:clamp(20px,3vw,34px); color:var(--st-ink); font-weight:750; padding:28px 0; }
.kt-task-facts { margin:16px 0; padding:18px; background:#fff; border:1px solid var(--st-line); border-radius:10px; }
.kt-task-facts > div { display:flex; justify-content:space-between; gap:16px; padding:7px 0; }
.kt-task-facts dt { color:var(--st-muted); font-size:14px; font-weight:500; }.kt-task-facts dd { margin:0; color:var(--st-ink); font-size:16px; font-weight:750; }
.kt-page .kt-article .kt-sample-list { padding:16px 16px 16px 36px; background:#fff; border-radius:10px; }
.kt-page .kt-article .kt-sample-list li { list-style:decimal; padding:0; margin:10px 0; }
.kt-answer-form { display:grid; gap:18px; margin:16px 0; min-width:0; }
.kt-field { display:flex; flex-direction:column; gap:8px; min-width:0; margin:0; font-size:14px; font-weight:650; color:var(--st-ink); }
.kt-trainer .kt-field :is(input,select,textarea) { display:block; width:100%; min-width:0; min-height:46px; box-sizing:border-box; border:1px solid #bdcebf; border-radius:8px; background:#fff; color:var(--st-ink); padding:10px 12px; font:inherit; font-size:16px; }
.kt-field textarea { resize:vertical; }.kt-trainer [aria-invalid="true"] { border-color:#b92b20!important; }
.kt-figure-answer { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:16px; min-width:0; border:1px solid var(--st-line); border-radius:10px; }
.kt-figure-answer legend { width:auto; padding:0 6px; margin:0; color:var(--st-muted); font-size:13px; }
.kt-page .kt-article .kt-rectangle { display:grid; place-items:center; width:200px; max-width:100%; height:110px; border:3px solid var(--kt-accent); color:var(--st-ink); background:#fff; margin:24px auto; font-size:24px; font-weight:700; }
.kt-order-chosen { display:flex; flex-wrap:wrap; gap:10px; min-height:48px; padding:12px; background:var(--kt-tint); border-radius:10px; }
.kt-trainer .kt-order-chip { text-align:left; min-width:0; max-width:100%; overflow-wrap:anywhere; }
.kt-page .kt-article .kt-help { font-size:13px; color:var(--st-muted); line-height:1.65; margin:12px 0; }
.kt-page .kt-article .kt-trainer-status { font-size:14px; min-height:1.7em; margin:14px 0; color:var(--st-ink); }
.kt-trainer-result { scroll-margin-top:90px; margin-top:28px; padding-top:24px; border-top:1px solid var(--st-line); }
.kt-page .kt-article .kt-trainer-result h4 { font-size:24px; font-weight:750; line-height:1.35; margin:0 0 20px; color:var(--st-ink); }
.kt-result-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:20px 0; }
.kt-result-metrics > div { padding:16px; border-radius:10px; background:var(--kt-tint); min-width:0; }
.kt-result-metrics dt { font-size:12px; color:var(--st-muted); font-weight:500; margin-bottom:8px; }.kt-result-metrics dd { margin:0; color:var(--st-ink); font-size:24px; font-weight:750; font-variant-numeric:tabular-nums; }
.kt-answer-review { border:1px solid var(--st-line); border-radius:10px; background:#fff; margin:18px 0; }
.kt-page .kt-article .kt-answer-review-list { padding:0 16px 16px; margin:0; list-style:none; }
.kt-page .kt-article .kt-answer-review-list li { list-style:none; margin:0; padding:16px 0; border-top:1px solid var(--st-line); overflow-wrap:anywhere; }
.kt-page .kt-article .kt-answer-review-list li::before { content:none; }.kt-page .kt-article .kt-answer-review-list li::marker { content:""; }
.kt-answer-review-list .is-correct > strong { color:#237445; }.kt-answer-review-list .is-incorrect > strong { color:#b92b20; }
.kt-page .kt-article .kt-answer-review-list p { font-size:14px; margin:6px 0 0; }
.kt-criteria { display:grid; gap:12px; margin:18px 0; }.kt-criteria label { display:flex; align-items:flex-start; gap:10px; font-size:14px; line-height:1.7; }.kt-criteria input { flex:none; width:18px; height:18px; margin-top:4px; }
.kt-result-conversion { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:24px; align-items:center; margin:28px -8px 0; padding:28px; border-radius:16px; background:#183f38; color:#f6f8ec; }
.kt-page .kt-article .kt-result-conversion h4 { color:#f6f8ec; font-size:27px; margin:0 0 16px; }
.kt-page .kt-article .kt-result-conversion p { color:#d1e0d2; font-size:14px; }
.kt-page .kt-article .kt-result-conversion .st-eyebrow { color:#b5d883; font-size:10px; margin:0 0 14px; }
.kt-page .kt-article .kt-result-conversion ul { list-style:none; padding:0; margin:20px 0; }
.kt-page .kt-article .kt-result-conversion li { display:flex; gap:10px; list-style:none; padding:0; margin:10px 0; color:#e3eddf; font-size:14px; }
.kt-page .kt-article .kt-result-conversion li::before { content:none; }.kt-page .kt-article .kt-result-conversion li::marker { content:""; }
.kt-result-conversion li > span:first-child { flex:none; color:#b5d883; }
.kt-trainer .kt-result-conversion a.kt-signup { display:inline-flex; align-items:center; justify-content:center; padding:13px 18px; border-radius:8px; background:#e9f2cd; color:#183f38; font-size:14px; font-weight:750; text-decoration:none; line-height:1.5; }
.kt-trainer .kt-result-conversion a.kt-signup:hover { background:#fff; }
.kt-result-conversion img { width:150px; height:auto; padding:8px; border-radius:50%; background:#e3edce; transform:rotate(-7deg); }
.kt-page .kt-article .kt-result-conversion .kt-conversion-note { font-size:11px; line-height:1.7; margin:14px 0 0; color:#c1d4c3; }
.kt-trainer .kt-result-conversion .kt-conversion-note a { color:#e9f2cd; text-decoration:underline; }
.kt-worked { margin-top:26px; border-top:1px solid var(--st-line); }.kt-worked > summary { padding-inline:0; font-size:14px; color:var(--st-muted); }
@media(max-width:600px) {
 .kt-trainer { padding:18px 14px; margin-inline:-4px; }.kt-play-heading { align-items:flex-start; }.kt-live-badge { display:none; }
 .kt-result-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.kt-result-metrics > div:last-child { grid-column:1/-1; }
 .kt-result-metrics > div { padding:12px; }.kt-result-metrics dd { font-size:22px; }
 .kt-trainer .kt-cell,.kt-trainer .kt-play-grid .kt-select-cell { min-height:58px; font-size:25px; }
 .kt-code-grid { gap:7px; }.kt-trainer .kt-code-grid .kt-select-cell { font-size:14px; }
 .kt-trainer .kt-date-list .kt-select-cell { font-size:12px; padding:12px 8px; }
 .kt-choice-buttons > button { flex:1 1 90px; }.kt-trainer-actions > button { width:100%; }
 .kt-figure-answer { grid-template-columns:1fr; }.kt-figure-sample { gap:20px; }.kt-trial-color { font-size:42px; }
 .kt-result-conversion { grid-template-columns:minmax(0,1fr); padding:24px 18px; margin-inline:-4px; }
 .kt-result-conversion img { grid-row:1; justify-self:center; width:130px; }.kt-trainer .kt-signup { width:100%; }
}

.kt-worked[hidden] { display:none!important; }