/* S&P 500: comparison, pre-purchase checks and readable calculator amounts. */
#verdikt .sp500-verdict-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 24px 0;
}
#verdikt .sp500-verdict-grid article { padding: 22px; min-width: 0; }
#verdikt .sp500-verdict-fit { border-top: 3px solid #79dfd1; }
#verdikt .sp500-verdict-pause { border-top: 3px solid #ffd375; }
#verdikt .sp500-verdict-grid h3 { margin: 0 0 16px; font-size: 1.15rem; line-height: 1.35; }
#verdikt .sp500-verdict-grid ul { display: grid; gap: 14px; padding: 0; margin: 0; list-style: none; }
#verdikt .sp500-verdict-grid li { margin: 0; padding: 0; font-size: .96rem; line-height: 1.55; }
#verdikt .sp500-verdict-grid li strong { display: block; color: #fff; }
#verdikt .sp500-verdict-takeaway { padding: 18px 20px; margin: 0; background: rgba(0,0,0,.13); border-radius: 12px; font-size: .96rem; }
#verdikt .sp500-verdict-takeaway a { color: #a1f3ff; text-decoration: underline; text-underline-offset: 3px; }

#etf-srovnani .sp500-etf-common { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 22px 0 16px; font-size: .82rem; }
#etf-srovnani .sp500-etf-common strong { flex-basis: 100%; color: #334d6b; }
#etf-srovnani .sp500-etf-common span { background: #edf6f5; color: #075451; border: 1px solid #cce5e1; border-radius: 6px; padding: 5px 9px; font-weight: 700; }
#etf-srovnani .sp500-fund-comparison { border: 1px solid #cedded; border-radius: 14px; overflow: hidden; }
#etf-srovnani table { width: 100%; min-width: 0; border-collapse: collapse; table-layout: fixed; margin: 0; font-size: .88rem; }
#etf-srovnani caption { padding: 14px 16px; text-align: left; background: #f5f8fc; font-size: .78rem; line-height: 1.6; color: #536985; }
#etf-srovnani thead th { padding: 13px 12px; font-size: .72rem; line-height: 1.4; color: #334d6b; background: #eaf2fc; text-transform: uppercase; letter-spacing: .025em; text-align: left; }
#etf-srovnani thead th:nth-child(1) { width: 34%; }
#etf-srovnani thead th:nth-child(2) { width: 23%; }
#etf-srovnani thead th:nth-child(3) { width: 25%; }
#etf-srovnani thead th:nth-child(4) { width: 18%; }
#etf-srovnani tbody th, #etf-srovnani td { padding: 18px 12px; border: 0; border-top: 1px solid #dce6f1; text-align: left; vertical-align: top; background: #fff; color: #102541; font-weight: 400; line-height: 1.5; }
#etf-srovnani tbody tr:nth-child(even) th, #etf-srovnani tbody tr:nth-child(even) td { background: #f8fbff; }
#etf-srovnani tbody th { text-transform: none; letter-spacing: normal; }
#etf-srovnani .sp500-fund-ticker { display: block; color: #0d2748; font-size: 1.06rem; line-height: 1.35; margin-bottom: 7px; }
#etf-srovnani .sp500-fund-name { display: block; font-size: .85rem; }
#etf-srovnani table small { display: block; color: #536985; font-size: .75rem; line-height: 1.55; margin-top: 7px; }
#etf-srovnani code { white-space: nowrap; font-family: ui-monospace, Consolas, monospace; font-size: .78rem; background: transparent; padding: 0; }
#etf-srovnani .sp500-fund-policy { display: inline-block; border-radius: 5px; padding: 4px 6px; background: #e7f4f0; color: #075451; font-size: .76rem; font-weight: 700; }
#etf-srovnani .sp500-fund-policy--dist { color: #765211; background: #fff2d7; }
#etf-srovnani .sp500-fund-fee { white-space: nowrap; font-size: 1.1rem; color: #0d2748; }
#etf-srovnani .sp500-etf-cost-note { padding: 15px 18px; border-left: 3px solid #087bf0; background: #f1f7ff; margin: 18px 0; font-size: .9rem; line-height: 1.65; }
#etf-srovnani .sp500-fund-notes { border: 1px solid #cedded; border-radius: 10px; background: #fff; padding: 0 18px; }
#etf-srovnani .sp500-fund-notes summary { padding: 16px 0; color: #0d2748; cursor: pointer; font-weight: 800; line-height: 1.5; }
#etf-srovnani .sp500-fund-notes summary:focus-visible { outline: 3px solid #087bf0; outline-offset: 3px; }
#etf-srovnani .sp500-fund-notes ul { padding-left: 20px; margin: 0; }
#etf-srovnani .sp500-fund-notes li, #etf-srovnani .sp500-fund-notes p { font-size: .9rem; line-height: 1.7; }
#etf-srovnani .sp500-fund-notes li { margin-bottom: 14px; }
#etf-srovnani .sp500-etf-checklist { display: block; margin: 28px 0 0; padding: 22px; background: #f1f7f8; border-color: #cfdfE5; }
#etf-srovnani .sp500-etf-checklist h3 { font-size: 1.4rem; line-height: 1.35; }
#etf-srovnani .sp500-etf-checklist > p { margin: 8px 0 20px; font-size: .9rem; }
#etf-srovnani .sp500-etf-checklist ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 0; margin: 0; list-style: none; counter-reset: etf-check; }
#etf-srovnani .sp500-etf-checklist li { display: flex; gap: 10px; align-items: start; margin: 0; padding: 15px 12px; background: #fff; border: 1px solid #d7e4e8; border-radius: 9px; counter-increment: etf-check; }
#etf-srovnani .sp500-etf-checklist li::before { content: counter(etf-check, decimal-leading-zero); flex: 0 0 25px; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 6px; color: #075451; background: #e4f3f0; font-size: .72rem; font-weight: 800; }
#etf-srovnani .sp500-etf-checklist li strong { display: block; margin: 0 0 6px; font-size: .91rem; line-height: 1.45; color: #0d2748; }
#etf-srovnani .sp500-etf-checklist li span { display: block; color: #435a72; font-size: .86rem; line-height: 1.6; }

