/* キミスカ（taste で作った画面）。部品はラボル（taste-raboru.css）を借り、色・入力率の仕掛け・スカウト3種の札だけ足す。
   仕事サイトのほかのページ（藍・緑・橙）と見分けられるよう、濃い紺＋平らな金1色。金の面の文字は黒（黄色に白文字は使わない）。
   紺と白の文字の差は 12:1、金 #e2b33c と黒の差は 10:1。 */
.rt.rt-kimisuka {
  --bg: #eff0f5;
  --accent: #1c2a6b;
  --accent-deep: #121c4d;
  --c2: #e2e5f3;
  --c3: #e7e8ee;
  --c5: #1c2a6b;
  --gold: #e2b33c;
}
.rt-kimisuka .rt-last .rt-cta a:hover { background: #e2e5f3; }
.rt-kimisuka .rt-slot img { object-position: 50% 40%; }
/* 見出しの「金色」だけ金の面に黒文字（グラデーションは使わない） */
.rt-gold { background: var(--gold); color: var(--ink); padding: 0 .08em; }

/* 1画面目の「あなたのプロフィール、埋まっているのは？」。白い面1枚。押すたびに大きな数字が減る */
.rt-pf { max-width: 600px; margin: 24px 0 32px; padding: 24px; background: #fff; }
.rt .rt-pf__q { font-weight: 700; font-size: var(--s2); line-height: 1.4; margin-bottom: 16px; }
.rt-pf__list { border: 0; padding: 0; margin: 0; min-width: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.rt-pf__list label { margin: 0; cursor: pointer; }
.rt-pf__list input { position: absolute; opacity: 0; }
.rt-pf__list span { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 8px 16px; background: var(--c2); transition: background-color .18s, color .18s, transform .14s var(--ease); }
.rt-pf__list b { font-variant-numeric: tabular-nums; }
.rt-pf__list input:checked + span { background: var(--accent); color: #fff; }
.rt-pf__list input:checked + span::before { content: "済"; font-weight: 700; }
.rt-pf__list input:focus-visible + span { outline: 3px solid var(--accent); outline-offset: 2px; }
.rt-pf__list span:active { transform: translateY(2px); }
.rt-pf__out { margin-bottom: 16px; }
.rt .rt-pf__big { font-size: var(--s2); font-weight: 700; line-height: 1.4; margin-bottom: 8px; }
.rt-pf__big b { display: inline-block; margin: 0 4px; font-family: var(--font-display); font-weight: 400; font-size: var(--s3); color: var(--accent); font-variant-numeric: tabular-nums; }
.rt-pf__big b.is-bump { animation: rt-ks-bump .35s var(--ease); }
@keyframes rt-ks-bump { from { transform: scale(1.12); } to { transform: none; } }
.rt-kimisuka .rt-side p, .rt-kimisuka .rt-fit li { max-width: 60ch; }
.rt .rt-pf__src { margin-top: 16px; font-size: var(--s1); }

/* ゴールドスカウトとは？：3種類を縦に。ゴールドだけ金の札 */
.rt-tiers { list-style: none; padding: 0; display: grid; gap: 24px; }
.rt-tiers li { display: grid; grid-template-columns: auto 1fr; column-gap: 16px; align-items: baseline; }
.rt .rt-tiers li p { grid-column: 1 / 3; margin-top: 8px; }
.rt-tiers b { font-size: var(--s2); }
.rt-tag { display: inline-block; padding: 4px 16px; background: var(--accent-deep); font-weight: 700; }
.rt-tiers__gold .rt-tag { background: var(--gold); color: var(--ink); }
.rt-tiers__gold b { font-family: var(--font-display); font-weight: 400; font-size: var(--s3); }

@media (prefers-reduced-motion: reduce) {
  .rt-pf__big b.is-bump { animation: none; }
  .rt-pf__list span { transition: none; }
}
@media (max-width: 760px) {
  .rt-pf { padding: 16px; }
}