/* 技能小卡（Tooltip / Popover，spec：Design/README.md「Tooltip / Popover」）：吃 theme.css token，淺 / 深色自動換 */
.sktip { position: fixed; z-index: 50; box-sizing: border-box; max-width: 300px; padding: var(--space-3);
  background: var(--color-surface-raised); color: var(--color-text); border: var(--border-thin) solid var(--color-border-strong);
  border-radius: var(--radius-md); box-shadow: var(--shadow-popover); font-size: 13px; line-height: 1.5; }
.sktip[hidden] { display: none; }
.sktip-h { display: flex; gap: var(--space-2); align-items: center; }
.sktip-ic { flex: none; width: 40px; height: 40px; object-fit: contain; border-radius: var(--radius-sm); background: var(--color-surface-sunken); }
.sktip-n { font-weight: 700; font-size: 14px; }
.sktip-lv { font-weight: 400; color: var(--color-text-muted); font-size: 12px; }
.sktip-tags { display: flex; gap: var(--space-1); flex-wrap: wrap; margin-top: 2px; }
.sktip-tag { padding: 0 var(--space-2); border-radius: var(--radius-pill); background: var(--color-surface-sunken); color: var(--color-text-muted); font-size: 11px; }
.sktip-d { margin: var(--space-2) 0; overflow-wrap: anywhere; }
.sktip-go { font-size: 12px; color: var(--color-accent); }
.sktip-go:focus-visible { outline: var(--focus-ring); outline-offset: 2px; }
a[aria-describedby="sktip"] { text-decoration-style: dotted; }
/* 技能頁 */
.sk-ic { width: 40px; height: 40px; object-fit: contain; vertical-align: middle; margin-right: var(--space-2); border-radius: var(--radius-sm); background: var(--color-surface-sunken); }
.sk-lvwrap { overflow-x: auto; }
.sk-lv { border-collapse: collapse; width: 100%; font-size: 14px; }
.sk-lv th, .sk-lv td { text-align: left; padding: 6px 10px; border-bottom: 1px solid var(--line); }
.sk-lv td.num, .sk-lv th:last-child { text-align: right; white-space: nowrap; }
.sk-lv tr.on { background: var(--accent-bg); font-weight: 600; }