/* pricing.html */
.pr-head { padding-bottom: 24px; }
.pr-back { display: inline-block; margin-bottom: 28px; font-size: var(--text-body-small); color: var(--fg-2); text-decoration: none; }
.pr-back:hover { color: var(--fg); text-decoration: underline; }
.pr-head .label { margin-bottom: 12px; }
.pr-head h1 { max-width: 20ch; }
.pr-lead { max-width: 44rem; margin-top: 18px; }
.pr-toc { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.pr-toc a { padding: 7px 14px; border-radius: 999px; border: 1px solid var(--line-strong); font-size: var(--text-body-small); font-weight: 500; text-decoration: none; }
.pr-toc a:hover { border-color: var(--fg); }
@media (max-width: 819px) { .pr-toc { display: none; } }

.pkg__use { justify-self: start; margin-top: 8px; pointer-events: auto; }

.menu { display: grid; gap: 28px; }
.menu__group .label { margin-bottom: 8px; }
.menu__t { width: 100%; border-collapse: collapse; font-size: var(--text-body-small); }
.menu__t th, .menu__t td { text-align: left; vertical-align: top; padding: 14px 12px 14px 0; border-top: 1px solid var(--line); }
.menu__t th { font-weight: 600; font-size: var(--text-body); width: 30%; }
.menu__t td { color: var(--fg-2); }
.menu__t td.num { color: var(--fg); text-align: right; white-space: nowrap; width: 120px; font-size: var(--text-body); padding-right: 0; }
@media (max-width: 640px) {
  .menu__t, .menu__t tbody, .menu__t tr { display: block; }
  .menu__t tr { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 12px 0; border-top: 1px solid var(--line); }
  .menu__t th, .menu__t td { border: 0; padding: 0; width: auto; }
  .menu__t td:not(.num) { grid-column: 1 / -1; grid-row: 2; }
  .menu__t td.num { grid-column: 2; grid-row: 1; width: auto; }
}

.pr-rm { margin-top: 40px; }
.pr-rm > .label { margin-bottom: 12px; }
.calc__g { margin-top: 18px; }
.calc__excl { font-size: var(--text-caption); color: var(--fg-3); margin: 0; }
.chip:disabled { opacity: 0.5; cursor: default; }