/* =====================================================================
   isREAL public UI — 料金ページ
   tokens.css を前提とするコンポーネントCSS。
   site chrome = cast-detail.css、ページ見出し(.ci-head) = cast-index.css を併読。
   ゴールデンスクリーン: /_p/ir-golden-price-6e19c3a4/
   実装WOでは参照のみ・編集禁止(変更はデザインレビューを通す)。
   方針: 「グレードによる料金ランクなし」を宣言として大きく扱い、
   少ない情報を余白と大きな数字で明瞭さとして見せる。
   ===================================================================== */

.pr-page { max-width: 430px; margin: 0 auto; padding-bottom: 104px; }
@media (min-width: 768px) { .pr-page { max-width: 560px; } }

/* ---- 宣言コピー ---- */
.pr-lead { padding: 4px 22px 0; }
.pr-lead__copy {
  font-family: var(--ir-font-display); font-weight: 600;
  font-size: 19px; letter-spacing: 0.08em; line-height: 1.9;
  color: var(--ir-ink);
}
.pr-lead__sub {
  margin-top: 8px;
  font-family: var(--ir-font-sans); font-weight: 300;
  font-size: 13.5px; letter-spacing: 0.06em; color: var(--ir-muted);
}

/* ---- セクション枠 ---- */
.pr-section { padding: 44px 22px 0; }
.pr-section__title {
  font-family: var(--ir-font-sans); font-weight: 500;
  font-size: 13px; letter-spacing: 0.26em; color: var(--ir-forest);
}
.pr-section__en {
  font-family: var(--ir-font-en); font-style: italic;
  font-size: var(--ir-type-caption); letter-spacing: 0.2em;
  color: var(--ir-subtle); text-transform: uppercase; margin-top: 2px;
}

/* ---- 料金表 ---- */
.pr-table { margin-top: 16px; }
.pr-row {
  display: flex; align-items: baseline; justify-content: space-between;
  padding: 18px 2px; border-bottom: 1px solid var(--ir-line);
}
.pr-row:first-child { border-top: 1px solid var(--ir-line); }
.pr-row__dur {
  font-family: var(--ir-font-en); font-style: italic;
  font-size: 30px; letter-spacing: 0.04em; color: var(--ir-ink);
}
.pr-row__dur small {
  font-size: 13px; letter-spacing: 0.12em;
  color: var(--ir-muted); margin-left: 6px;
}
.pr-row--ext .pr-row__dur { font-size: 20px; }
.pr-row__price {
  font-family: var(--ir-font-meta);
  font-size: 17px; letter-spacing: 0.05em; color: var(--ir-ink);
}
.pr-note {
  margin-top: 10px;
  font-family: var(--ir-font-sans); font-weight: 400;
  font-size: 12.5px; letter-spacing: 0.05em; line-height: 1.9;
  color: var(--ir-subtle);
}

/* ---- 項目リスト(交通費等) ---- */
.pr-list { margin-top: 16px; }
.pr-item {
  display: flex; justify-content: space-between; gap: 16px;
  padding: 14px 2px; border-bottom: 1px solid var(--ir-line);
  font-family: var(--ir-font-sans);
  font-size: 13px; letter-spacing: 0.05em; color: var(--ir-ink-soft);
}
.pr-item:first-child { border-top: 1px solid var(--ir-line); }
.pr-item__v {
  font-family: var(--ir-font-meta);
  font-size: 13.5px; text-align: right; color: var(--ir-ink);
}

/* ---- 本文 ---- */
.pr-text {
  margin-top: 14px;
  font-family: var(--ir-font-sans); font-weight: 400;
  font-size: 13px; line-height: 2; letter-spacing: 0.05em;
  color: var(--ir-ink-soft);
}
.pr-text + .pr-text { margin-top: 10px; }

/* ---- 導線 ---- */
.pr-actions { margin: 48px 22px 0; display: grid; gap: 10px; }
.pr-actions a {
  display: block; padding: 14px; text-align: center; text-decoration: none;
  border: 1px solid var(--ir-line); border-radius: 2px;
  font-family: var(--ir-font-sans); font-size: 13.5px;
  letter-spacing: 0.14em; color: var(--ir-forest);
}