/* RC262 · student topic practice overview. Scoped; all appearance modes inherit LessonSky tokens. */
.sk-practice-subject-page {
  --sk262-bg:var(--sk196-card,var(--sk-card,#172d49));
  --sk262-panel:var(--sk196-panel,var(--sk-card-bg,#203c5c));
  --sk262-text:var(--sk196-text,var(--sk-text,#ecf4ff));
  --sk262-muted:var(--sk196-muted,var(--sk-text-muted,#bdd1e5));
  --sk262-line:var(--sk196-line,var(--sk-border,rgba(148,178,213,.48)));
  --sk262-focus:var(--sk196-focus,#9ecafa);
  --sk262-accent:var(--sk-primary,#497dcb);
  color:var(--sk262-text);
}
.sk-practice-subject-page .sk262-hero,
.sk-practice-subject-page .sk262-archive {margin-block:15px;background:var(--sk262-bg);color:var(--sk262-text);border:1px solid var(--sk262-line);border-radius:20px;min-width:0}
.sk-practice-subject-page .sk262-hero {padding:clamp(15px,2.2vw,25px);display:grid;gap:16px}
.sk-practice-subject-page .sk262-hero-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:13px;flex-wrap:wrap}
.sk-practice-subject-page .sk262-eyebrow {letter-spacing:.1em;text-transform:uppercase;font-weight:850;color:var(--sk262-muted);font-size:.71rem}
.sk-practice-subject-page .sk262-hero-heading h2 {font-size:clamp(1.14rem,2.1vw,1.55rem);line-height:1.32;color:var(--sk262-text)!important;margin:5px 0 0}
.sk-practice-subject-page .sk262-safe-label {border:1px solid var(--sk262-line);border-radius:40px;padding:5px 10px;color:var(--sk262-muted);font-size:.73rem;font-weight:700}
.sk-practice-subject-page .sk262-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sk-practice-subject-page .sk262-metric {min-width:0;display:flex;flex-direction:column;gap:5px;border-radius:15px;border:1px solid var(--sk262-line);background:var(--sk262-panel);padding:14px}
.sk-practice-subject-page .sk262-metric strong {font-size:clamp(1.45rem,2.6vw,2.05rem);font-weight:850;line-height:1.15;letter-spacing:-.03em;color:var(--sk262-text)!important;font-variant-numeric:tabular-nums}
.sk-practice-subject-page .sk262-metric span {font-weight:780;font-size:.84rem;line-height:1.4;color:var(--sk262-text)}
.sk-practice-subject-page .sk262-metric small {font-size:.7rem;line-height:1.55;color:var(--sk262-muted)!important}
.sk-practice-subject-page .sk262-clarification {margin:0!important;padding:12px 14px;border-inline-start:3px solid var(--sk262-accent);border-radius:6px 11px 11px 6px;background:var(--sk262-panel);font-size:.81rem;line-height:1.65;color:var(--sk262-muted)!important}
.sk-practice-subject-page .sk262-alert,.sk-practice-subject-page .sk262-history-hint {margin:0!important;color:var(--sk262-muted)!important;font-size:.79rem;line-height:1.65}
.sk-practice-subject-page .sk262-alert {padding:10px 12px;border:1px dashed var(--sk262-line);border-radius:10px}
.sk-practice-subject-page .sk262-pause-line {display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--sk262-line);padding-top:12px}
.sk-practice-subject-page .sk262-pause-line>span {flex:1 1 210px;font-size:.84rem;line-height:1.45;color:var(--sk262-text)}
.sk-practice-subject-page .sk262-pause-line form {margin:0!important}
.sk-practice-subject-page .sk262-archive {padding:0}
.sk-practice-subject-page .sk262-archive>summary {display:flex;align-items:center;gap:14px;justify-content:space-between;cursor:pointer;min-height:55px;padding:12px 18px;font-weight:780;list-style:none;color:var(--sk262-text)!important}
.sk-practice-subject-page .sk262-archive>summary::-webkit-details-marker {display:none}
.sk-practice-subject-page .sk262-archive>summary::before {content:'▸';color:var(--sk262-muted)}
.sk-practice-subject-page .sk262-archive[open]>summary::before {content:'▾'}
.sk-practice-subject-page .sk262-archive>summary>span {flex:1 1 auto}
.sk-practice-subject-page .sk262-archive>summary small {font-size:.72rem;color:var(--sk262-muted);font-weight:500}
.sk-practice-subject-page .sk262-archive>:not(summary) {margin:0 16px 12px}
.sk-practice-subject-page .sk262-history-list {padding:0;list-style:none;display:grid;gap:0}
.sk-practice-subject-page .sk262-history-list li {display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 2px;border-top:1px solid var(--sk262-line);color:var(--sk262-text)}
.sk-practice-subject-page .sk262-history-list li>div {min-width:0;display:grid;gap:4px}
.sk-practice-subject-page .sk262-history-list li strong {font-size:.83rem;color:var(--sk262-text)!important}
.sk-practice-subject-page .sk262-history-list li small {font-size:.73rem;line-height:1.5;color:var(--sk262-muted)!important}
.sk-practice-subject-page .sk262-history-list li>span {white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}
.sk-practice-subject-page .sk262-status-tabs {display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:15px 0 8px}
.sk-practice-subject-page .sk262-status-tab {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:8px 12px;border-radius:14px;text-decoration:none!important;border:1px solid var(--sk262-line);background:var(--sk262-bg);color:var(--sk262-text)!important;font-weight:750;font-size:.81rem;line-height:1.25}
.sk-practice-subject-page .sk262-status-tab.is-current {background:var(--sk262-accent)!important;color:#fff!important;border-color:var(--sk262-accent)}
.sk-practice-subject-page .sk262-tab-count {min-width:22px;padding:3px 6px;border:1px solid currentColor;border-radius:99px;font-variant-numeric:tabular-nums;font-size:.7rem;text-align:center;opacity:.88}
.sk-practice-subject-page .sk262-status-explain {font-size:.77rem;line-height:1.6;color:var(--sk262-muted)!important;margin:0 0 15px}
.sk-practice-subject-page .sk262-topic-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.sk-practice-subject-page .sk262-topic-list>.sk262-topic {padding:0!important;overflow:hidden;display:block;min-width:0;border-radius:17px!important}
@supports selector(:has(*)) {.sk-practice-subject-page .sk262-topic-list>.sk262-topic:has(>details[open]) {grid-column:1/-1}}
.sk-practice-subject-page .sk262-topic-toggle {display:block;min-width:0}
.sk-practice-subject-page .sk262-topic-summary {display:grid;gap:9px;cursor:pointer;padding:15px 17px;list-style:none;min-width:0}
.sk-practice-subject-page .sk262-topic-summary::-webkit-details-marker {display:none}
.sk-practice-subject-page .sk262-topic-summary .sk222-topic-head {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sk-practice-subject-page .sk262-topic-name {flex:1 1 155px;min-width:0}
.sk-practice-subject-page .sk262-topic-name h3 {font-size:clamp(.98rem,1.5vw,1.1rem)!important;line-height:1.4;margin:0 0 2px!important}
.sk-practice-subject-page .sk262-topic-name p {font-size:.73rem!important;line-height:1.5;margin:0!important;color:var(--sk262-muted)!important}
.sk-practice-subject-page .sk262-topic-badges {display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px}
.sk-practice-subject-page .sk262-state {display:inline-flex;align-items:center;max-width:100%;line-height:1.35;font-size:.72rem;font-weight:800;border:1px solid var(--sk262-line);border-radius:80px;padding:5px 9px;color:var(--sk262-text);background:var(--sk262-panel)}
.sk-practice-subject-page .sk262-state-review {border-color:#bc963e;border-inline-start:3px solid #bc963e}
.sk-practice-subject-page .sk262-state-completed,.sk-practice-subject-page .sk262-state-target {border-color:#439a8b;border-inline-start:3px solid #439a8b}
.sk-practice-subject-page .sk262-state-in_progress {border-color:#c08b35;border-inline-start:3px solid #c08b35}
.sk-practice-subject-page .sk262-topic-summary .sk222-topic-count {font-size:.72rem!important;padding:5px 9px;align-self:center;border-color:var(--sk262-line)}
.sk-practice-subject-page .sk262-topic-meta {display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.71rem;line-height:1.4;color:var(--sk262-muted)}
.sk-practice-subject-page .sk262-topic-meta>span:not(.sk262-expand-invite) {background:var(--sk262-panel);border-radius:6px;padding:3px 7px;border:1px solid var(--sk262-line)}
.sk-practice-subject-page .sk262-expand-invite {margin-inline-start:auto;white-space:nowrap;color:var(--sk262-text);font-weight:750}
.sk-practice-subject-page .sk262-topic-toggle[open] .sk262-expand-invite span {display:inline-block;transform:rotate(180deg)}
.sk-practice-subject-page .sk262-topic-summary .sk222-progress {height:4px;margin:1px 0 0}
.sk-practice-subject-page .sk262-topic-body {display:grid;gap:12px;padding:16px 17px 18px;border-top:1px solid var(--sk262-line);background:var(--sk262-bg)}
.sk-practice-subject-page .sk262-topic-body .sk224-topic-insights {background:var(--sk262-panel)}
.sk-practice-subject-page .sk262-difficulty-note {font-size:.74rem;line-height:1.55;color:var(--sk262-muted);padding:2px 0}
.sk-practice-subject-page .sk262-topic-body .sk222-tests>summary {margin-top:0}
.sk-practice-subject-page .sk262-pack-state {display:inline;font-weight:800}
.sk-practice-subject-page .sk262-package-review {border-inline-start:4px solid #b68c2b}
.sk-practice-subject-page .sk262-package-target {border-inline-start:4px solid #328b7e}
.sk-practice-subject-page .sk262-package-unknown {border-style:dashed}
.sk-practice-subject-page .sk262-empty-packs,.sk-practice-subject-page .sk262-empty-filter {color:var(--sk262-muted);font-size:.85rem;line-height:1.6}
.sk-practice-subject-page .sk262-topic-history {border-top:1px solid var(--sk262-line);padding:11px 0 0}
.sk-practice-subject-page .sk262-topic-history>summary {color:var(--sk262-text)!important;cursor:pointer;font-size:.78rem;font-weight:750}
.sk-practice-subject-page .sk262-mini-history {padding:0;margin:10px 0 0;list-style:none;display:grid;gap:5px}
.sk-practice-subject-page .sk262-mini-history li {display:flex;justify-content:space-between;gap:10px;font-size:.73rem;padding:6px;border-bottom:1px solid var(--sk262-line);color:var(--sk262-muted)}
.sk-practice-subject-page .sk262-mini-history li strong {color:var(--sk262-text)!important;font-variant-numeric:tabular-nums}
.sk-practice-subject-page :where(.sk262-archive>summary,.sk262-topic-summary,.sk262-topic-history>summary,.sk262-status-tab):focus-visible {outline:3px solid var(--sk262-focus)!important;outline-offset:3px}
@media(max-width:980px){.sk-practice-subject-page .sk262-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){
 .sk-practice-subject-page .sk262-topic-list{grid-template-columns:1fr}
 .sk-practice-subject-page .sk262-hero{padding:14px}
 .sk-practice-subject-page .sk262-topic-summary,.sk-practice-subject-page .sk262-topic-body{padding:13px}
 .sk-practice-subject-page .sk262-status-tab{flex:1 1 auto}
 .sk-practice-subject-page .sk262-archive>summary small{display:none}
}
@media(max-width:440px){
 .sk-practice-subject-page .sk262-metrics{grid-template-columns:1fr 1fr;gap:7px}
 .sk-practice-subject-page .sk262-metric{padding:10px}
 .sk-practice-subject-page .sk262-metric strong{font-size:1.34rem}
 .sk-practice-subject-page .sk262-metric span{font-size:.75rem}
 .sk-practice-subject-page .sk262-metric small{font-size:.66rem}
 .sk-practice-subject-page .sk262-topic-badges{justify-content:flex-start}
 .sk-practice-subject-page .sk262-history-list li{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.sk-practice-subject-page .sk262-topic-summary *, .sk-practice-subject-page .sk262-hero *{transition:none!important}}