/* Courses ("tracks"): overview, chapter pages with an inline quiz, study plan and timed practice exams (#genai, #claude-cert).
   Panels use the glass tokens from glass.css; every colour comes from tokens.css so both themes work. */
#track{--tk-panel:var(--glass,color-mix(in srgb,var(--panel) 60%,transparent));--tk-line:var(--glass-line,var(--line));gap:22px;min-width:0}
#track h2,#track h3{text-wrap:balance}
.tk-panel,.tk-group,.tk-side,.tk-detail,.tk-week,.tk-intro,.tk-exbar,.tk-q,.tk-navq,.tk-result,.tk-break,.tk-rq,.tk-plan-end,.tk-notice{
  border:1px solid var(--tk-line);border-radius:16px;background:var(--tk-panel);backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25)}
@supports not (backdrop-filter:blur(1px)){.tk-group,.tk-side,.tk-detail,.tk-week,.tk-intro,.tk-q,.tk-result,.tk-break,.tk-rq{background:var(--panel)}}

/* hero */
.tk-hero{display:grid;gap:12px;justify-items:start;min-width:0}
.tk-hero h1{margin:2px 0 0;font-size:clamp(30px,4.6vw,48px)}
.tk-hero .blurb{font-size:17px;line-height:1.6}
.tk-hero .cta{margin-top:4px}
.tk-hero-sm h1{font-size:clamp(26px,3.6vw,38px)}
.tk-hero .back{margin-bottom:2px}
.tk-chips{display:flex;flex-wrap:wrap;gap:8px}
.tk-chips .chip b{font:700 13px var(--mono);color:color-mix(in srgb,var(--cat) 70%,var(--ink))}
.tk-chips .chip small{margin:0}
.tk-overall{display:grid;gap:6px;width:min(420px,100%)}
.tk-overall>div{display:flex;align-items:baseline;gap:10px}
.tk-overall b{font:800 22px var(--display);color:color-mix(in srgb,var(--cat) 75%,var(--ink))}
.tk-overall span{color:var(--muted);font-size:13px}
#track .bar{height:5px;background:color-mix(in srgb,var(--cat) 14%,var(--line))}
#track .bar b{border-radius:99px;transition:width .3s}
.tk-btn-sub{font-weight:400;opacity:.75;font-size:12px}
.btn.pri .tk-btn-sub{opacity:.85}
.tk-notice{display:grid;gap:4px;padding:14px 18px;border-left:3px solid var(--cat);background:color-mix(in srgb,var(--cat) 8%,var(--tk-panel))}
.tk-notice b{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--cat) 75%,var(--ink))}
.tk-notice p{margin:0;line-height:1.55;max-width:80ch}

/* overview: groups and chapter rows */
.tk-group{padding:20px;display:grid;gap:16px;min-width:0}
.tk-group-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}
.tk-group-copy{display:grid;gap:6px;justify-items:start;min-width:0}
.tk-group-copy h2{margin:0;font:700 clamp(20px,2.4vw,26px)/1.2 var(--display)}
.tk-group-copy p{margin:0;color:var(--muted);max-width:62ch}
.tk-group-prog{font:600 12px var(--mono);color:color-mix(in srgb,var(--cat) 70%,var(--ink))}
.tk-src{font-size:13px;color:var(--accent);text-decoration:none}
.tk-src:hover{text-decoration:underline}
.tk-facts{border-collapse:collapse;font-size:13px;min-width:230px;border:1px solid var(--tk-line);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--cat) 5%,transparent)}
.tk-facts th,.tk-facts td{padding:7px 12px;text-align:left;border-bottom:1px solid var(--tk-line)}
.tk-facts tr:last-child>*{border-bottom:0}
.tk-facts th{font:600 11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.tk-facts td{font-weight:600}
.tk-rows{display:grid;gap:8px}
.tk-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto 22px;gap:14px;align-items:center;width:100%;padding:12px 14px;text-align:left;cursor:pointer;color:var(--ink);
  border:1px solid var(--tk-line);border-left:3px solid color-mix(in srgb,var(--cat) 55%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--panel) 40%,transparent);transition:border-color .15s,box-shadow .15s}
