/* Known-quote calculator: a quiet, single-task form in the existing editorial shell. */
.fee-page {
  --fee-ink: #172136;
  --fee-muted: #536078;
  --fee-accent: #7c284b;
  --fee-rule: #d3d4e2;
  --fee-control: #9095ac;
  color: var(--fee-ink);
  background: #fff;
  max-width: 1188px;
  margin-inline: auto;
  padding: 24px 32px 48px;
}
.fee-page-title {
  margin: 0;
  font-family: var(--serif, 'Yu Mincho', 'Hiragino Mincho ProN', serif);
  font-size: clamp(28px, 3.5vw, 46px);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .01em;
  text-wrap: balance;
}
.fee-page-intro {
  margin: 14px 0 30px;
  max-width: 70ch;
  font-size: 17px;
  line-height: 1.9;
}
.fee-calculator {
  color: var(--fee-ink, #172136);
  font-family: var(--sans, 'Noto Sans CJK JP', 'Yu Gothic', Meiryo, sans-serif);
  font-size: 17px;
  line-height: 1.8;
  min-width: 0;
}
.fee-calculator *, .fee-calculator *::before, .fee-calculator *::after { box-sizing: border-box; }
.fee-calculator [hidden] { display: none !important; }
.fee-form { margin: 0; padding: 26px 0 0; border-top: 1px solid var(--fee-rule, #d3d4e2); }
.fee-units { margin: 0; padding: 0; border: 0; min-width: 0; }
.fee-units legend { padding: 0; margin-bottom: 10px; font-size: 22px; font-weight: 700; line-height: 1.6; }
.fee-unit-option { display: flex; align-items: center; gap: 13px; width: fit-content; max-width: 100%; min-height: 44px; cursor: pointer; }
.fee-unit-option input { flex: none; width: 21px; height: 21px; margin: 0; accent-color: var(--fee-accent, #7c284b); cursor: pointer; }
.fee-unit-option span { min-width: 0; }
.fee-unit-option:hover { color: var(--fee-accent, #7c284b); }
.fee-conditions { margin-top: 28px; }
.fee-principal { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: start; }
.fee-principal[data-unit='team_hour'] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.fee-principal[data-unit='fixed'] { grid-template-columns: minmax(0, 1fr); max-width: 440px; }
.fee-field { min-width: 0; }
.fee-field label { display: block; margin-bottom: 7px; font-size: 16px; font-weight: 600; line-height: 1.65; }
.fee-field input { display: block; width: 100%; min-width: 0; min-height: 50px; padding: 9px 12px; border: 1px solid var(--fee-control, #9095ac); border-radius: 3px; background: #fff; color: inherit; font: inherit; font-size: 18px; line-height: 1.5; font-variant-numeric: tabular-nums; caret-color: var(--fee-accent, #7c284b); }
.fee-field input[aria-invalid='true'] { border-color: #9b2440; }
.fee-hint { margin: 8px 0 0; color: var(--fee-muted, #536078); font-size: 14px; line-height: 1.75; overflow-wrap: anywhere; }
.fee-error { margin: 7px 0 0; color: #9b2440; font-size: 14px; line-height: 1.7; }
.fee-extras { margin: 26px 0 0; border-top: 1px solid var(--fee-rule, #d3d4e2); border-bottom: 1px solid var(--fee-rule, #d3d4e2); }
.fee-extras summary { min-height: 48px; padding: 11px 0; cursor: pointer; font-weight: 500; }
.fee-extras summary:hover { color: var(--fee-accent, #7c284b); }
.fee-extras-body { padding: 2px 0 20px; max-width: 440px; }
.fee-tax-hint { margin-top: 11px; }
.fee-result { margin-top: 27px; padding-top: 24px; border-top: 1px solid var(--fee-rule, #d3d4e2); }
.fee-result h2 { margin: 0 0 8px; font-size: 20px; font-weight: 600; line-height: 1.6; }
.fee-total { display: block; font-size: clamp(28px, 4vw, 46px); font-weight: 600; line-height: 1.35; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.fee-formula { margin: 10px 0 0; font-size: 16px; line-height: 1.8; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.fee-boundary { margin-top: 10px; }
.fee-comparison { margin: 26px 0 0; padding-bottom: 28px; border-bottom: 1px solid var(--fee-rule, #d3d4e2); font-size: 16px; line-height: 1.8; }
.fee-comparison a { color: var(--fee-accent, #7c284b); text-decoration: underline; text-underline-offset: .22em; overflow-wrap: anywhere; }
.fee-calculator :is(input, summary, a):focus-visible { outline: 3px solid var(--fee-accent, #7c284b); outline-offset: 4px; }
.fee-calculator ::selection { color: #172136; background: #e7d9e3; }
.fee-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 640px) {
  .fee-page { padding: 18px 20px 36px; }
  .fee-page-title { font-size: 30px; line-height: 1.5; }
  .fee-page-intro { margin: 13px 0 24px; font-size: 16px; line-height: 1.85; }
  .fee-calculator { font-size: 16px; }
  .fee-form { padding-top: 20px; }
  .fee-units legend { font-size: 19px; margin-bottom: 8px; }
  .fee-unit-option { gap: 12px; }
  .fee-conditions { margin-top: 22px; }
  .fee-principal, .fee-principal[data-unit='team_hour'] { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .fee-extras { margin-top: 22px; }
  .fee-comparison { margin-top: 23px; font-size: 15px; }
  .fee-total { font-size: clamp(27px, 7.4vw, 34px); }
}
@media (max-width: 359px) { .fee-page { padding-inline: 16px; } .fee-page-title { font-size: 28px; } }
@media (prefers-reduced-motion: reduce) { .fee-calculator { scroll-behavior: auto; } }