/* ===== Premium Light Table with Scroll Buttons + Hints ===== */
    .tuc-card{
      background:#fff;color:#0f172a;border:1px solid #e5e7eb;border-radius:16px;
      box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 24px rgba(15,23,42,.06);
      padding:16px 16px 12px;position:relative
    }
    .tuc-wrap{
      overflow:auto;border-radius:12px;border:1px solid #e5e7eb;position:relative;
      scroll-behavior:smooth
    }
    /* Edge fades that indicate more content */
    .tuc-wrap::before,.tuc-wrap::after{
      content:"";position:sticky;top:0;width:28px;height:100%;pointer-events:none;z-index:4;opacity:.9
    }
    .tuc-wrap::before{left:0;background:linear-gradient(to right,#fff,rgba(255,255,255,0))}
    .tuc-wrap::after{right:0;background:linear-gradient(to left,#fff,rgba(255,255,255,0))}
    /* Hide fades when at extremes (JS toggles classes) */
    .tuc-wrap.is-left   ::before{opacity:0}
    .tuc-wrap.is-right  ::after{opacity:0}

    /* Scroll buttons */
    .tuc-scroll-btn{
      position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;
      border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#0b1220;
      display:grid;place-items:center;box-shadow:0 6px 16px rgba(2,6,23,.12);
      cursor:pointer;transition:background .2s ease,transform .15s ease,opacity .2s ease;opacity:.95
    }
    .tuc-scroll-btn:hover{background:#f8fafc;transform:translateY(-50%) scale(1.04)}
    .tuc-scroll-btn:active{transform:translateY(-50%) scale(.98)}
    .tuc-scroll-btn:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
    .tuc-scroll-btn[disabled]{opacity:.35;cursor:default}
    .tuc-scroll-left{left:10px}
    .tuc-scroll-right{right:10px}
    .tuc-scroll-btn svg{width:18px;height:18px}

    /* Table */
    .tuc-matrix{
      width:100%;min-width:1200px;border-collapse:separate;border-spacing:0;
      font-family:ui-sans-serif,system-ui,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
      font-size:.95rem;line-height:1.45
    }
    .tuc-matrix caption{
      text-align:left;font-weight:600;color:#475569;padding:12px 12px 8px
    }
    .tuc-matrix thead th{
      position:sticky;top:0;z-index:3;background:#0b1220;color:#fff;font-weight:700;white-space:nowrap;
      padding:12px 14px;border-bottom:1px solid #e5e7eb
    }
    /* More toned first column background (Convert From) */
    .tuc-matrix tbody th[scope="row"]{
      position:sticky;left:0;z-index:2;background:#e9eef6;color:#0f172a;font-weight:700;
      padding:10px 12px;text-align:left;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;
      white-space:nowrap;letter-spacing:.1px
    }
    .tuc-matrix td{
      padding:10px 12px;border-bottom:1px solid #e5e7eb;background:#fff;vertical-align:middle
    }
    .tuc-matrix tbody tr:nth-child(even) td{background:#f8fafc}
    .tuc-matrix tbody tr:hover td,.tuc-matrix tbody tr:hover th[scope="row"]{background:#eef6ff}

    /* Rounded corners */
    .tuc-matrix thead th:first-child{border-top-left-radius:12px}
    .tuc-matrix thead th:last-child{border-top-right-radius:12px}
    .tuc-matrix tbody tr:last-child td:last-child{border-bottom-right-radius:12px}
    .tuc-matrix tbody tr:last-child th[scope="row"]{border-bottom-left-radius:12px}

    /* Numbers */
    .tuc-matrix .num{ text-align:right; font-variant-numeric:tabular-nums lining-nums; white-space:nowrap }

    /* Unit badges */
    .badge{
      display:inline-block;font-size:.85em;padding:2px 6px;border-radius:999px;color:#0b1220;
      background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.28);margin-left:4px;vertical-align:middle
    }

    .tuc-hint{margin:8px 4px 0;color:#64748b;font-size:.9rem}
    @media (max-width:520px){ .tuc-matrix{font-size:.92rem} .tuc-scroll-btn{width:36px;height:36px} }
    @media (prefers-reduced-motion: reduce){ .tuc-wrap{scroll-behavior:auto} .tuc-scroll-btn{transition:none} }