/* カテゴリ共通のタブ／選択UI。選択状態は色・下線・チェックで区別する。 */
.category-tabs label > span,
.category-tabs input:checked + span,
.category-tabs button,
.category-tabs .filter-count {
  font-weight: var(--gv-tab-weight);
}

.category-select button,
.category-select button[aria-selected="true"] {
  font-weight: var(--gv-dropdown-weight);
}

/* FIND YOUR NEXT STEP：配置のみ。色・hoverはlink-panel.cssへ。 */
.related{margin-top:28px}
.related a{display:grid;grid-template-columns:1fr auto;gap:10px;padding:20px 22px;border-bottom:1px solid var(--gv-color-border-on-light)}
.related a span{font-size:12px;grid-column:1}
.related strong{font-size:22px;font-weight:500}
.related b{grid-column:2;grid-row:1/3;align-self:center}
@media(max-width:600px){.related a{padding:20px 16px}.related strong{font-size:20px}.related a span{font-size:11px}}