﻿.db-calculator-page { padding-top: 0; }
.calculator-notice { margin-bottom: 20px; padding: 14px 16px; border-radius: 8px; background: #f7fbfa; color: var(--ink); }
.calculator-notice p { margin: 0; max-width: none; }
.calculator-notice .eyebrow { margin-bottom: 4px; color: var(--accent-dark); }
.db-form { display: grid; gap: 16px; }
.db-fieldset { display: grid; gap: 12px; min-width: 0; border: 1px solid var(--line-strong, #cfd9d4); border-radius: 8px; padding: 16px; }
.db-fieldset legend { padding: 0 6px; color: var(--accent-dark); font-size: 1.02rem; font-weight: 850; }
.db-fieldset--personal { background: #f8fbfe; border-color: #cfe1f4; }
.db-fieldset--pension { background: #f8fcf7; border-color: #d1e7cc; }
.db-fieldset--assumptions { background: #fbf8ff; border-color: #ddcff0; }
.db-fieldset--decision { background: #fffaf2; border-color: #ead8b7; }
.db-fieldset--income { background: #fffaf2; border-color: #ead8b7; }
.db-input-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 18px; align-items: end; }
.db-input-grid [hidden], .db-fieldset [hidden] { display: none !important; }
.db-input-pair { display: contents; }
.db-input-pair > label { grid-template-rows: auto auto; }
.db-input-pair .field-help { min-height: 4.9em; }
.db-input-grid label { display: grid; align-content: end; gap: 6px; min-width: 0; color: var(--ink); font-size: 0.94rem; font-weight: 550; line-height: 1.35; }
.db-input-grid label > input, .db-input-grid label > select { width: 100%; }
.db-input-grid input, .db-input-grid select { width: 100%; min-width: 0; min-height: 46px; border: 1px solid var(--line-strong, #cfd9d4); border-radius: 8px; background: #fff; color: var(--ink); font: inherit; font-weight: 550; padding: 0 14px; }
.db-input-grid input[type="number"] { text-align: right; padding-right: 14px; appearance: textfield; -moz-appearance: textfield; }
.db-input-grid input[type="number"]::-webkit-inner-spin-button, .db-input-grid input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.db-input-grid input[type="range"] { min-height: 34px; padding: 0; accent-color: var(--accent); }
.db-input-grid input:focus, .db-input-grid select:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(22, 121, 111, 0.12); }
.db-input-grid input:invalid { border-color: #b54747; }
.range-value { color: var(--accent-dark); font-size: 0.95rem; font-weight: 850; }
.field-help { display: block; color: var(--muted); font-size: 0.84rem; font-weight: 400 !important; line-height: 1.4; }
.db-input-grid label.has-field-help { font-weight: 550 !important; }
.fieldset-note, .input-help { max-width: 86ch; margin: 0; color: var(--muted); font-size: 0.92rem; line-height: 1.5; }
.input-help { align-self: end; padding: 12px 14px; border-radius: 8px; background: rgba(255,255,255,0.72); }
.db-actions, .db-export-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.db-validation { margin: 0; min-height: 1.2em; color: #9a3412; font-size: 0.92rem; font-weight: 700; }
.db-summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin: 18px 0; }
.db-summary-grid--two { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.db-summary-card { min-width: 0; border: 1px solid var(--line-strong, #cfd9d4); border-radius: 8px; background: var(--surface); padding: 16px; }
.db-summary-card span { display: block; color: var(--muted); font-size: 0.88rem; font-weight: 750; }
.db-summary-card strong { display: block; margin-top: 7px; color: var(--ink); font-size: clamp(1.18rem, 2vw, 1.65rem); line-height: 1.15; text-align: right; overflow-wrap: anywhere; }
.db-method-toggle { display: inline-flex; flex-wrap: wrap; gap: 4px; margin: 16px 0 4px; padding: 4px; border: 1px solid var(--line-strong, #cfd9d4); border-radius: 8px; background: var(--surface-muted); }
.db-method-toggle__button { min-height: 38px; border: 0; border-radius: 6px; background: transparent; color: var(--ink); cursor: pointer; font: inherit; font-size: 0.92rem; font-weight: 650; padding: 8px 12px; }
.db-method-toggle__button.is-active { background: var(--accent); color: #fff; }
.db-method-toggle__button:focus-visible { outline: 3px solid rgba(22, 121, 111, 0.2); outline-offset: 2px; }
.db-method-panel[hidden] { display: none !important; }
.db-chart { display: grid; gap: 12px; margin: 18px 0 22px; padding: 16px; border: 1px solid var(--line-strong, #cfd9d4); border-radius: 8px; background: #f8fbfe; }
.db-bar-row { display: grid; grid-template-columns: minmax(150px, 0.42fr) minmax(0, 1fr) minmax(110px, auto); gap: 12px; align-items: center; }
.db-bar-label { color: var(--ink); font-weight: 750; }
.db-bar-track { min-height: 16px; border-radius: 999px; background: #e7efec; overflow: hidden; }
.db-bar-fill { display: block; min-height: 16px; border-radius: inherit; background: var(--accent); }
.db-bar-value { color: var(--ink); font-weight: 850; text-align: right; }
.db-methodology-note { margin: 16px 0 0; padding: 14px 16px; border-radius: 8px; background: #f7fbfa; color: var(--ink); font-size: 0.94rem; line-height: 1.55; }
.db-methodology-note strong { color: var(--accent-dark); }
.db-methodology-summary { margin-top: 18px; }
.db-method-summary-table, .db-print-method-summary { table-layout: fixed; }
.db-method-summary-table th, .db-method-summary-table td, .db-print-method-summary th, .db-print-method-summary td { text-align: left !important; }
.db-method-summary-table td { line-height: 1.45; }
.table-scroll { width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden; margin-top: 16px; -webkit-overflow-scrolling: touch; }
.table-scroll:focus { outline: 3px solid rgba(22, 121, 111, 0.18); outline-offset: 3px; }
.db-secondary-method, .db-data-table-section { margin-top: 24px; }
.section__header--compact h3 { margin-bottom: 6px; }
.section__header--compact p:not(.eyebrow) { max-width: 82ch; color: var(--muted); font-size: 0.94rem; }
.db-data-table { font-size: 0.92rem; }
.db-footnote-col { text-align: center !important; white-space: nowrap; }
.db-table-notes { margin-top: 10px; color: var(--muted); font-size: 0.86rem; line-height: 1.45; text-align: left; }
.db-table-notes span { display: block; margin-top: 4px; }
.db-data-table tr.db-row--pension td { background: #f3faf8; }
.db-data-table tr.db-row--commutation td { background: #f8fbfe; }
.db-data-table tr.db-row--pension td:nth-child(4), .db-data-table tr.db-row--commutation td:nth-child(5) { color: var(--accent-dark); font-weight: 850; text-align: center !important; }
.comparison-table { width: 100%; border-collapse: collapse; min-width: 720px; table-layout: fixed; }
.db-data-table { min-width: min(760px, 100%); table-layout: fixed; }
.db-data-table--single th:nth-child(1), .db-data-table--single td:nth-child(1),
.db-data-table--single th:nth-child(2), .db-data-table--single td:nth-child(2),
.db-data-table--single th:nth-child(6), .db-data-table--single td:nth-child(6) { width: 10%; }
.db-data-table--single th:nth-child(3), .db-data-table--single td:nth-child(3),
.db-data-table--single th:nth-child(4), .db-data-table--single td:nth-child(4),
.db-data-table--single th:nth-child(5), .db-data-table--single td:nth-child(5) { width: 23.33%; }
.db-data-table--spouse th:nth-child(1), .db-data-table--spouse td:nth-child(1),
.db-data-table--spouse th:nth-child(2), .db-data-table--spouse td:nth-child(2),
.db-data-table--spouse th:nth-child(3), .db-data-table--spouse td:nth-child(3) { width: 8%; }
.db-data-table--spouse th:nth-child(4), .db-data-table--spouse td:nth-child(4),
.db-data-table--spouse th:nth-child(5), .db-data-table--spouse td:nth-child(5),
.db-data-table--spouse th:nth-child(6), .db-data-table--spouse td:nth-child(6) { width: 20.67%; }
.db-data-table--spouse th:nth-child(7), .db-data-table--spouse td:nth-child(7) { width: 14%; }
.db-data-table th, .db-data-table td { text-align: center !important; }
.db-data-table th { white-space: normal; line-height: 1.18; overflow-wrap: normal; word-break: normal; text-align: center !important; vertical-align: middle; }
.db-data-table td { white-space: nowrap; }
.comparison-table th, .comparison-table td { padding: 11px 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.comparison-table th { color: var(--accent-dark); font-size: 0.88rem; text-transform: uppercase; letter-spacing: 0.04em; }
.comparison-table td:nth-child(2), .comparison-table td:nth-child(3), .comparison-table td:nth-child(4) { text-align: right; }
.db-scenario-table { table-layout: fixed; }
.db-scenario-table th, .db-scenario-table td { vertical-align: top; }
.db-scenario-table th:nth-child(1), .db-scenario-table td:nth-child(1) { width: 25%; text-align: left; }
.db-scenario-table th:nth-child(2), .db-scenario-table td:nth-child(2) { width: 25%; text-align: center; }
.db-scenario-table th:nth-child(3), .db-scenario-table td:nth-child(3) { width: 35%; text-align: left; }
.db-scenario-table th:nth-child(4), .db-scenario-table td:nth-child(4) { width: 15%; text-align: center; }
.db-scenario-table td { line-height: 1.5; }
.db-sustainable-table { table-layout: fixed; min-width: min(680px, 100%); }
.db-sustainable-table th, .db-sustainable-table td { text-align: center !important; vertical-align: top; }
.db-sustainable-table th:first-child, .db-sustainable-table td:first-child { text-align: left !important; }
.db-allocation-section { margin-top: 24px; }
.db-allocation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.db-allocation-row { min-width: 0; padding: 14px 16px; border: 1px solid var(--line-strong, #cfd9d4); border-radius: 8px; background: #f7fbfa; }
.db-allocation-row span { display: block; color: var(--muted); font-size: 0.86rem; font-weight: 750; line-height: 1.3; }
.db-allocation-row strong { display: block; margin-top: 6px; color: var(--ink); font-size: 1.08rem; text-align: right; }
.db-allocation-row p { margin: 8px 0 0; color: var(--muted); font-size: 0.84rem; line-height: 1.4; }
.db-note-stack { display: grid; gap: 12px; margin-top: 18px; }
.db-note { padding: 14px 16px; border-radius: 8px; background: #f7fbfa; color: var(--ink); line-height: 1.55; }
.db-note strong { color: var(--accent-dark); }
.db-note--warning { background: #fff7ed; }
.db-note--decision { background: #f8fbfe; }
.db-disclosure { margin-top: 24px; }
.db-print-report { display: none; }
@media print {
  @page { margin: 0.42in; @bottom-center { content: "Page " counter(page) " of " counter(pages); color: #42544d; font-size: 8.5pt; } }
  body { background: #fff; color: #17201b; }
  .calculator-core, .db-disclosure { display: none !important; }
  .db-print-report { display: block !important; color: #17201b; font-size: 10.5pt; line-height: 1.42; }
  .db-print-report, .db-print-report * { -webkit-print-color-adjust: exact; print-color-adjust: exact; box-shadow: none !important; }
  .db-print-header { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 16px; align-items: start; margin: 0 0 20pt; padding: 12pt 14pt; background: linear-gradient(90deg, #f3faf8 0%, #fbfcfb 72%, transparent 100%); border: 0; }
  .db-print-header img { width: 90px; height: auto; display: block; margin-top: 2px; }
  .db-print-header p { margin: 0; color: #303b35; line-height: 1.35; }
  .db-print-brand { color: #0d4e48 !important; font-size: 14pt; font-weight: 850; }
  .db-print-meta { display: flex; flex-wrap: wrap; gap: 10pt 32pt; align-items: baseline; margin-top: 3pt; }
  .db-print-title-row { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8pt 16pt; margin: 0 0 12pt; padding: 10pt 12pt; background: #f3faf8; }
  .db-print-title { margin: 0; color: #17201b; font-size: 21pt; line-height: 1.1; }
  .db-print-date { margin: 0; color: #42544d; font-size: 9.5pt; font-weight: 700; }
  .db-print-limitations { margin: 0 0 14pt; padding: 10pt 12pt; background: #f7fbfa; color: #17201b; font-weight: 400; line-height: 1.45; }
  .db-print-limitations strong { color: #0d4e48; font-weight: 800; }
  .db-print-intro { margin: 0 0 22pt; padding: 12pt 14pt; background: #f8fbfe; }
  .db-print-intro p { margin: 0 0 8pt; }
  .db-print-intro p:last-child { margin-bottom: 0; }
  .db-print-report h2 { margin: 18pt 0 8pt; padding: 7pt 9pt; background: #eef6f3; color: #17201b; font-size: 13pt; font-weight: 800; break-after: avoid; border: 0; }
  .db-print-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5pt 18pt; }
  .db-print-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12pt; padding: 4pt 0; border: 0; }
  .db-print-row span:first-child { color: #42544d; font-weight: 400; }
  .db-print-row span:last-child { text-align: right; font-weight: 700; }
  .comparison-table { width: 100%; min-width: 0; border-collapse: collapse; font-size: 9.4pt; }
  .comparison-table th, .comparison-table td { padding: 7pt 6pt; border: 0; border-bottom: 1px solid #eef3ef; vertical-align: top; }
  .comparison-table th { color: #0d4e48; font-weight: 800; text-align: left; }
  .comparison-table td:nth-child(2), .comparison-table td:nth-child(3), .comparison-table td:nth-child(4) { text-align: right; }
  .db-print-note { margin: 10pt 0; padding: 10pt 12pt; background: #f7fbfa; border: 0; font-weight: 400; }
  .db-print-note-title { font-weight: 700; }
  .db-print-signal-list { display: grid; gap: 8pt; margin: 10pt 0; }
  .db-print-signal-block { padding: 9pt 11pt; background: #f7fbfa; break-inside: avoid; }
  .db-print-signal-block h3 { margin: 0 0 4pt; color: #0d4e48; font-size: 10.5pt; font-weight: 700; }
  .db-print-signal-block ul { margin: 0; padding-left: 16pt; }
  .db-print-signal-block li { margin: 0 0 3pt; font-weight: 400 !important; line-height: 1.35; }
  .db-print-signal-block li:last-child { margin-bottom: 0; }
}
@media (max-width: 760px) { .db-input-grid, .db-summary-grid, .db-summary-grid--two, .db-allocation-grid { grid-template-columns: 1fr; } .db-input-pair > label { grid-template-rows: auto auto; } .db-input-pair .field-help { min-height: 0; } .db-bar-row { grid-template-columns: 1fr; gap: 7px; } .db-bar-value { text-align: left; } }

.db-data-table th:nth-child(1), .db-data-table th:nth-child(2), .db-data-table th:nth-child(3), .db-footnote-col { word-break: keep-all; overflow-wrap: normal; }

@media print { .db-print-signal-block, .db-print-signal-block * { font-weight: 400; } .db-print-signal-block h3 { font-weight: 700; } .db-print-note-title { font-weight: 700; } }

.db-method-summary-table th, .db-method-summary-table td, .db-method-summary-table td:nth-child(2), .db-method-summary-table td:nth-child(3) { text-align: left !important; }
@media print { .db-print-method-summary th, .db-print-method-summary td, .db-print-method-summary td:nth-child(2), .db-print-method-summary td:nth-child(3) { text-align: left !important; } }