.tk-row:hover{border-color:var(--cat);box-shadow:0 0 24px -12px var(--cat)}
.tk-row.ok{border-left-color:var(--ok)}
.tk-num{font:700 13px var(--mono);color:color-mix(in srgb,var(--cat) 75%,var(--ink))}
.tk-row-main{display:grid;gap:3px;min-width:0}
.tk-row-main strong{font:600 16px/1.3 var(--display)}
.tk-row-main small{color:var(--muted);font-size:13px;line-height:1.45}
.tk-row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.tk-row-meta em{font:12px var(--mono);font-style:normal;color:var(--muted);white-space:nowrap}
.tk-row-meta .tk-weight{color:color-mix(in srgb,var(--cat) 75%,var(--ink));font-weight:600}
.tk-ck{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:700 12px var(--mono);border:1px solid var(--tk-line)}
.tk-ck.on{background:var(--ok);border-color:var(--ok);color:var(--on-cat)}

/* chapter page: index on the left, reading on the right */
.tk-layout{display:grid;grid-template-columns:minmax(240px,290px) minmax(0,1fr);gap:20px;align-items:start}
.tk-side{position:sticky;top:86px;display:grid;gap:2px;padding:10px;max-height:calc(100vh - 110px);overflow:auto;min-width:0}
.tk-side-head{display:grid;gap:5px;padding:6px 8px 12px;margin-bottom:4px;border-bottom:1px solid var(--tk-line);justify-items:start}
.tk-side-head p{margin:4px 0 0;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--cat) 70%,var(--ink))}
.tk-side-head span{font-size:12px;color:var(--muted)}
.tk-side-head .bar{width:100%}
.tk-item{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;width:100%;padding:9px 8px;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}
.tk-item:hover,.tk-item.active{background:color-mix(in srgb,var(--cat) 11%,transparent);border-color:color-mix(in srgb,var(--cat) 40%,var(--tk-line))}
.tk-item>b{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;font:600 10px var(--mono);color:var(--muted);background:color-mix(in srgb,var(--line) 50%,transparent)}
.tk-item.ok>b{color:var(--on-cat);background:var(--ok);font-size:12px}
.tk-item span{display:grid;gap:2px;min-width:0}
.tk-item strong{font:600 14px/1.3 var(--display)}
.tk-item small{font-size:12px;color:var(--muted)}
.tk-side-foot{display:flex;flex-wrap:wrap;gap:6px;padding:10px 8px 4px;margin-top:4px;border-top:1px solid var(--tk-line)}
.tk-detail{min-width:0;padding:26px 30px 22px;border-top:3px solid var(--cat);outline:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--cat) 7%,var(--tk-panel)) 0,var(--tk-panel) 240px)}
.tk-mback{display:none}
.tk-crumb{margin:0;font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--cat) 70%,var(--muted))}
.tk-detail>h2{font:800 clamp(24px,3vw,32px)/1.15 var(--display);margin:10px 0 8px;letter-spacing:-.01em}
.tk-lead{font-size:18px;line-height:1.5;margin:0;max-width:62ch;color:color-mix(in srgb,var(--ink) 88%,var(--muted))}
.tk-goals{margin-top:18px;padding:14px 18px;border-radius:12px;background:color-mix(in srgb,var(--cat) 9%,transparent);border:1px solid color-mix(in srgb,var(--cat) 30%,transparent)}
.tk-goals b,.tk-tip b,.tk-label{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--cat) 75%,var(--ink))}
.tk-goals ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.tk-goals li{position:relative;padding-left:24px;line-height:1.5}
.tk-goals li::before{content:"✓";position:absolute;left:2px;top:0;font-weight:700;color:var(--ok)}
.tk-block{margin-top:26px;display:grid;gap:12px;min-width:0}
.tk-block h3{margin:0;font:700 20px/1.3 var(--display)}
.tk-block p{margin:0;line-height:1.65;max-width:72ch}
.tk-list{margin:0;padding-left:20px;display:grid;gap:6px;line-height:1.55;max-width:72ch}
.tk-list li::marker{color:var(--cat)}
.tk-code{border:1px solid var(--tk-line);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--code-bg) 70%,transparent);min-width:0}
.tk-code .code{background:transparent;max-height:520px;overflow:auto}
.tk-tip{padding:12px 16px;border-radius:12px;border-left:3px solid var(--cmp);background:color-mix(in srgb,var(--cmp) 10%,transparent)}
.tk-tip b{color:color-mix(in srgb,var(--cmp) 70%,var(--ink))}
.tk-tip p{margin:4px 0 0}
.tk-sec{margin-top:30px;padding-top:22px;border-top:1px solid var(--tk-line);display:grid;gap:12px;scroll-margin-top:90px;min-width:0}
.tk-label{margin:0}
.tk-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:6px 14px;flex-wrap:wrap}
.tk-sec-h>span{font-size:12px;color:var(--muted)}
.tk-lessons{display:flex;flex-wrap:wrap;gap:8px}
.tk-lesson{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:99px;cursor:pointer;color:var(--ink);font-size:13px;font-weight:500;
  border:1px solid color-mix(in srgb,var(--lc,var(--cat)) 45%,var(--line));background:color-mix(in srgb,var(--lc,var(--cat)) 10%,transparent)}
