.tko{max-width:600px;margin:0 auto;padding:32px 20px 72px;display:flex;flex-direction:column;gap:22px}.tko__card{padding:24px 22px;border:1px solid var(--color-hair,#c8d7df);border-left:4px solid var(--color-accent,#238744);border-radius:18px;background:var(--color-card,#fefcf8)}.tko__title{margin:0;font-family:var(--font-serif,"Source Serif 4",Georgia,serif);font-size:27px;line-height:1.2;font-weight:600;color:var(--color-ink-deep,#00173b);overflow-wrap:anywhere}.tko__lead{margin:10px 0 0;font-size:16px;line-height:1.6;color:var(--color-ink-soft,#3c4f62)}.tko__who{margin:18px 0 0;padding:14px;border:1px solid var(--color-hair,#c8d7df);border-radius:14px;background:#f7f2e6;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.tko__whohead{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tko__whohead b{font-size:18px;color:var(--color-ink-deep,#00173b);overflow-wrap:anywhere}.tko__year{padding:2px 10px;border-radius:999px;background:var(--color-ink-deep,#00173b);color:#fff;white-space:nowrap}.tko__learning,.tko__year{font-size:12px;font-weight:700}.tko__learning{margin:0;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-soft,#3c4f62)}.tko__sr{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.tko__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tko__stat{min-width:0;padding:10px 4px;border:1px solid var(--color-hair,#c8d7df);border-radius:12px;background:var(--color-card,#fefcf8);display:grid;gap:4px;justify-items:center;text-align:center}.tko__stat b{font-family:var(--font-serif,"Source Serif 4",Georgia,serif);font-size:26px;line-height:1;font-weight:600;color:var(--color-ink-deep,#00173b)}.tko__stat span{font-size:12px;line-height:1.25;color:var(--color-ink-soft,#3c4f62);overflow-wrap:anywhere}.tko__ico{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#e3f1e8;color:#00601f}.tko__ico svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tko__chips{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.tko__chip{min-width:0;display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;border:1px solid #bfe0cb;border-radius:999px;background:#f1f8f3;font-size:14px;font-weight:600;color:var(--color-ink-deep,#00173b)}.tko__chip .tko__ico{width:24px;height:24px;background:#fff}.tko__chip .tko__ico svg{width:14px;height:14px}.tko__chip>span:last-child{min-width:0;overflow-wrap:anywhere}.tko__rows{margin:10px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.tko__rows li{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px}.tko__rows li>span:last-child{min-width:0;display:grid;gap:1px}.tko__rows b{font-size:15px;line-height:1.35;font-weight:700;color:var(--color-ink-deep,#00173b)}.tko__rows em{font-style:normal;font-size:13.5px;line-height:1.45;color:var(--color-ink-soft,#3c4f62);overflow-wrap:anywhere}.tko__steps{margin:22px 0 0;padding:14px 0 0;border-top:1px solid var(--color-hair,#c8d7df);list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tko__steps li{position:relative;min-width:0;display:grid;gap:6px;justify-items:center;text-align:center}.tko__steps li+li:before{content:"";position:absolute;top:14px;right:50%;width:100%;height:2px;background:var(--color-hair,#c8d7df)}.tko__steps li[data-state=done]+li:before{background:var(--color-accent,#238744)}.tko__stepdot{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--color-hair,#c8d7df);background:var(--color-card,#fefcf8);font-size:14px;font-weight:700;color:var(--color-ink-soft,#3c4f62)}.tko__steps li[data-state=now] .tko__stepdot{border-color:var(--color-ink-deep,#00173b);background:var(--color-ink-deep,#00173b);color:#fff}.tko__steps li[data-state=done] .tko__stepdot{border-color:var(--color-accent,#238744);background:var(--color-accent,#238744);color:#fff}.tko__stepdot .tko__ico{width:100%;height:100%;background:none;color:inherit}.tko__steplabel{font-size:12.5px;line-height:1.3;color:var(--color-ink-soft,#3c4f62);overflow-wrap:anywhere}.tko__steps li[data-state=now] .tko__steplabel{font-weight:700;color:var(--color-ink-deep,#00173b)}.tko__h{margin:20px 0 0;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft,#3c4f62)}.tko__list{padding-left:20px;list-style:disc;display:flex;flex-direction:column;gap:8px}.tko__list,.tko__p{margin:8px 0 0;font-size:15px;line-height:1.55}.tko__list,.tko__note,.tko__p{color:var(--color-ink-soft,#3c4f62)}.tko__note{margin:14px 0 0;font-size:13.5px;line-height:1.5}.tko__warn{margin:16px 0 0;padding:12px 14px;border-radius:12px;border:1px solid #e3c98f;background:#fbf4e2;font-size:14.5px;line-height:1.5;color:#5b4413}.tko__acts{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tko__acts form{margin:0}.tko__go,.tko__quietbtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;font:inherit;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer}.tko__go{border:0;background:var(--color-accent,#238744);color:#fff}.tko__quietbtn{border:1.5px solid var(--color-hair,#c8d7df);background:transparent;color:var(--color-ink-deep,#00173b);font-weight:600}.tko__go:focus-visible,.tko__quietbtn:focus-visible,.tko__stop button:focus-visible{outline:3px solid #f0b429;outline-offset:2px}.tko__stop{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--color-hair,#c8d7df);font-size:13.5px;line-height:1.5;color:var(--color-ink-soft,#3c4f62)}.tko__stop form{display:inline;margin:0}.tko__stop button{padding:0;border:0;background:none;font:inherit;text-decoration:underline;cursor:pointer;min-height:24px}.tko__stop button,.tko__what h2{color:var(--color-ink-deep,#00173b)}.tko__what h2{margin:0;font-size:17px;font-weight:700}.tko__what p{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:var(--color-ink-soft,#3c4f62)}.tko__what a{color:var(--color-ink-deep,#00173b)}@media (max-width:480px){.tko{padding:20px 16px 56px}.tko__title{font-size:23px}.tko__acts{flex-direction:column;align-items:stretch}.tko__acts .tko__go,.tko__acts .tko__quietbtn,.tko__acts form{width:100%}}