/* ==========================================================
   タテモン適職診断 — このサービス固有の上書きだけを置く
   2026-08-01 改訂（S61）：色・書体・共通部品は tatemon_brand.css へ移設。
   以前はこのファイルが独自にブランドトークンを持っており、
   エージェントLP側と二重定義になっていたため書体がズレた（D-094衝突）。
   ブランドに関わる値はここに書かない。

   読み込み順：paypulse_v2.css → tatemon_brand.css → このファイル
   ========================================================== */

/* 🐞2026-07-29 QAで発見（既存バグ・ブランド差し替えとは無関係）：
   paypulse_v2.css の `.cta { display: inline-block }` が UA の `[hidden]{display:none}` を上書きするため、
   予約URL未設定（TEKISHOKU_RESERVE_URL='')でも「詳細を聞く（無料）」ボタンが表示され、
   href="#" のまま「受付は準備中です」と二重表示されていた。適職診断側だけで無効化する。 */
[hidden] { display: none !important; }

/* 適職診断固有のUIラベルを見出し書体で締める */
.tk-cta, .tk-jc-name, .tk-jc-rank, .tk-jobpct {
  font-family: var(--font-head);
  font-weight: 600;
}

/* スコア・順位・％は桁を揃える */
.tk-jc-fit .n, .tk-jobpct, .tk-count, .tk-jc-market {
  font-variant-numeric: tabular-nums;
}

/* サービス名が「適職診断」→「TaTeMON適職診断」に伸びたぶん、狭幅でヘッダーが2行に折れて
   右のリンクと重なるため段階的に削る（2026-07-29 QA・iPhone 390px で検出） */
@media (max-width: 520px) {
  .site-header .logo { font-size: 16px; }
  .site-header .logo .logo-sub { display: none; }
}
@media (max-width: 360px) {
  .site-header .logo { font-size: 15px; }
}