/* Dividend calculator v2. Loaded after vat.css (same visual system, .vp-* classes); only what the two-regime result needs is added here. */
.dv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dv-t{width:100%;border-collapse:collapse;font-size:15px}
.dv-t th,.dv-t td{padding:9px 0;text-align:right;vertical-align:baseline}
.dv-t td,.dv-t thead th{padding-left:14px}
.dv-t thead th{padding:0 0 8px;font-size:13px;font-weight:700;color:#C5DCDD;line-height:1.25}
.dv-t thead th i{display:block;font-style:normal;font-weight:500;color:#fff;font-size:12px;margin-top:2px}
.dv-t tbody th{text-align:left;font-weight:400;color:#C5DCDD;padding-right:10px}
.dv-t tbody tr{border-top:1px solid rgba(255,255,255,.2)}
.dv-t tbody td{white-space:nowrap}
.dv-t .dv-net th{color:#fff;font-weight:700}
.dv-t .dv-net td{font-size:17px;font-weight:700;color:#fff}
.dv-diff{margin:0;display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#C5DCDD}
.dv-diff[hidden]{display:none}
.dv-scope{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:#C5DCDD}
.dv-diff b{color:#fff;white-space:nowrap}
.dv-art svg{width:min(100%,560px)}
.dv-ext tbody th{width:auto}
.dv-ext td{white-space:nowrap}
@media (max-width:760px){
  .dv-t{font-size:14px}
  .dv-t thead th{font-size:12px}
  .dv-t .dv-net td{font-size:16px}
  .dv-t td,.dv-t thead th{padding-left:8px}
  .dv-t tbody th{padding-right:6px}
  .dv-diff{flex-direction:column;gap:2px}
}
