:root { color-scheme: dark light; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; color: var(--muted); font-size: 12px; }
.breadcrumbs a:hover { color: var(--ink); }
.breadcrumbs [aria-current] { color: var(--ink); }
.directory-hero { padding: 65px 0 60px; }
.directory-hero.compact { padding-bottom: 36px; }
.directory-card { display: grid; grid-template-columns: 180px 1fr; gap: 36px; align-items: center; padding: 36px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(120deg, #121623, #0e121c); transition: border-color .15s; }
.directory-card:hover { border-color: var(--violet); }
.directory-mark { display: grid; place-items: center; width: 120px; height: 120px; margin: auto; font: 700 52px/1 Consolas, monospace; color: var(--violet); border: 1px solid #ac93ff40; border-radius: 28px; background: linear-gradient(140deg, #27213e, #151827); }
.directory-mark.forge { letter-spacing: -.1em; padding-right: 8px; }
.directory-card p { color: var(--muted); font-size: 14px; line-height: 1.9; }
.card-link { display: inline-flex; gap: 20px; margin-top: 22px; font-size: 13px; color: var(--violet); }
.edition-cards { margin-top: 0; }
.edition-card { padding: 26px; }
.quick-guide { padding: 30px; margin-top: 34px; border: 1px solid var(--line); border-radius: 16px; }
.quick-guide h2 { font-size: 18px; }
.quick-guide ol { padding-left: 22px; color: var(--muted); line-height: 2.2; font-size: 14px; }
@media (max-width: 600px) {
  .directory-hero { padding: 40px 0; }
  .directory-card { grid-template-columns: 1fr; gap: 20px; padding: 26px; }
  .directory-mark { width: 80px; height: 80px; font-size: 36px; margin: 0; border-radius: 20px; }
  .edition-card { padding: 22px; }
  footer { flex-wrap: wrap; padding: 18px 0; }
}
@media (prefers-color-scheme: light) {
  :root { color-scheme: light; --ink: #202438; --muted: #626b80; --line: #20243822; --violet: #6242cc; --cyan: #137b72; }
  html { background: #f5f6fb; }
  body { background: radial-gradient(ellipse at 80% 12%, #b6a2ff25, transparent 42%); }
  h1 span { color: #73618e; }
  .mark, .directory-mark { background: #eee9ff; color: #6242cc; border-color: #6242cc40; }
  .directory-card { background: linear-gradient(120deg, #ffffff, #f7f8fd); }
  .edition-card { background: #ffffff; border-color: #20243833; }
  .edition-card.public { background: #6242cc0c; border-color: #6242cc66; }
  .edition-card:hover { background: #6242cc10; border-color: #6242cc; }
  .features span { color: #50596c; }
  .count, .tool-note, footer { color: #626b80; }
  .skip-link { background: #eae4ff; }
}