/* ==========================================================
 * TERMONTO V1.11.3 — PERFORMANCE METRIC SEPARATION
 * Clear visual separation between historical track record and
 * the weighted return of positions that are currently held.
 * ========================================================== */

:root {
  --perf-green: var(--public-green, #67dc4b);
  --perf-red: var(--public-red, #ff5f63);
  --perf-muted: #77888e;
  --perf-border: rgba(104, 135, 145, .24);
  --perf-panel: linear-gradient(145deg, rgba(8, 21, 27, .98), rgba(4, 13, 17, .98));
}

@media (min-width: 1101px) {
  .page-performance .dashboard-wrap {
    width: min(1760px, calc(100% - clamp(36px, 4vw, 64px)));
  }
}

.page-performance .performance-signal.positive { color: var(--perf-green) !important; }
.page-performance .performance-signal.negative { color: var(--perf-red) !important; }
.page-performance .performance-signal.neutral { color: #a9b4b8 !important; }

.page-performance .performance-hero-v1113 {
  display: grid;
  grid-template-columns: minmax(0, .83fr) minmax(650px, 1.17fr);
  gap: clamp(42px, 4.6vw, 86px);
  align-items: center;
  min-height: 310px;
  padding-top: clamp(58px, 5.2vw, 82px);
  padding-bottom: 28px;
}
.page-performance .performance-hero-copy-v1113 { max-width: 720px; }
.page-performance .performance-hero-copy-v1113 .eyebrow { margin-bottom: 12px; font-size: 8.8px; }
.page-performance .performance-hero-copy-v1113 h1 { margin: 0 0 15px; font-size: clamp(50px, 4vw, 70px); }
.page-performance .performance-hero-copy-v1113 p { max-width: 700px; margin: 0; color: #96a4a9; font-size: 12.6px; line-height: 1.72; }

.page-performance .performance-primary-metrics-v1113 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.page-performance .performance-primary-card-v1113 {
  position: relative;
  min-height: 220px;
  overflow: hidden;
  border: 1px solid var(--perf-border);
  border-radius: 9px;
  background: var(--perf-panel);
  box-shadow: 0 20px 52px rgba(0,0,0,.17);
  padding: 19px 21px 0;
}
.page-performance .performance-primary-card-v1113::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  opacity: .75;
}
.page-performance .performance-primary-card-v1113.track-record::before { background: linear-gradient(90deg, var(--perf-green), transparent 70%); }
.page-performance .performance-primary-card-v1113.current-holdings::before { background: linear-gradient(90deg, #5c7680, transparent 70%); }
.page-performance .performance-primary-card-v1113.track-record { border-color: rgba(103,220,75,.25); }
.page-performance .performance-primary-card-v1113.current-holdings { background: linear-gradient(145deg, rgba(8,20,25,.98), rgba(5,13,17,.98)); }
.page-performance .performance-primary-label-v1113 { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.page-performance .performance-primary-label-v1113 > span { color:#a4b0b4; font-size:7.8px; font-weight:700; letter-spacing:.07em; }
.page-performance .performance-primary-label-v1113 > i { padding:4px 7px; border:1px solid rgba(103,220,75,.18); border-radius:999px; color:#6ebc60; font-style:normal; font-size:6.6px; letter-spacing:.06em; }
.page-performance .performance-primary-card-v1113.current-holdings .performance-primary-label-v1113 > i { border-color:rgba(126,151,160,.18); color:#7f9299; }
.page-performance .performance-primary-card-v1113 > strong { display:block; margin-top:18px; font-size:clamp(34px,2.7vw,46px); line-height:1; letter-spacing:-.035em; }
.page-performance .performance-primary-card-v1113 > p { min-height:52px; max-width:420px; margin:10px 0 18px; color:#819198; font-size:8.8px; line-height:1.62; }
.page-performance .performance-primary-meta-v1113 { display:grid; grid-template-columns:76px minmax(0,1fr); gap:10px; align-items:center; margin-inline:-21px; padding:11px 21px 12px; border-top:1px solid rgba(93,124,134,.18); background:rgba(3,11,15,.30); }
.page-performance .performance-primary-meta-v1113 span { color:#607279; font-size:6.8px; font-weight:700; letter-spacing:.06em; }
.page-performance .performance-primary-meta-v1113 b { color:#aeb9bd; font-size:7.7px; font-weight:600; }
.page-performance .performance-primary-meta-v1113.warning b { color:#8b9ca2; }

.page-performance .performance-separation-v1113 {
  display:grid;
  grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);
  align-items:stretch;
  margin-bottom:12px;
  overflow:hidden;
  border:1px solid rgba(98,129,140,.22);
  border-radius:9px;
  background:rgba(6,17,22,.72);
}
.page-performance .performance-separation-item-v1113 { display:grid; grid-template-columns:34px minmax(0,1fr); gap:14px; min-height:104px; padding:18px 21px; align-items:center; }
.page-performance .performance-separation-icon-v1113 { display:grid; place-items:center; width:30px; height:30px; border:1px solid rgba(103,220,75,.28); border-radius:50%; color:var(--perf-green); font-size:13px; }
.page-performance .performance-separation-item-v1113 .section-kicker { font-size:6.9px; }
.page-performance .performance-separation-item-v1113 strong { display:block; margin-top:6px; color:#e7edef; font-size:11.1px; }
.page-performance .performance-separation-item-v1113 p { max-width:580px; margin:5px 0 0; color:#77878d; font-size:8px; line-height:1.5; }
.page-performance .performance-separation-symbol-v1113 { display:grid; place-items:center; border-inline:1px solid rgba(98,129,140,.16); color:#52646b; font-size:24px; font-weight:300; }

.page-performance .performance-period-section-v1113 { margin-bottom:12px; }
.page-performance .performance-period-heading-v1113 { display:flex; justify-content:space-between; gap:25px; align-items:end; padding:10px 2px 12px; }
.page-performance .performance-period-heading-v1113 .section-kicker { font-size:6.9px; }
.page-performance .performance-period-heading-v1113 h2 { margin:5px 0 0; font-size:17px; }
.page-performance .performance-period-heading-v1113 > p { max-width:470px; margin:0 0 2px; color:#73838a; text-align:right; font-size:8px; line-height:1.5; }
.page-performance .performance-period-grid-v1113 { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); overflow:hidden; border:1px solid rgba(98,129,140,.24); border-radius:9px; background:rgba(6,17,22,.78); }
.page-performance .performance-period-card-v1113 { position:relative; min-height:112px; padding:18px 19px 15px; }
.page-performance .performance-period-card-v1113 + .performance-period-card-v1113 { border-left:1px solid rgba(98,129,140,.18); }
.page-performance .performance-period-card-v1113 > span { display:block; margin-bottom:13px; color:#93a0a5; font-size:7.5px; font-weight:700; letter-spacing:.05em; }
.page-performance .performance-period-card-v1113 > strong { display:block; font-size:24px; line-height:1; letter-spacing:-.025em; }
.page-performance .performance-period-card-v1113 > small { display:block; margin-top:9px; color:#697a81; font-size:7.6px; }
.page-performance .performance-period-card-v1113.emphasis::after { content:''; position:absolute; left:19px; right:19px; bottom:0; height:2px; background:linear-gradient(90deg,rgba(103,220,75,.75),rgba(103,220,75,.14)); }
.page-performance .performance-period-card-v1113.unavailable { background:rgba(255,255,255,.008); }
.page-performance .performance-period-card-v1113.unavailable > strong { color:#687980 !important; }
.page-performance .performance-period-card-v1113.unavailable > small { color:#596b72; }

.page-performance .performance-chart-panel-v1113 { margin-bottom:12px; overflow:hidden; border:1px solid rgba(98,129,140,.27); border-radius:9px; background:linear-gradient(145deg,rgba(7,20,26,.96),rgba(5,15,20,.96)); box-shadow:0 24px 54px rgba(0,0,0,.16); }
.page-performance .performance-chart-head-v1113 { display:flex; justify-content:space-between; gap:28px; align-items:flex-start; padding:20px 22px 12px; }
.page-performance .performance-chart-head-v1113 .section-kicker { font-size:7px; }
.page-performance .performance-chart-head-v1113 h2 { margin:6px 0 3px; font-size:17px; }
.page-performance .performance-chart-head-v1113 p { max-width:650px; margin:0; color:#72838a; font-size:8px; line-height:1.5; }
.page-performance .performance-chart-tools-v1113 { display:flex; align-items:center; gap:16px; }
.page-performance .performance-chart-tools-v1113 .chart-period-summary { min-width:110px; }
.page-performance .performance-chart-tools-v1113 .chart-period-summary span { font-size:6.8px; }
.page-performance .performance-chart-tools-v1113 .chart-period-summary strong { font-size:19px; }
.page-performance .performance-ranges-v1113 { gap:5px; }
.page-performance .performance-ranges-v1113 button { min-width:39px; height:30px; padding-inline:9px; font-size:7.4px; }
.page-performance .performance-chart-context-v1113 { display:flex; align-items:center; gap:18px; padding:8px 22px 9px; border-block:1px solid rgba(91,122,132,.13); background:rgba(3,11,15,.25); color:#77878d; font-size:7.4px; }
.page-performance .performance-chart-context-v1113 span { display:flex; align-items:center; gap:7px; }
.page-performance .performance-chart-context-v1113 i { display:inline-block; width:18px; height:2px; background:var(--perf-green); }
.page-performance .performance-chart-context-v1113 .not-holdings { color:#607178; }
.page-performance .performance-chart-context-v1113 .not-holdings i { width:8px; height:8px; border:1px solid #64777e; border-radius:50%; background:transparent; }
.page-performance .performance-chart-stage-v1113 { position:relative; padding:0 17px; }
.page-performance .performance-chart-stage-v1113 canvas { display:block; width:100%; height:clamp(380px,32vw,525px); }
.page-performance .performance-chart-foot-v1113 { display:flex; justify-content:space-between; gap:25px; min-height:39px; padding:10px 22px 11px; border-top:1px solid rgba(91,122,132,.13); color:#6f8087; font-size:7.6px; }

.page-performance .performance-data-policy-v1113 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:48px; overflow:hidden; border:1px solid rgba(98,129,140,.21); border-radius:9px; background:rgba(5,15,20,.78); }
.page-performance .performance-data-policy-v1113 > div { position:relative; min-height:80px; padding:16px 18px 14px 42px; }
.page-performance .performance-data-policy-v1113 > div + div { border-left:1px solid rgba(98,129,140,.16); }
.page-performance .performance-data-policy-v1113 i { position:absolute; left:18px; top:21px; width:8px; height:8px; border:1px solid rgba(103,220,75,.62); border-radius:50%; }
.page-performance .performance-data-policy-v1113 strong { display:block; margin-bottom:5px; color:#dce4e7; font-size:9px; }
.page-performance .performance-data-policy-v1113 span { display:block; color:#76868c; font-size:8px; line-height:1.55; }

@media (max-width: 1180px) {
  .page-performance .performance-hero-v1113 { grid-template-columns:1fr; gap:24px; }
  .page-performance .performance-primary-metrics-v1113 { max-width:900px; }
  .page-performance .performance-period-grid-v1113 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .page-performance .performance-period-card-v1113:nth-child(4) { border-left:0; border-top:1px solid rgba(98,129,140,.18); }
  .page-performance .performance-period-card-v1113:nth-child(n+5) { border-top:1px solid rgba(98,129,140,.18); }
}
@media (max-width: 760px) {
  .page-performance .performance-primary-metrics-v1113 { grid-template-columns:1fr; }
  .page-performance .performance-separation-v1113 { grid-template-columns:1fr; }
  .page-performance .performance-separation-symbol-v1113 { min-height:34px; border-inline:0; border-block:1px solid rgba(98,129,140,.16); }
  .page-performance .performance-period-heading-v1113 { display:block; }
  .page-performance .performance-period-heading-v1113 > p { margin-top:7px; text-align:left; }
  .page-performance .performance-period-grid-v1113 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .page-performance .performance-period-card-v1113:nth-child(odd) { border-left:0; }
  .page-performance .performance-period-card-v1113:nth-child(n+3) { border-top:1px solid rgba(98,129,140,.18); }
  .page-performance .performance-chart-head-v1113 { display:block; }
  .page-performance .performance-chart-tools-v1113 { justify-content:space-between; margin-top:14px; }
  .page-performance .performance-chart-context-v1113 { flex-wrap:wrap; }
  .page-performance .performance-chart-stage-v1113 canvas { height:330px; }
  .page-performance .performance-chart-foot-v1113 { display:block; }
  .page-performance .performance-chart-foot-v1113 span { display:block; }
  .page-performance .performance-chart-foot-v1113 span + span { margin-top:5px; }
  .page-performance .performance-data-policy-v1113 { grid-template-columns:1fr; }
  .page-performance .performance-data-policy-v1113 > div + div { border-left:0; border-top:1px solid rgba(98,129,140,.16); }
}