/*
 * Kafijas kalkulators (2026-10-26): slīdnis "paturi N kafijas", valsts bloks, kārtojama
 * valstu tabula, tīklu kartītes, "latte efekta" kaste. Pārējais no landing.css + calc.css.
 */
.kf-keep { background: var(--surface-2); border-radius: var(--r-md); padding: 14px 16px; margin-top: 12px; display: grid; gap: 8px; }
.kf-keep label { font-size: 14px; color: var(--text-2); font-weight: 600; }
.kf-keep p { margin: 0; color: var(--text-2); }
.kf-keep b { color: var(--g-saving, var(--accent)); font-size: 20px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kf-adv { margin-top: 14px; font-size: 14px; }
.kf-adv summary { cursor: pointer; color: var(--text-2); font-weight: 600; }
.kf-adv .kf-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.kf-adv .cx-field { margin-bottom: 0; }
.kf-real { margin: 10px 0 0; color: var(--text-2); }
.kf-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; margin: 6px 0 18px; }
.kf-tiles div { background: var(--surface-2); border-radius: var(--r-md); padding: 12px 14px; }
.kf-tiles b { display: block; font-size: 22px; color: var(--accent); font-variant-numeric: tabular-nums; }
.kf-tiles span { font-size: 13px; color: var(--text-2); }
.cx-art .kf-tb th button { background: none; border: 0; color: inherit; font: inherit; cursor: pointer; padding: 0; text-transform: inherit; letter-spacing: inherit; }
.cx-art .kf-tb th button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.kf-tb td, .kf-tb th { white-space: nowrap; font-variant-numeric: tabular-nums; }
.kf-tb td:not(:first-child), .kf-tb th:not(:first-child) { text-align: right; }
.kf-tb tr.kf-me td { color: var(--accent); font-weight: 700; }
.kf-chains { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin: 6px 0 18px; }
.kf-chains > div { background: var(--surface-1); border: 1px solid var(--line); border-radius: var(--r-md); padding: 12px 16px; }
.kf-chains h3 { margin: 0 0 6px; font-size: 16px; }
.cx-art .kf-chains ol { margin: 0; padding-left: 20px; }
.kf-chains li span { color: var(--text-3); font-size: 13px; }
.kf-box { background: var(--surface-2); border-left: 3px solid var(--accent); border-radius: 0 var(--r-md) var(--r-md) 0; padding: 12px 16px; margin: 6px 0 18px; }
.kf-src { font-size: 13px; color: var(--text-3); }
.kf-src a { color: var(--text-2); }
@media (max-width: 640px) { .kf-adv .kf-row { grid-template-columns: 1fr; } }
.cx-select { width: 100%; min-height: 46px; background: var(--bg); border: 1px solid var(--line-strong); border-radius: var(--r-md);
  color: var(--text); font: 600 16px/1.2 inherit; font-family: inherit; padding: 10px 12px; }
.cx-select:focus { outline: none; border-color: var(--accent); }