:root{--bg:#0b0c10;--card:#111218;--text:#e9eef2;--muted:#a8b3bd;--accent:#2dd4bf;--line:#1b1e26;}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Arial}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.asd-container{max-width:1280px;margin:0 auto;padding:24px}
.asd-header h1{margin:0 0 6px;font-size:28px}.asd-sub{color:var(--muted);margin:0 0 16px}
.asd-wrap{padding:0 12px}
.asd-filters{margin:0 0 12px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end;background:var(--card);padding:12px;border-radius:12px;border:1px solid var(--line)}
.asd-filter label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.asd-filter input,.asd-filter select{width:100%;padding:8px 10px;background:#0f1016;color:var(--text);border:1px solid var(--line);border-radius:8px}
.asd-right{text-align:right}
@media (max-width:900px){.asd-filters{grid-template-columns:1fr 1fr}}
.asd-disclosure{margin:10px 0 14px;color:var(--muted);font-size:12px}

.asd-table{width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow-x:hidden}
.asd-table table{width:100%;border-collapse:collapse;table-layout:fixed}
.asd-table thead th{position:sticky;top:0;background:#121420;text-align:left;font-weight:600;font-size:13px;color:var(--muted);padding:12px;border-bottom:1px solid var(--line)}
.asd-table tbody td{padding:12px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}
.asd-table tbody tr:hover{background:rgba(255,255,255,.02)}
.asd-table thead th:nth-child(1), .asd-table tbody td:nth-child(1){width:47%; min-width:47%}
.asd-table thead th:nth-child(2), .asd-table tbody td:nth-child(2){width:9%}
.asd-table thead th:nth-child(3), .asd-table tbody td:nth-child(3){width:10%}
.asd-table thead th:nth-child(4), .asd-table tbody td:nth-child(4){width:10%}
.asd-table thead th:nth-child(5), .asd-table tbody td:nth-child(5){width:8%}
.asd-table thead th:nth-child(6), .asd-table tbody td:nth-child(6){width:9%}
.asd-table thead th:nth-child(7), .asd-table tbody td:nth-child(7){width:7%}
.asd-table td.asd-title{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word}
.asd-table td.asd-title a{display:block;width:100%}
.prime-box{display:inline-block;padding:6px 10px;border:1px solid var(--line);border-radius:10px;font-size:12px;color:var(--muted);background:transparent}

/* footer disclaimer */
.asd-footer{margin-top:28px;border-top:1px solid var(--line);background:#0f1118}
.asd-footer-inner{max-width:1280px;margin:0 auto;padding:14px 24px;color:var(--muted);font-size:12px;line-height:1.4}
.u-upper{text-transform:uppercase}


/* --- Mobile improvements (Patch 7) --- */
@media (max-width: 900px){
  .asd-table{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .asd-table table{ min-width: 1024px; } /* allow side-scroll */
  .asd-table thead th, .asd-table tbody td{ padding:10px; font-size:13px; }
  /* Keep the Product column visible while scrolling horizontally */
  .asd-table thead th:nth-child(1),
  .asd-table tbody td:nth-child(1){
    position: sticky; left: 0; z-index: 3; background: #111218;
    box-shadow: 1px 0 0 0 var(--line);
  }
  /* Slight gradient hint on right edge to suggest scroll */
  .asd-table{ position: relative; }
  .asd-table::after{
    content: ""; position: absolute; top: 0; right: 0; width: 24px; height: 100%;
    pointer-events: none;
    background: linear-gradient(270deg, rgba(0,0,0,0.4), rgba(0,0,0,0));
    border-radius: 0 12px 12px 0;
  }
}


/* --- Mobile improvements (Patch 8) --- */
@media (max-width: 900px){
  /* touch-friendly horizontal scroll */
  .asd-table{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .asd-table table{ min-width: 980px; }

  /* Tighter cells */
  .asd-table thead th, .asd-table tbody td{ padding:10px; font-size:13px; }

  /* DO NOT keep sticky column; allow all columns to slide into view */
  .asd-table thead th:nth-child(1),
  .asd-table tbody td:nth-child(1){
    position: static; left: auto; z-index: auto; background: inherit; box-shadow: none;
    width: 45%; min-width: 45%;
  }

  /* On phone, cap product text to ~70 characters on a single line */
  .asd-table td.asd-title{ 
    max-width: 70ch; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
  }
}