/* D&D worlds — Available Races & Classes (races-and-classes/index.html). */
.opt-count { font-family: var(--font-mono); font-size: .8rem; color: var(--ink-dim); }
.opt-filter { width: 100%; max-width: 26rem; padding: .55rem .65rem; margin: 0 0 1.2rem; font: inherit; color: var(--ink); background: var(--bg-sunken); border: 1px solid var(--line); }
.opt-group { font-family: var(--font-mono); font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: var(--ink-soft); margin: 1.4rem 0 .7rem; }
.opts { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: .8rem; }
.opt { background: var(--bg-raised); border: 1px solid var(--line); padding: .8rem 1rem; }
.opt[hidden] { display: none; }
.opt h3 { margin: 0 0 .25rem; font-size: 1.1rem; }
.opt h3 a { color: var(--ink); text-decoration: none; }
.opt h3 a:hover { color: var(--accent); }
.opt-meta { margin: 0 0 .3rem; font-size: .9rem; color: var(--ink-soft); }
.opt-sub { margin: .3rem 0; font-size: .88rem; color: var(--ink-soft); }
.opt-sub a { color: var(--ink-soft); }
.opt-sub summary { cursor: pointer; }
.opt-src { margin: .4rem 0 0; font-family: var(--font-mono); font-size: .7rem; color: var(--ink-dim); }