.s1c-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .s1c-card { margin: 0; padding: 22px 24px 16px; border-radius: 22px; 
  border: 1px solid rgba(255,255,255,0.09); background: rgba(255,255,255,0.035);
  backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%);
 }
  .light .s1c-card { border-color: rgba(15,23,42,0.08); background: rgba(255,255,255,0.86); }
  .s1c-title { color: var(--mel-text-primary); font: 600 15px/1.35 Poppins, system-ui, sans-serif; }
  .s1c-rows { display: grid; gap: 14px; margin-top: 18px; }
  .s1c-row { position: relative; display: grid; grid-template-columns: 9.5em minmax(0, 1fr) 7.5em; align-items: center; gap: 12px; outline: none; }
  .s1c-label { color: var(--mel-text-secondary); font: 500 13px/1.3 Poppins, system-ui, sans-serif; }
  .s1c-track { position: relative; height: 10px; }
  .s1c-track::before { content: ""; position: absolute; inset: 4px 0; border-radius: 2px; background: rgba(148,163,184,0.14); }
  .light .s1c-track::before { background: rgba(15,23,42,0.06); }
  .s1c-bar { position: absolute; left: 0; top: 0; bottom: 0; min-width: 6px; border-radius: 0 4px 4px 0; transform-origin: left center; transition: transform 900ms cubic-bezier(.22,.61,.36,1); }
  .s1c-value { color: var(--mel-text-secondary); font: 500 13px/1.2 Poppins, system-ui, sans-serif; white-space: nowrap; }
  .s1c-value b { color: var(--mel-text-primary); font: 700 18px/1 Poppins, system-ui, sans-serif; font-variant-numeric: tabular-nums; }
  .s1c-tip {
    position: absolute; left: 9.5em; bottom: calc(100% + 6px); z-index: 2; max-width: 260px; padding: 7px 10px; border-radius: 10px;
    color: var(--mel-text-primary); font: 500 12px/1.4 Poppins, system-ui, sans-serif; pointer-events: none;
    background: rgba(9,13,28,0.94); border: 1px solid rgba(148,163,184,0.25); opacity: 0; transform: translateY(4px); transition: opacity 140ms ease, transform 140ms ease;
  }
  .light .s1c-tip { background: #FFFFFF; border-color: rgba(15,23,42,0.12); box-shadow: 0 10px 24px -14px rgba(15,23,42,0.4); }
  .s1c-row:hover .s1c-tip, .s1c-row:focus-visible .s1c-tip { opacity: 1; transform: none; }
  .s1c-row:focus-visible .s1c-label { text-decoration: underline; text-underline-offset: 3px; }
  .s1c-axis { display: flex; justify-content: space-between; margin: 10px 0 0 calc(9.5em + 12px); margin-right: calc(7.5em + 12px); color: var(--mel-text-tertiary); font: 500 11px/1 Poppins, system-ui, sans-serif; font-variant-numeric: tabular-nums; border-top: 1px solid rgba(148,163,184,0.16); padding-top: 6px; }
  .light .s1c-axis { border-color: rgba(15,23,42,0.08); }
  .s1c-note { margin: 10px 0 0; color: var(--mel-text-tertiary); font: 500 12px/1.4 Poppins, system-ui, sans-serif; }
  @media (max-width: 860px) { .s1c-grid { grid-template-columns: 1fr; } }
  @media (max-width: 480px) {
    .s1c-card { padding: 18px 16px 14px; }
    .s1c-row { grid-template-columns: 1fr auto; row-gap: 6px; }
    .s1c-label { grid-column: 1; }
    .s1c-value { grid-column: 2; grid-row: 1; text-align: right; }
    .s1c-track { grid-column: 1 / -1; }
    .s1c-axis { margin-left: 0; margin-right: 0; }
    .s1c-tip { left: 0; }
  }
  @media (prefers-reduced-motion: reduce) { .s1c-bar { transition: none; } }