/* Scoped to the 13F article; figures and all tables remain readable without JS. */
.blog-13f.blog-article-page{max-width:1340px}
.blog-13f .blog-article-layout{grid-template-columns:180px minmax(0,920px);gap:48px}
.blog-13f .blog-article-header{max-width:920px}
.blog-13f .blog-article-body>p{max-width:780px}
.blog-13f .blog-article-body h2,.blog-13f .table-comparison{scroll-margin-top:110px}
.blog-13f .table-comparison{margin:28px 0}
.blog-13f .editorial-chart{display:block;width:100%;height:auto;border:1px solid #29292d;border-radius:7px;margin:30px 0 0;cursor:zoom-in}
.blog-image-dialog{width:min(1600px,96vw);max-width:96vw;max-height:92vh;padding:0;border:1px solid #45454b;border-radius:10px;background:#101011;color:#ededee}
.blog-image-dialog::backdrop{background:rgba(0,0,0,.85)}
.blog-image-dialog form{margin:0;padding:12px;display:flex;justify-content:flex-end;position:sticky;top:0;background:#181819;z-index:1}
.blog-image-dialog button{background:#302b1d;color:#f0dca4;border:1px solid #605332;border-radius:5px;padding:10px 18px;font:14px system-ui;cursor:pointer}
.blog-image-scroll{overflow:auto;max-height:calc(92vh - 70px)}
.blog-image-scroll img{display:block;width:100%;min-width:1000px;height:auto}
@media(max-width:1050px){.blog-13f .blog-article-layout{grid-template-columns:minmax(0,920px)}.blog-13f .blog-article-aside{display:none}}
@media(max-width:640px){.blog-13f.blog-article-page{padding:26px 16px}.blog-13f .table-comparison{margin:24px 0}}
/* The same research-card treatment as the exports, with selectable data. */
.blog-13f .research-table {
  margin: 0;
  border: 1px solid #333337;
  border-radius: 10px;
  overflow: hidden;
  background: #101011;
}
.blog-13f .research-table table {
  width: calc(100% - 56px);
  min-width: 0;
  margin: 0 28px 24px;
  table-layout: fixed;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
}
.blog-13f .research-table-caption {
  padding: 24px 0 22px;
  background: transparent;
  text-align: left;
  border-bottom: 0;
}
.blog-13f .research-table-masthead {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: .08em;
  color: #b7bbc4;
}
.blog-13f .research-table-masthead span:first-child { color: #f0c75e; }
.blog-13f .research-table-title {
  display: block;
  margin-bottom: 10px;
  font-size: clamp(22px, 2.3vw, 28px);
  line-height: 1.22;
  font-weight: 700;
  letter-spacing: -.025em;
  color: #f7f7f8;
}
.blog-13f .research-table-subtitle {
  display: block;
  max-width: 680px;
  font-size: 14px;
  line-height: 1.6;
  color: #b7bbc4;
}
.blog-13f .research-table th,
.blog-13f .research-table td {
  padding: 18px 10px;
  border-bottom: 1px solid #333337;
  white-space: normal;
  color: #f1f1f3;
  font-weight: 400;
}
.blog-13f .research-table tr > :first-child { padding-left: 0; }
.blog-13f .research-table tr > :last-child { padding-right: 0; }
.blog-13f .research-table thead th {
  font-size: 13px;
  line-height: 1.5;
  color: #b7bbc4;
  font-weight: 400;
  background: transparent;
  vertical-align: bottom;
  padding-top: 0;
  padding-bottom: 14px;
}
.blog-13f .research-table thead th:first-child { width: 38%; }
.blog-13f .research-table tbody th { width: auto; min-width: 0; }
.blog-13f .research-table td { font-size: 20px; }
.blog-13f .research-table td strong { color: inherit; font-weight: inherit; }
.blog-13f .research-table tbody tr:last-child > * { border-bottom: 0; }
.blog-13f .research-table .table-gain { color: #f0c75e; font-weight: 600; }
.blog-13f .research-table .table-count { color: #72d4b5; font-weight: 600; }
.blog-13f .research-table .table-leader > :nth-child(2),
.blog-13f .research-table .table-leader > :nth-child(3) {
  color: #f0c75e;
  font-weight: 600;
}
.blog-13f .research-table .table-consensus > :nth-child(2),
.blog-13f .research-table .table-consensus > :nth-child(3) {
  color: #72d4b5;
  font-weight: 600;
}
.blog-13f .research-table .table-consensus > * { border-top: 2px solid #52524f; }
.blog-13f .research-table .table-benchmark > * { color: #c1c5cd; }
.blog-13f .research-table table[data-kind="portfolio"] td { font-size: 18px; }
.blog-13f .research-table table[data-kind="portfolio"] td:last-child { font-size: 16px; }
.blog-13f .research-table table[data-kind="holdings"] thead th:first-child { width: 54%; }
.blog-13f .research-table table[data-kind="ideas"] td:nth-child(2) { font-size: 16px; }
.blog-13f .research-table table[data-kind="ideas"] td:last-child { color: #c1c5cd; }

/* Mobile: each table row becomes a compact, labeled group; no sideways scroll. */
@media (max-width: 640px) {
  .blog-13f .research-table table {
    display: block;
    width: auto;
    margin: 0 18px;
    table-layout: auto;
  }
  .blog-13f .research-table caption { display: block; padding: 22px 0; }
  .blog-13f .research-table-masthead { margin-bottom: 18px; font-size: 10px; }
  .blog-13f .research-table-title { font-size: 23px; }
  .blog-13f .research-table-subtitle { font-size: 13px; }
  .blog-13f .research-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .blog-13f .research-table tbody { display: block; }
  .blog-13f .research-table tbody tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
    padding: 20px 0;
    border-top: 1px solid #333337;
  }
  .blog-13f .research-table tbody tr > * {
    display: block;
    min-width: 0;
    width: auto;
    padding: 0;
    border: 0;
    text-align: left;
    white-space: normal;
  }
  .blog-13f .research-table tbody tr > th {
    grid-column: 1 / -1;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
  }
  .blog-13f .research-table tbody td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 5px;
    color: #b7bbc4;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
  }
  .blog-13f .research-table tbody td { font-size: 21px; }
  .blog-13f .research-table table[data-kind="portfolio"] td { font-size: 23px; }
  .blog-13f .research-table table[data-kind="portfolio"] td:last-child {
    grid-column: 1 / -1;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    font-size: 16px;
  }
  .blog-13f .research-table table[data-kind="portfolio"] td:last-child::before {
    max-width: 190px;
    margin-bottom: 0;
  }
  .blog-13f .research-table table[data-kind="ideas"] td:nth-child(2) {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 15px;
  }
  .blog-13f .research-table table[data-kind="ideas"] td:nth-child(2)::before { margin: 0; }
  .blog-13f .research-table table[data-kind="prices"] td:last-child {
    grid-column: 1 / -1;
  }
  .blog-13f .research-table .table-consensus { border-top: 2px solid #52524f; }
}