.dzc {

    --black: #1e1e1e;

    --neon: #e7f6a0;

    --grey: #727272;

    --bg: #f2f2f0;

    --white: #ffffff;

    --mono: "Fontsfree Net Maison Neue Mono", "Courier New", monospace;

    --sans: Inter, sans-serif;

    font-family: var(--sans);

    color: var(--black);

    padding: 0;

    box-sizing: border-box;

  }

  .dzc *, .dzc *::before, .dzc *::after {
 box-sizing: border-box;
 margin: 0;
 padding: 0;
 }


  .dzc-label {

    font-family: var(--mono);

    font-size: 11px;

    letter-spacing: 0.12em;

    color: var(--grey);

    text-transform: uppercase;

    margin-bottom: 16px;

  }


  .dzc-table {

    width: 100%;

    border-collapse: collapse;

    background: var(--bg);

    border-radius: 12px;

    overflow: hidden;

  }


  /* header row */
  .dzc-table thead tr th {

    padding: 24px 28px;

    text-align: left;

    vertical-align: bottom;

    border-bottom: 1px solid rgba(0,0,0,0.07);

  }


  .dzc-th-label {

    width: 26%;

    background: var(--bg);

  }


  .dzc-th-without {

    width: 37%;

    background: var(--bg);

    border-left: 1px solid rgba(0,0,0,0.07);

  }


  .dzc-th-with {

    width: 37%;

    background: var(--neon);

    border-left: 1px solid rgba(0,0,0,0.07);

  }


  .dzc-col-tag {

    font-family: var(--mono);

    font-size: 10px;

    letter-spacing: 0.1em;

    color: var(--grey);

    text-transform: uppercase;

    display: block;

    margin-bottom: 6px;

  }


  .dzc-col-title {

    font-size: 20px;

    font-weight: 700;

    color: var(--black);

    line-height: 1.2;

  }


  /* body rows */
  .dzc-table tbody tr {

    border-top: 1px solid rgba(0,0,0,0.07);

  }


  .dzc-table tbody tr td {

    padding: 22px 28px;

    vertical-align: middle;

  }


  .dzc-row-label {

    font-family: var(--mono);

    font-size: 10px;

    letter-spacing: 0.1em;

    color: var(--grey);

    text-transform: uppercase;

  }


  .dzc-val-without {

    background: var(--bg);

    border-left: 1px solid rgba(0,0,0,0.07);

  }


  .dzc-val-with {

    background: #edfab6;

    border-left: 1px solid rgba(0,0,0,0.07);

  }


  .dzc-val {

    font-size: 20px;

    font-weight: 700;

    color: var(--black);

    line-height: 1.2;

  }


  .dzc-val-sm {

    font-size: 16px;

    font-weight: 400;

  }


  .dzc-est {

    font-family: var(--mono);

    font-size: 10px;

    letter-spacing: 0.08em;

    color: var(--grey);

    text-transform: uppercase;

    margin-left: 4px;

  }


  @media (max-width: 640px) {

    .dzc-table thead tr th,
    .dzc-table tbody tr td {
 padding: 16px 16px;
 }

    .dzc-val {
 font-size: 16px;
 }

    .dzc-col-title {
 font-size: 16px;
 }

  }