/* The learning pages reuse the main site's styles; this only adds the language switch and the cards. */
.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.lang-switch button{background:none;border:0;color:var(--muted);font:inherit;font-size:.85rem;padding:.4rem .8rem;cursor:pointer}
.lang-switch button[aria-pressed="true"]{background:rgba(86,214,189,.14);color:var(--text)}
.lang-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.track{margin-top:1rem}
.sim-card{display:flex;flex-direction:column;gap:.4rem;transition:border-color .15s}
.sim-card:hover{border-color:rgba(86,214,189,.5)}
.sim-card .kind{font-family:ui-monospace,monospace;color:var(--accent);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}
.sim-card .go{margin-top:auto;padding-top:.8rem;color:var(--accent-2);font-weight:700;font-size:.9rem}
.soon{border-style:dashed;color:var(--muted)}