/* ── twstock 個股 hub · 熱門股清單(SEO 內部連結頁)── */
/* Static, high-density list → Editorial-Terminal dense-data register:
   flat depth (1px greyLight hairlines + color-step), no card shadow. */

#box_main {
  flex: 1;
  min-width: 0;
  min-height: 800px;
  padding-top: 14px;
  padding-left: 20px;
  max-width: 1340px;
}

/* ── Page head ── */
.pagehead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--space-16);
  flex-wrap: wrap;
  margin-bottom: var(--space-16);
}
.titlewrap { display: flex; flex-direction: column; gap: 2px; }
.titlewrap .eyebrow {
  font-size: 11px; font-weight: 600; letter-spacing: .08em;
  text-transform: uppercase; color: var(--color-greyMedium);
}
.titlewrap h1 { margin: 0; color: var(--color-black); }

/* ── Dense-data table (flat depth) ── */
.stock-hub {
  border: 1px solid var(--color-greyLight);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-surface);
}
.hub-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.hub-tbl thead th {
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--color-greyMedium);
  background: var(--color-pureWhite);
  padding: 10px 14px;
  border-bottom: 1px solid var(--color-black); /* dense-data top ruler */
  white-space: nowrap;
}
.hub-tbl tbody tr + tr td { border-top: 1px solid var(--color-greyLight); }
.hub-tbl tbody tr:nth-child(even) td { background: var(--color-surface); }
.hub-tbl tbody tr:nth-child(odd) td { background: var(--color-pureWhite); }
.hub-tbl tbody tr:hover td { background: var(--color-greyLight); }
.hub-tbl td { padding: 11px 14px; vertical-align: middle; }

/* Stock name + code cell */
.col-stock { min-width: 168px; }
.col-stock .sname { color: var(--color-black); font-weight: 600; }
.col-stock .scode {
  display: inline-block;
  margin-left: 8px;
  font-variant-numeric: tabular-nums;
  color: var(--color-greyMedium);
}
.mono { font-family: "Roboto Mono", monospace; }

/* Per-stock page links */
.hub-tbl td a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--motion-fast) ease;
}
.hub-tbl td a:hover { text-decoration: underline; }

/* ── RWD: collapse the page title (offcanvas button names the section);
   let the table scroll horizontally on narrow screens. ── */
@media (max-width: 1300px) {
  .titlewrap .eyebrow,
  .titlewrap h1 { display: none; }
  .stock-hub { overflow-x: auto; }
}