/* Termonto V1.13.4.5: public readability and instrument-icon normalization. */

/* --------------------------------------------------------------------------
   Instrument icons
   Keep the original brand artwork intact, but normalize the visual canvas so
   transparent, bright and tightly cropped source images sit consistently.
   -------------------------------------------------------------------------- */
.public-site .asset-icon {
  box-sizing: border-box;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-color: rgba(155, 184, 193, .28);
  background:
    radial-gradient(circle at 50% 38%, rgba(255,255,255,.055), transparent 58%),
    linear-gradient(180deg, #0b171e, #071116);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    0 4px 14px rgba(0,0,0,.16);
}
.public-site .asset-icon img {
  display: block;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  max-width: none;
  max-height: none;
  margin: auto;
  object-fit: contain;
  object-position: center;
  border-radius: 50%;
}
.page-portfolio .holding-logo-v1200 {
  box-sizing: border-box;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,255,255,.055), transparent 58%),
    linear-gradient(160deg,#0b1820,#061015);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.018), 0 12px 30px rgba(0,0,0,.12);
}
.page-portfolio .holding-logo-v1200 img {
  display: block;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  max-width: none;
  max-height: none;
  margin: auto;
  object-fit: contain;
  object-position: center;
  border-radius: 12px;
}

/* --------------------------------------------------------------------------
   Global public readability
   Raise small supporting typography by roughly 8–18% and improve muted-text
   contrast without changing the core visual hierarchy or desktop density.
   -------------------------------------------------------------------------- */
