.page-cost .cost-hero { display: grid; grid-template-columns: 1.3fr .8fr; gap: 64px; align-items: center; }
.page-cost .cost-hero > div { max-width: 64ch; }
.page-cost .cost-hero figure { background: var(--soft); border-radius: 28px; padding: 26px; }
.page-cost .cost-hero img { width: 100%; aspect-ratio: 3 / 2; object-fit: contain; }
.page-cost .charge-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: 56px; margin-top: 72px; padding-top: 48px; border-top: 2px solid var(--line); }
.page-cost .charge-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.page-cost .charge-grid > div { padding: 28px; background: var(--panel); border-radius: 24px; }
.page-cost .charge-grid > div:last-child { grid-column: 1 / -1; background: var(--soft); }
.page-cost .charge-grid dt { color: var(--deep-blue); font-family: var(--heading); font-size: 1.55rem; line-height: 1.3; margin-bottom: 14px; }
.page-cost .charge-grid dd { font-size: 1rem; }
.page-cost .lab-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: 56px; margin-top: 68px; padding-top: 48px; border-top: 2px solid var(--line); }
.page-cost .lab-section .scenario { margin-top: 0; }
.page-cost .coverage-section { margin-top: 64px; padding-block: 46px; border-top: 2px solid var(--line); }
.page-cost .coverage-section > h2, .page-cost .coverage-section > p { max-width: 60ch; }
.page-cost .coverage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 36px; }
.page-cost .coverage-grid article { border-radius: 26px; background: var(--panel); padding: 32px; min-width: 0; }
.page-cost .coverage-grid article p:last-child { margin-bottom: 0; }
.page-cost .scope-strip { padding: 32px; background: var(--soft); border-radius: 26px; max-width: 80ch; }
.page-cost .scope-strip p:last-child { margin-bottom: 0; }
@media (max-width: 1000px) {
  .page-cost .cost-hero, .page-cost .charge-section, .page-cost .lab-section { gap: 32px; }
  .page-cost .charge-grid > div { padding: 22px; }
}
@media (max-width: 760px) {
  .page-cost .cost-hero, .page-cost .charge-section, .page-cost .lab-section, .page-cost .coverage-grid { grid-template-columns: 1fr; gap: 24px; }
  .page-cost .cost-hero figure { padding: 22px; }
  .page-cost .cost-hero img { max-height: 260px; }
  .page-cost .charge-grid { grid-template-columns: 1fr; }
  .page-cost .charge-section, .page-cost .lab-section, .page-cost .coverage-section { margin-top: 44px; padding-top: 36px; }
  .page-cost .coverage-grid article { padding: 26px 22px; }
  .page-cost .scope-strip { padding: 26px 22px; }
}