.tk-lesson>span{color:var(--lc,var(--cat));font-size:11px}
.tk-lesson:hover{border-color:var(--lc,var(--cat));box-shadow:0 0 18px -8px var(--lc,var(--cat))}
.tk-lesson .ck{margin-left:2px;font-style:normal}

/* questions (chapter quiz and practice exam) */
.tk-q{padding:16px 18px;display:grid;gap:10px;min-width:0;scroll-margin-top:90px;outline:none}
.tk-q.is-ok{border-color:color-mix(in srgb,var(--ok) 55%,var(--tk-line))}
.tk-q.is-bad{border-color:color-mix(in srgb,var(--bad) 55%,var(--tk-line))}
.tk-q-n{margin:0;font:600 11px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.tk-q-text{margin:0;font:600 17px/1.45 var(--display);max-width:70ch}
.tk-opts{display:grid;gap:8px}
.tk-opt{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 12px;text-align:left;cursor:pointer;color:var(--ink);font:inherit;line-height:1.45;
  border:1px solid var(--tk-line);border-radius:10px;background:color-mix(in srgb,var(--panel) 45%,transparent);transition:border-color .12s,background .12s}
label.tk-opt{grid-template-columns:18px 28px minmax(0,1fr) auto}
.tk-opt input{margin:0;width:16px;height:16px;accent-color:var(--cat)}
.tk-opt:not(:disabled):hover,label.tk-opt:not(.right):not(.wrong):not(.dim):hover{border-color:color-mix(in srgb,var(--cat) 60%,var(--line))}
.tk-opt:disabled{cursor:default}
.tk-key{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;font:700 12px var(--mono);color:var(--muted);background:color-mix(in srgb,var(--line) 55%,transparent)}
.tk-opt-t{min-width:0;overflow-wrap:anywhere}
.tk-opt.sel{border-color:var(--cat);background:color-mix(in srgb,var(--cat) 12%,transparent)}
.tk-opt.sel .tk-key{background:var(--cat);color:var(--on-cat)}
.tk-opt.right{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}
.tk-opt.right .tk-key{background:var(--ok);color:var(--on-cat)}
.tk-opt.wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 11%,transparent)}
.tk-opt.wrong .tk-key{background:var(--bad);color:#fff}
.tk-opt.dim{opacity:.62}
.tk-mark{font:700 14px var(--mono)}
.tk-opt.right .tk-mark{color:var(--ok)}.tk-opt.wrong .tk-mark{color:var(--bad)}
.tk-qact{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.tk-qact .btn:disabled{opacity:.5;cursor:not-allowed}
.tk-fb{display:grid;gap:4px;justify-items:start;padding:12px 14px;border-radius:10px;border:1px solid}
.tk-fb.ok{border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:color-mix(in srgb,var(--ok) 9%,transparent)}
.tk-fb.bad{border-color:color-mix(in srgb,var(--bad) 45%,transparent);background:color-mix(in srgb,var(--bad) 8%,transparent)}
.tk-fb>b{font:700 15px var(--display)}
.tk-fb.ok>b{color:var(--ok)}.tk-fb.bad>b{color:var(--bad)}
.tk-fb>span{font-size:14px}
.tk-fb p{margin:2px 0 6px;line-height:1.55;max-width:72ch}
.tk-iq{border:1px solid var(--tk-line);border-radius:12px;padding:12px 14px;background:color-mix(in srgb,var(--panel) 35%,transparent)}
.tk-iq summary{cursor:pointer;font:600 15px/1.4 var(--display)}
.tk-iq ul{margin:10px 0 0;padding-left:20px;display:grid;gap:5px;line-height:1.5}
.tk-refs{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.tk-refs a{color:var(--accent);text-decoration:none;overflow-wrap:anywhere}
.tk-refs a:hover{text-decoration:underline}
.tk-done-row{margin-top:26px}
.tk-done-row .btn.ok{border-color:var(--ok);color:var(--ok)}
.tk-detail .c-pager .btn{max-width:100%}

/* study plan */
.tk-weeks{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.tk-week{padding:18px;display:grid;gap:12px;align-content:start;border-top:3px solid color-mix(in srgb,var(--cat) 60%,var(--line))}
.tk-week.ok{border-top-color:var(--ok)}
.tk-week-h{display:flex;align-items:center;gap:12px}
.tk-week-h b{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;font:700 13px var(--mono);background:color-mix(in srgb,var(--cat) 16%,transparent);color:color-mix(in srgb,var(--cat) 75%,var(--ink))}
.tk-week.ok .tk-week-h b{background:var(--ok);color:var(--on-cat)}
.tk-week h2{margin:0;font:700 18px/1.3 var(--display)}
.tk-week ul{margin:0;padding-left:20px;display:grid;gap:5px;line-height:1.5}
.tk-week-ch{display:flex;flex-wrap:wrap;gap:6px}
.tk-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;cursor:pointer;color:var(--ink);font-size:12.5px;border:1px solid var(--tk-line);background:color-mix(in srgb,var(--panel) 40%,transparent);text-align:left}
.tk-chip>span:first-child{color:var(--muted)}
.tk-chip.ok{border-color:color-mix(in srgb,var(--ok) 50%,var(--line))}
.tk-chip.ok>span:first-child{color:var(--ok);font-weight:700}
.tk-chip:hover{border-color:var(--cat)}
.tk-plan-end{padding:18px 20px;display:grid;gap:10px}
.tk-plan-end h2,.tk-break h2,.tk-review h2{margin:0;font:700 19px var(--display)}

/* practice exam */
.tk-intro{padding:22px;display:grid;gap:16px;justify-items:start}
.tk-intro-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;width:100%}
.tk-intro-facts div{padding:12px 14px;border-radius:12px;border:1px solid var(--tk-line);background:color-mix(in srgb,var(--cat) 6%,transparent)}
.tk-intro-facts dt{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.tk-intro-facts dd{margin:4px 0 0;font:800 22px var(--display)}
.tk-exam{display:grid;gap:14px;min-width:0}
.tk-exbar{position:sticky;top:76px;z-index:5;display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:10px 14px;background:var(--glass-strong,var(--panel))}
.tk-exbar>span:first-child{font-size:14px}
.tk-exn{font-size:13px;color:var(--muted)}
.tk-exbar .btn{margin-left:auto}
.tk-clock{font:700 16px var(--mono);padding:3px 10px;border-radius:8px;background:color-mix(in srgb,var(--cat) 12%,transparent);color:color-mix(in srgb,var(--cat) 75%,var(--ink));font-variant-numeric:tabular-nums}
.tk-clock.low{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}
.tk-warn{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--cmp) 50%,transparent);background:color-mix(in srgb,var(--cmp) 10%,transparent);font-size:14px}
.tk-warn span{margin-right:auto}
.tk-exgrid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px;align-items:start}
.tk-exq{padding:20px}
.tk-exq .tk-q-text{font-size:18px}
.tk-expager{display:flex;justify-content:space-between;gap:10px;margin-top:6px}
.tk-expager .btn:disabled{opacity:.45;cursor:default}
.tk-navq{padding:12px;position:sticky;top:140px}
.tk-navq p{margin:0 0 8px;font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tk-navq div{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:6px}
.tk-navq button{height:34px;border-radius:8px;border:1px solid var(--tk-line);background:transparent;color:var(--muted);cursor:pointer;font:600 12px var(--mono)}
.tk-navq button.ans{background:color-mix(in srgb,var(--cat) 16%,transparent);color:var(--ink);border-color:color-mix(in srgb,var(--cat) 40%,var(--line))}
.tk-navq button.cur{border-color:var(--cat);box-shadow:inset 0 0 0 1px var(--cat);color:var(--ink)}
.tk-result{padding:22px;display:grid;gap:16px}
.tk-score{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tk-score strong{font:800 56px/1 var(--display)}
.tk-score strong small{font-size:24px;margin-left:2px}
.tk-score.ok strong{color:var(--ok)}.tk-score.mid strong{color:var(--cmp)}.tk-score.bad strong{color:var(--bad)}
.tk-score div{display:grid;gap:3px}
.tk-score b{font:700 18px var(--display)}
.tk-score span{color:var(--muted);font-size:13px}
.tk-break{padding:18px 20px;display:grid;gap:8px}
.tk-brow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(80px,160px);gap:12px;align-items:center;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.tk-brow:hover{background:color-mix(in srgb,var(--cat) 9%,transparent)}
.tk-brow em{font:600 12px var(--mono);font-style:normal;color:var(--muted)}
#track .tk-brow .bar{height:7px}
#track .bar.ok b{background:var(--ok)}#track .bar.mid b{background:var(--cmp)}#track .bar.bad b{background:var(--bad)}
.tk-review{display:grid;gap:12px}
.tk-review .learn{margin-left:0}
.tk-rq{padding:16px 18px;display:grid;gap:10px;border-left:3px solid var(--ok)}
.tk-rq.is-bad{border-left-color:var(--bad)}
.tk-rq .tk-q-n b{color:var(--ok)}.tk-rq.is-bad .tk-q-n b{color:var(--bad)}
.tk-inline{border:0;background:none;padding:0;color:var(--accent);cursor:pointer;font:inherit;text-transform:none;letter-spacing:0}
.tk-inline:hover{text-decoration:underline}
.tk-ropts{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.tk-ropts li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:8px 10px;border-radius:9px;border:1px solid transparent}
.tk-ropts li.right{border-color:color-mix(in srgb,var(--ok) 50%,transparent);background:color-mix(in srgb,var(--ok) 9%,transparent)}
.tk-ropts li.right .tk-key{background:var(--ok);color:var(--on-cat)}
.tk-ropts li.wrong{border-color:color-mix(in srgb,var(--bad) 50%,transparent);background:color-mix(in srgb,var(--bad) 8%,transparent)}
.tk-ropts li.wrong .tk-key{background:var(--bad);color:#fff}
.tk-ropts em{display:flex;gap:6px;font:600 10.5px var(--mono);font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:var(--ok);white-space:nowrap}
.tk-ropts em.you{color:var(--muted)}
.tk-ropts li.wrong em.you{color:var(--bad)}
.tk-ropts li em+em{grid-column:3}
.tk-why{margin:0;line-height:1.55;font-size:14px;max-width:75ch}

@media(max-width:900px){
  .tk-layout{grid-template-columns:minmax(0,1fr)}
  .tk-detail{order:-1;padding:20px 16px}
  .tk-mback{display:inline-flex;margin-bottom:10px}
  .tk-side{position:static;max-height:none}
  .tk-lead{font-size:16px}
  .tk-exgrid{grid-template-columns:minmax(0,1fr)}
  .tk-navq{position:static;order:-1}
  .tk-navq div{grid-template-columns:repeat(auto-fill,minmax(32px,1fr))}
}
@media(max-width:820px){.tk-exbar{top:8px}}
@media(max-width:640px){
  .tk-group{padding:14px}
  .tk-group-head{grid-template-columns:minmax(0,1fr)}
  .tk-facts{min-width:0;width:100%}
  .tk-row{grid-template-columns:28px minmax(0,1fr) 22px;gap:6px 10px;padding:11px 12px;align-items:start}
  .tk-num{grid-column:1;grid-row:1/3;padding-top:2px}
  .tk-row-main{grid-column:2;grid-row:1}
  .tk-row-meta{grid-column:2;grid-row:2;flex-direction:row;flex-wrap:wrap;gap:4px 10px;align-items:center}
  .tk-ck{grid-column:3;grid-row:1}
  .tk-intro-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tk-weeks{grid-template-columns:minmax(0,1fr)}
  .tk-q,.tk-exq,.tk-rq{padding:14px}
  .tk-q-text,.tk-exq .tk-q-text{font-size:16px}
  .tk-score strong{font-size:44px}
  .tk-brow{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
  #track .tk-brow .bar{grid-column:1/-1}
  .tk-ropts li{grid-template-columns:28px minmax(0,1fr)}
  .tk-ropts em,.tk-ropts li em+em{grid-column:2}
  .tk-hero .cta .btn{flex:1 1 100%;text-align:left}
}
@media (prefers-reduced-motion:reduce){#track .bar b,.tk-row,.tk-opt{transition:none}}
.tk-videos{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tk-videos a{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--glass,var(--panel));color:var(--ink);text-decoration:none}
.tk-videos a:hover{border-color:color-mix(in srgb,var(--cat,var(--b1)) 55%,var(--line))}
.tk-play{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e62117;color:#fff;font-size:13px}
.tk-videos b{display:block;font-size:14px}.tk-videos small{color:var(--muted);font-size:12.5px}