/* Learn page */
.paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.3rem}
.path-card{display:flex;flex-direction:column;gap:.7rem;padding:1.8rem;border-radius:var(--radius);
  background:var(--surface);border:1px solid var(--border);transition:.3s var(--ease)}
.path-card:hover{transform:translateY(-6px);border-color:var(--border2);box-shadow:var(--shadow)}
.path-tag{align-self:flex-start;font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;padding:.3rem .7rem;border-radius:999px}
.t1{background:rgba(74,222,128,.12);color:#4ade80}.t2{background:rgba(59,130,246,.12);color:#60a5fa}.t3{background:rgba(139,92,246,.14);color:#a78bfa}
.path-card h3{font-size:1.15rem}
.path-card p{font-size:.9rem;color:var(--text2);flex:1}
.progress{height:6px;border-radius:99px;background:var(--surface2);overflow:hidden}
.progress i{display:block;height:100%;width:var(--p);background:var(--grad);border-radius:99px;transition:width 1.2s var(--ease)}
.path-card .badge{align-self:flex-start}
.mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.1rem}
.mod{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .3s}
.mod[open]{border-color:var(--accent)}
.mod summary{display:flex;align-items:center;gap:.7rem;padding:1.1rem 1.2rem;font-weight:600;cursor:pointer;list-style:none}
.mod summary::-webkit-details-marker{display:none}
.mod summary small{margin-left:auto;font-family:var(--mono);font-size:.7rem;color:var(--text2);font-weight:400}
.mod summary::after{content:"+";margin-left:.5rem;color:var(--accent);font-size:1.2rem;transition:transform .3s}
.mod[open] summary::after{transform:rotate(45deg)}
.mod div{padding:0 1.2rem 1.2rem;display:grid;gap:.4rem}
.mod div a{color:var(--text2);font-size:.9rem;padding:.35rem 0;border-bottom:1px dashed var(--border)}
.mod div a:hover{color:var(--accent)}
/* Topic library */
.topic-filters{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}
.chip-btn{padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);
  font-size:.86rem;color:var(--text2);transition:.25s var(--ease)}
.chip-btn:hover{color:var(--text);border-color:var(--border2)}
.chip-btn.active{background:var(--grad);color:#fff;border-color:transparent}
.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem}
.topic{display:flex;flex-direction:column;gap:.5rem;padding:1.4rem;border-radius:14px;
  background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(12px);cursor:pointer;
  transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.topic:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:var(--shadow)}
.topic.hide{display:none}
.topic .t-ic{font-size:1.7rem}
.topic h3{font-size:1rem}
.topic p{font-size:.84rem;color:var(--text2);flex:1}
.t-meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.68rem;color:var(--text2)}
.lv{padding:.22rem .6rem;border-radius:999px}
.lb{background:rgba(74,222,128,.12);color:#4ade80}
.li{background:rgba(59,130,246,.12);color:#60a5fa}
.la{background:rgba(139,92,246,.14);color:#a78bfa}
/* First Circuits — featured banner + live path card */
.fc-banner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;
  padding:1.4rem 1.6rem;border-radius:16px;margin-bottom:2rem;border:1px solid var(--border2);
  background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface))}
.fc-banner-eyebrow{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.fc-banner h2{font-size:1.25rem;margin:.35rem 0 .3rem}
.fc-banner p{color:var(--text2);margin:0;max-width:52ch}
a.path-card{color:inherit;text-decoration:none}
.path-card.path-live{border-color:var(--accent);position:relative;overflow:hidden}
.path-card.path-live::after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad);opacity:.9}
.path-go{display:inline-block;color:var(--accent);transition:transform .25s var(--ease)}
.path-card:hover .path-go{transform:translateX(5px)}

/* DC Circuit Analysis — live topic link */
a.topic{text-decoration:none;color:inherit}
.topic.topic-live{border-color:var(--accent)}
.topic.topic-live:hover{border-color:var(--accent);transform:translateY(-5px)}
.topic-go{color:var(--accent);margin-left:.15rem}
.lv-live{background:rgba(74,222,128,.14);color:#4ade80}


/* completed path cards */
.path-card.is-done{border-color:rgba(74,222,128,.5)}
.badge-done{background:rgba(74,222,128,.14);color:#4ade80;border-color:rgba(74,222,128,.4)}