/* Kosten und Kostenzuschuss – nutzt nur die vorhandene InsGlueck-Palette und die
   Schriftrollen des Themes (AGENTS.md). Formensprache wie der Ratgeber-Artikel
   vom 29.09.2026 (runde Karten, Akzentkante), damit beide Seiten zusammenpassen. */
.ig-costs { max-width: 880px; }
.ig-costs h1 { margin: 12px 0 24px; font-size: clamp(2rem, 4vw, 3.25rem); }
.ig-costs h2 { margin: 0 0 18px; font-size: clamp(1.5rem, 3vw, 2rem); }
.ig-costs p { margin: 0 0 20px; }
.ig-costs > section { padding-top: 48px; }
.ig-costs__eyebrow { color: var(--ig-muted); font-weight: var(--ig-font-weight-emphasis); }
.ig-costs__lead { font-size: clamp(1.1rem, 1.7vw, 1.3rem); }
.ig-costs > .ig-costs__welcome,
.ig-costs > .ig-costs__contact { margin-top: 40px; padding: clamp(24px, 4vw, 36px); background: var(--ig-paper); border: 1px solid var(--ig-line); border-left: 4px solid var(--ig-accent); border-radius: 20px; }
.ig-costs__action { display: inline-block; padding: 14px 22px; background: var(--ig-accent); color: var(--ig-ink); border-radius: 20px; font-weight: var(--ig-font-weight-emphasis); text-decoration: none; }
.ig-costs__action:hover, .ig-costs__action:focus-visible { text-decoration: underline; }
.ig-costs__tablewrap { overflow-x: auto; }
.ig-costs__table { width: 100%; max-width: 520px; border-collapse: collapse; margin: 0 0 16px; }
.ig-costs__table caption { text-align: left; color: var(--ig-muted); font-size: .95rem; padding-bottom: 10px; }
.ig-costs__table th, .ig-costs__table td { padding: 14px 16px; border-bottom: 1px solid var(--ig-line); text-align: left; }
.ig-costs__table td { text-align: right; font-variant-numeric: tabular-nums; }
.ig-costs__table thead th { font-weight: var(--ig-font-weight-emphasis); color: var(--ig-muted); font-size: .95rem; }
.ig-costs__table thead th:last-child { text-align: right; }
.ig-costs__table tbody th { font-weight: var(--ig-font-weight-emphasis); }
.ig-costs__note { color: var(--ig-muted); font-size: .95rem; }
.ig-costs__steps { padding-left: 24px; margin: 0; }
.ig-costs__steps li { margin-bottom: 16px; padding-left: 8px; }
.ig-costs__more { margin: 24px 0 0; }
.ig-costs a { text-underline-offset: .2em; }
@media (max-width: 700px) { .ig-costs > section { padding-top: 36px; } }