/* Readability pass for beginners: one friendly font, sentence-case labels, darker body text, calmer headings.
   Loaded last. Monospace stays only where real code, numbers in cells or keyboard keys appear. */
:root{--display:"Inter","Segoe UI",system-ui,sans-serif;--body:"Inter","Segoe UI",system-ui,sans-serif}
body{font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1{font-weight:750;letter-spacing:-.022em}
h2{text-transform:none!important;letter-spacing:-.01em!important}
.blurb,.tk-hero .blurb,.hero2 .blurb{color:color-mix(in srgb,var(--ink) 78%,var(--muted));max-width:62ch;line-height:1.65}
:root[data-theme="light"] .blurb{color:color-mix(in srgb,var(--ink) 82%,var(--muted))}
/* labels: normal case, body font, easy to read */
.eyebrow,.cat,.net strong,.stage-h b,.stepno,.note .ask b,.c-index-label,.c-detail h3,.c-why b,.c-table thead th,.c-ask>b,
.ai-h,.ai-q b,.ai-verdict,.ai-report h3,.ai-overall span,.lang-menu-h,.account-resume-k,.account-stat-k,.dd-head,.rm-kind,.rm-sec,
.tk-notice b,.tk-facts th,.tk-side-head p,.tk-crumb,.tk-goals b,.tk-tip b,.tk-label,.tk-q-n,.tk-intro-facts dt,#cta-start.cont small,
.card h3,details.more summary{font-family:var(--body)!important;text-transform:none!important;letter-spacing:0!important}
.eyebrow{font-size:12.5px!important;font-weight:650;padding:4px 11px}
.c-detail h3,.tk-label,.ai-report h3{font-size:15px!important;font-weight:700;color:var(--ink)!important}
.tk-goals b,.tk-tip b,.tk-notice b,.c-why b,.c-ask>b,.net strong{font-size:13.5px!important;font-weight:700}
.chip,.pill{font-family:var(--body)!important;font-size:13px}
.chip small{font-family:var(--body)}
/* course overview: one clear first step, the rest secondary */
.tk-start{display:grid;gap:8px;justify-items:start;margin-top:6px}
.tk-start .btn.pri{font-size:16px;padding:12px 22px;text-transform:none;letter-spacing:0}
.tk-hint{margin:0;max-width:60ch;color:var(--muted);font-size:14.5px}
.tk-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.tk-more>span{color:var(--muted);font-size:14px;margin-right:2px}
.tk-more .btn{font-size:14px;padding:6px 12px}
.tk-notice details summary{cursor:pointer;color:var(--muted);font-size:14px;margin-top:6px}
.tk-notice details p{margin:6px 0 0}
.btn.pri{text-transform:none!important;letter-spacing:0!important}
.tk-group-prog,.tk-row-meta em{font-family:var(--body)!important;letter-spacing:0!important;text-transform:none!important}
.sd-nav-label,.stepno,.stage-h b{font-family:var(--body)!important;text-transform:none!important;letter-spacing:0!important;font-size:12.5px!important}
.start-hint{display:flex;align-items:center;gap:10px;margin:14px 0 4px;padding:10px 12px 10px 14px;max-width:820px;border:1px solid color-mix(in srgb,var(--b2) 45%,var(--line));
  border-radius:12px;background:color-mix(in srgb,var(--b2) 10%,var(--panel));font-size:14.5px;line-height:1.5;color:var(--ink)}
.start-hint>span:nth-child(2){flex:1}
.start-hint .btn{flex:none}
@media(max-width:520px){.start-hint{align-items:flex-start;flex-wrap:wrap}.start-hint .btn{margin-left:auto}}