#kalkulacka-vynosu .sp500-calc-layout, #kalkulacka-meny .sp500-currency-layout { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: start; }
#kalkulacka-vynosu .sp500-calc-results, #kalkulacka-meny .sp500-currency-result { min-width: 0; grid-template-columns: minmax(0, 1fr); gap: 10px; }
#kalkulacka-vynosu .sp500-calc-results > div, #kalkulacka-meny .sp500-currency-result > div { min-width: 0; min-height: 0; padding: 16px 18px; container-type: inline-size; }
#kalkulacka-vynosu .sp500-calc-results > .primary, #kalkulacka-meny .sp500-currency-result > .primary { background: rgba(255,255,255,.19); border-color: rgba(255,255,255,.5); }
#kalkulacka-vynosu .sp500-money-value, #kalkulacka-meny .sp500-money-value { white-space: nowrap; font-variant-numeric: tabular-nums; font-size: clamp(20px, 8cqi, 30px); line-height: 1.25; letter-spacing: -.025em; }
#kalkulacka-vynosu .sp500-money-compact, #kalkulacka-meny .sp500-money-compact { font-size: clamp(14px, 5.6cqi, 20px); }
#sp-result-note, #sp-fx-explanation { grid-column: 1 / -1; margin: 6px 0 0; font-size: .9rem; line-height: 1.65; }

@media (max-width: 760px) {
  #verdikt .sp500-verdict-grid { grid-template-columns: minmax(0, 1fr); }
  #etf-srovnani .sp500-fund-comparison { border: 0; border-radius: 0; overflow: visible; }
  #etf-srovnani table, #etf-srovnani tbody { display: block; }
  #etf-srovnani caption { display: block; border: 0; border-radius: 8px; padding: 12px; }
  #etf-srovnani tbody tr { display: block; width: 100%; margin-top: 14px; padding: 0; border: 1px solid #cedded; border-radius: 12px; overflow: hidden; }
  #etf-srovnani tbody th { display: block; width: auto; border: 0; padding: 18px; background: #edf4fd; }
  #etf-srovnani tbody tr:nth-child(even) th { background: #edf4fd; }
  #etf-srovnani td { display: block; width: auto; padding: 12px 18px; }
  #etf-srovnani td::before { display: block; margin-bottom: 5px; }
  #etf-srovnani table small { margin-top: 4px; }
  #etf-srovnani .sp500-fund-name { font-size: .9rem; }
  #etf-srovnani code { font-size: .9rem; }
  #etf-srovnani .sp500-etf-checklist { padding: 18px; }
  #etf-srovnani .sp500-etf-checklist ol { grid-template-columns: minmax(0, 1fr); }
  #kalkulacka-vynosu .sp500-calc-layout, #kalkulacka-meny .sp500-currency-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 420px) {
  #verdikt .sp500-verdict-grid article { padding: 18px; }
  #etf-srovnani .sp500-etf-checklist { padding: 16px 12px; }
}