.public-site .main-nav { font-size: 12px; }
.public-site .lang-switch { font-size: 11px; }
.public-site .btn { font-size: 11.5px; line-height: 1.25; }
.public-site .hero-copy > p { font-size: 18px; line-height: 1.72; }
.public-site .principles strong { font-size: 10.5px; }
.public-site .principles span { color: #8b9aa0; font-size: 11px; line-height: 1.42; }
.public-site .stat-card > span { color: #8c9ba1; font-size: 10px; }
.public-site .stat-card > small,
.public-site .stat-card small { font-size: 10px; line-height: 1.45; }
.public-site .section-head h2 { font-size: 17px; }
.public-site .section-head p { color: #809097; font-size: 11px; line-height: 1.5; }
.public-site .section-head > a { font-size: 10px; }
.public-site .page-hero p { color: #94a3a8; font-size: 15px; }
.public-site .page-status { font-size: 10px; line-height: 1.45; }
.public-site .performance-source-badge { font-size: 9px; }

/* Portfolio and home holding lists. */
.public-site .portfolio-table th {
  padding-top: 13px;
  padding-bottom: 13px;
  color: #82939a;
  font-size: 9.5px;
  line-height: 1.3;
}
.public-site .portfolio-table td {
  height: 66px;
  font-size: 13px;
  line-height: 1.35;
}
.public-site .asset-cell strong { font-size: 13px; line-height: 1.3; }
.public-site .asset-cell span { color: #72838a; font-size: 10px; line-height: 1.3; }
.public-site .holding-stat-link i { font-size: 9px; }
.public-site .percentage-note { color: #6f8087; font-size: 10px; line-height: 1.55; }
.public-site .portfolio-sort > span { font-size: 9px; }
.public-site .portfolio-sort button,
.public-site .chart-ranges button { font-size: 9px; }
.public-site .variant-count { font-size: 10px; }

/* Footer and CTA copy should remain compact but not micro-sized. */
.public-site .footer-brand p { color: #73858c; font-size: 11.5px; line-height: 1.65; }
.public-site .footer-links { color: #82939a; font-size: 11px; line-height: 1.4; }
.public-site .footer-links strong { font-size: 10px; }
.public-site .referral-card strong { font-size: 12px; }
.public-site .referral-card p { color: #76878e; font-size: 10px; line-height: 1.58; }
.public-site .referral-card .btn { font-size: 10px; }
.public-site .footer-bottom { color: #5f7077; font-size: 9px; line-height: 1.5; }

/* --------------------------------------------------------------------------
   Holding intelligence readability
   This page intentionally carries more data; enlarge labels/descriptions and
   add a little vertical breathing room while preserving the six-layer grid.
   -------------------------------------------------------------------------- */
.page-portfolio .holding-breadcrumb-v1200 { font-size: 9px; }
.page-portfolio .holding-symbol-line-v1200 { color: #7d8e94; font-size: 10px; }
.page-portfolio .holding-company-meta-v1310 { color: #7e8f95; font-size: 9.5px; line-height: 1.5; }
.page-portfolio .holding-local-nav-v1310 a { padding: 11px 9px; font-size: 9px; }
.page-portfolio .holding-local-nav-v1310 a > span { font-size: 8px; }
.page-portfolio .holding-status-card-v1300 span,
.page-portfolio .holding-primary-card-v1200 > span,
.page-portfolio .holding-context-grid-v1300 span { color: #82939a; font-size: 8.6px; }
.page-portfolio .holding-status-card-v1300 small,
.page-portfolio .holding-primary-card-v1200 > small,
.page-portfolio .holding-context-grid-v1300 small { color: #75868d; font-size: 9px; line-height: 1.55; }
.page-portfolio .holding-freshness-v1300 span { font-size: 8.2px; }
.page-portfolio .holding-freshness-v1300 strong { font-size: 10px; }
.page-portfolio .holding-freshness-v1300 p { color: #74858c; font-size: 8.8px; line-height: 1.5; }
.page-portfolio .holding-section-head-v1200 { padding-top: 23px; padding-bottom: 19px; }
.page-portfolio .holding-section-head-v1200 h2 { font-size: 21px; }
.page-portfolio .holding-section-head-v1200 > p { color: #7d8e95; font-size: 9.8px; line-height: 1.62; }
.page-portfolio .holding-market-statistics-v1310 > div { min-height: 78px; padding: 15px 16px; }
.page-portfolio .holding-market-statistics-v1310 > div.priority { min-height: 98px; }
.page-portfolio .holding-market-statistics-v1310 span { color: #788991; font-size: 8.2px; }
.page-portfolio .holding-market-statistics-v1310 strong { font-size: 13.5px; }
.page-portfolio .holding-market-statistics-v1310 > div.priority strong { font-size: 18px; }
.page-portfolio .holding-market-statistics-v1310 small { color: #74858c; font-size: 8.4px; line-height: 1.45; }
.page-portfolio .holding-performance-grid-v1300 span,
.page-portfolio .holding-risk-grid-v1300 span,
.page-portfolio .holding-metric-group-list-v1300 span { color: #74858c; font-size: 8.2px; }
.page-portfolio .holding-performance-grid-v1300 strong { font-size: 14px; }
.page-portfolio .holding-performance-grid-v1300 small,
.page-portfolio .holding-risk-note-v1300 { color: #718188; font-size: 8.2px; line-height: 1.48; }
.page-portfolio .holding-risk-grid-v1300 strong { font-size: 12px; }
.page-portfolio .holding-subsection-title-v1300 span { font-size: 7.5px; }
.page-portfolio .holding-subsection-title-v1300 h3 { font-size: 14px; }
.page-portfolio .holding-metric-group-head-v1300 span { font-size: 8.2px; }
.page-portfolio .holding-metric-group-list-v1300 > div { min-height: 70px; padding: 13px 14px; }
.page-portfolio .holding-metric-group-list-v1300 strong { font-size: 13px; }
.page-portfolio .holding-section-empty-v1310 strong { font-size: 13px; }
.page-portfolio .holding-section-empty-v1310 p { color: #7b8c92; font-size: 9.2px; line-height: 1.6; }
.page-portfolio .holding-history-building-v1300 span { font-size: 8.2px; }
.page-portfolio .holding-history-building-v1300 strong { font-size: 14px; }
.page-portfolio .holding-history-building-v1300 p { color: #788990; font-size: 9.2px; line-height: 1.62; }
.page-portfolio .holding-intelligence-layers-v1310 strong { font-size: 11.5px; }
.page-portfolio .holding-intelligence-layers-v1310 p { color: #788990; font-size: 9px; line-height: 1.58; }
.page-portfolio .holding-privacy-note-v1300 { color: #718188; font-size: 9px; line-height: 1.55; }

/* Slightly more legible chart controls and data labels without enlarging charts. */
.page-portfolio .holding-range-controls-v1300 button { font-size: 8.5px; }
.page-portfolio .holding-chart-meta-v1300 span,
.page-portfolio .holding-chart-meta-v1300 small { font-size: 8px; }

/* Mobile keeps the readability gain but avoids oversized navigation/chrome. */
@media (max-width: 820px) {
  .public-site .main-nav { font-size: 12px; }
  .public-site .hero-copy > p { font-size: 16px; }
  .public-site .portfolio-table td { height: 62px; }
  .page-portfolio .holding-local-nav-v1310 a { min-width: 136px; font-size: 9px; }
  .page-portfolio .holding-section-head-v1200 > p { font-size: 9.2px; }
}
