/* Page sheet for skills.php. Linked after style.css by includes/css.php,
   so these rules win ties against the shared sheet. */

.skill-link { color: var(--text-main); text-decoration: none; transition: color 0.15s; font-weight: 700; }
.skill-link:visited { color: var(--text-main); }
.skill-link:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }

/* Shape from .chip; only the block layout is this page's own. */
.passive-tag { display: block; width: fit-content; margin-top: 4px; }

/* Shape from .chip. The two colours below are this page's own, and
   the base colour is gone with the block: it was --text-dim, which
   does not clear 4.5:1, and .chip--mute is --text-mid. */
.skill-tag { margin: 1px 2px; }
.skill-tag--teach { color: var(--gold); border-color: rgba(201,168,76,0.4); }
.skill-tag--train { color: #7aafc0; border-color: rgba(122,175,192,0.4); }

.gp-cell { color: var(--gold); font-weight: 700; font-variant-numeric: tabular-nums; }
.num-cell { font-variant-numeric: tabular-nums; color: var(--text-mid); }
.rank-table td.left, .rank-table th.left { text-align: left; }
.npc-mini { color: var(--text-dim); font-size: 0.85em; text-decoration: none; transition: color 0.15s; }
.npc-mini:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }