
:root{--navy:#07182d;--navy2:#0c2441;--orange:#f25a24;--white:#fff;--ink:#0c1728;--muted:#718096;--line:#dce4ed;--soft:#f3f6f9;--panel:#fff;--shadow:0 18px 55px rgba(7,24,45,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}.portal-body{margin:0;font-family:Inter,Arial,sans-serif;background:#edf2f6;color:var(--ink);line-height:1.5}.portal-body button,.portal-body input{font:inherit}.portal-body button{cursor:pointer}.portal-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.portal-sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#fff;padding:28px 22px;display:flex;flex-direction:column;z-index:30}.portal-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;padding:0 8px 26px;border-bottom:1px solid rgba(255,255,255,.12)}.portal-mark{font-size:2.25rem;line-height:1;font-weight:1000;font-style:italic;letter-spacing:-.1em}.portal-mark b{color:var(--orange)}.portal-brand strong,.portal-brand span{display:block;text-transform:uppercase}.portal-brand strong{font-size:.84rem;letter-spacing:.09em}.portal-brand span{font-size:.69rem;color:#9fb0c0;letter-spacing:.13em}.portal-nav{display:grid;gap:8px;margin:30px 0}.portal-nav-link{border:0;background:transparent;color:#bac7d4;text-align:left;padding:13px 12px;font-size:.82rem;text-transform:uppercase;font-weight:900;letter-spacing:.05em;border-left:3px solid transparent}.portal-nav-link span{color:#62788d;margin-right:10px}.portal-nav-link:hover,.portal-nav-link.active{background:rgba(255,255,255,.07);color:#fff;border-left-color:var(--orange)}.sidebar-principle{margin-top:auto;border:1px solid rgba(255,255,255,.15);padding:17px;background:rgba(255,255,255,.04)}.sidebar-principle small{display:block;color:var(--orange);text-transform:uppercase;font-weight:900;letter-spacing:.1em;font-size:.65rem}.sidebar-principle strong{display:block;margin-top:8px;font-size:.88rem;line-height:1.35}.back-site{color:#91a4b7;text-decoration:none;text-transform:uppercase;font-size:.7rem;font-weight:900;margin:20px 8px 0}.portal-main{min-width:0}.portal-topbar{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:20}.portal-topbar>div:first-of-type small,.athlete-chip small{display:block;color:var(--muted);font-size:.69rem;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.portal-topbar>div:first-of-type strong{display:block;font-size:1.05rem}.athlete-chip{display:flex;align-items:center;gap:10px}.athlete-chip>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900}.athlete-chip strong{font-size:.82rem}.portal-menu{display:none;border:0;background:var(--navy);color:#fff;width:42px;height:42px}.portal-view{display:none;padding:34px;max-width:1500px;margin:auto}.portal-view.active{display:block}.portal-eyebrow,.panel small,.view-heading small,.section-title small,.workspace-head small,.lift-card>span,.season-note small,.weight-modal-card>small{color:var(--orange);font-size:.7rem;text-transform:uppercase;font-weight:1000;letter-spacing:.13em}.hero-panel{position:relative;overflow:hidden;background:linear-gradient(125deg,#07182d,#12385d);color:#fff;min-height:330px;padding:48px;display:flex;align-items:center;box-shadow:var(--shadow)}.hero-panel h1,.view-heading h1,.standard-hero h1{font-size:clamp(2.7rem,5vw,5.7rem);line-height:.97;margin:12px 0;text-transform:uppercase;letter-spacing:-.055em}.hero-panel h1 em{color:var(--orange);font-style:normal}.hero-panel p{max-width:650px;color:#c9d4df;font-size:1.04rem}.hero-number{position:absolute;right:-25px;bottom:-115px;font-size:28rem;font-weight:1000;line-height:1;color:rgba(255,255,255,.04)}.dashboard-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:20px;margin:20px 0 46px}.panel{background:#fff;border:1px solid var(--line);padding:27px;box-shadow:0 8px 28px rgba(7,24,45,.05)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.panel h2,.section-title h2,.workspace-head h2,.season-note h2{font-size:clamp(1.55rem,2.3vw,2.45rem);text-transform:uppercase;line-height:1.05;margin:5px 0}.status-pill,.phase-tag{background:#eaf8ef;color:#17733a;padding:7px 11px;font-size:.67rem;text-transform:uppercase;font-weight:1000;letter-spacing:.09em}.cycle-progress,.workout-progress{height:8px;background:#e8edf2;margin:25px 0 10px;overflow:hidden}.cycle-progress span,.workout-progress span{display:block;height:100%;background:var(--orange)}.cycle-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.77rem;font-weight:800}.primary-action,.secondary-action,.cycle-card button,.lift-card button,.finish-workout{border:0;padding:14px 18px;text-transform:uppercase;font-size:.75rem;font-weight:1000;letter-spacing:.06em}.primary-action,.cycle-card button,.lift-card button,.finish-workout{background:var(--orange);color:#fff}.current-cycle .primary-action{margin-top:22px;width:100%}.secondary-action{background:var(--navy);color:#fff;width:100%}.weight-readout{display:flex;align-items:flex-end;gap:7px;margin:12px 0 18px}.weight-readout strong{font-size:4rem;line-height:1}.weight-readout span{font-weight:900;color:var(--muted);padding-bottom:7px}.section-title{display:flex;justify-content:space-between;margin-bottom:17px}.cycle-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cycle-card{position:relative;overflow:hidden;padding:34px;border:1px solid var(--line);box-shadow:var(--shadow);min-height:400px;display:flex;flex-direction:column}.cycle-card.offseason-card{background:#fff}.cycle-card.inseason-card{background:var(--navy);color:#fff}.cycle-card h3{font-size:2.2rem;line-height:1;text-transform:uppercase;margin:12px 0}.cycle-card p{color:var(--muted)}.inseason-card p{color:#b7c4d0}.cycle-card ul{list-style:none;padding:0;margin:20px 0}.cycle-card li{padding:10px 0;border-bottom:1px solid var(--line);font-weight:800;font-size:.85rem}.inseason-card li{border-color:rgba(255,255,255,.12)}.cycle-card button{margin-top:auto;align-self:flex-start}.card-number{position:absolute;right:20px;top:0;font-size:8rem;line-height:1;font-weight:1000;color:rgba(7,24,45,.045)}.inseason-card .card-number{color:rgba(255,255,255,.05)}.view-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:10px 0 28px}.view-heading h1{font-size:clamp(3rem,5vw,5rem);margin:4px 0}.view-heading p{color:var(--muted);max-width:700px}.phase-tag{background:var(--orange);color:#fff}.block-grid,.lift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.block-card,.lift-card{background:#fff;border:1px solid var(--line);padding:26px;cursor:pointer;transition:.2s}.block-card:hover,.block-card.active-block{transform:translateY(-4px);border-color:var(--orange);box-shadow:var(--shadow)}.block-card>span{font-size:.68rem;font-weight:1000;text-transform:uppercase;color:var(--orange)}.block-card h3,.lift-card h3{font-size:1.55rem;text-transform:uppercase;margin:12px 0 7px}.block-card p,.lift-card p{color:var(--muted);font-size:.88rem}.block-goal{margin-top:20px;border-top:1px solid var(--line);padding-top:14px;font-weight:1000;text-transform:uppercase}.program-workspace{margin-top:24px;background:#fff;border:1px solid var(--line);padding:26px}.workspace-head{display:flex;justify-content:space-between;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.week-tabs{display:flex;gap:7px;flex-wrap:wrap}.week-tabs button{border:1px solid var(--line);background:#fff;padding:9px 12px;font-size:.72rem;font-weight:1000;text-transform:uppercase}.week-tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.day-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:22px}.day-card{border:1px solid var(--line);padding:18px;background:var(--soft);min-height:210px;display:flex;flex-direction:column}.day-card small{color:var(--orange);font-weight:1000;text-transform:uppercase}.day-card h3{font-size:1.17rem;text-transform:uppercase;margin:11px 0}.day-card p{font-size:.77rem;color:var(--muted)}.day-card button{margin-top:auto;border:0;background:var(--navy);color:#fff;padding:10px;text-transform:uppercase;font-size:.68rem;font-weight:1000}.inseason-principle{background:var(--navy);color:#fff;padding:38px;margin-bottom:20px;position:relative;overflow:hidden}.inseason-principle:after{content:'13';position:absolute;right:5px;bottom:-110px;font-size:20rem;line-height:1;font-weight:1000;color:rgba(255,255,255,.035)}.inseason-principle small{color:var(--orange);font-weight:1000;text-transform:uppercase;letter-spacing:.12em}.inseason-principle h2{font-size:clamp(2.2rem,4vw,4rem);text-transform:uppercase;line-height:1;margin:10px 0;position:relative;z-index:1}.inseason-principle p{max-width:720px;color:#c4cfda;position:relative;z-index:1}.lift-card{cursor:default;min-height:285px;display:flex;flex-direction:column}.lift-card.featured{border-top:5px solid var(--orange)}.lift-card strong{text-transform:uppercase;color:var(--orange)}.lift-card button{margin-top:auto;align-self:flex-start}.season-note{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.season-note p{color:var(--muted)}.standard-hero{background:linear-gradient(135deg,#07182d,#102f50);color:#fff;text-align:center;padding:65px 25px;position:relative;overflow:hidden}.standard-hero .portal-mark{font-size:4rem}.standard-hero small{color:var(--orange);font-weight:1000;text-transform:uppercase;letter-spacing:.15em}.standard-hero p{color:#c7d2dc}.standard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.standard-grid article{background:#fff;border:1px solid var(--line);padding:25px}.standard-grid span{font-size:2.7rem;font-weight:1000;color:#dce3ea}.standard-grid h3{font-size:1.1rem;text-transform:uppercase;margin:8px 0}.standard-grid p{color:var(--muted);font-size:.85rem}.standard-quote{margin:20px 0 0;background:var(--orange);color:#fff;padding:35px;text-align:center;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:1000;text-transform:uppercase}.modal{display:none;position:fixed;inset:0;z-index:100}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(2,10,18,.78);backdrop-filter:blur(4px)}.workout-modal-card,.weight-modal-card{position:relative;background:#fff;z-index:2;max-height:90vh;overflow:auto;margin:5vh auto;max-width:900px;padding:31px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.weight-modal-card{max-width:480px;margin:12vh auto;text-align:center}.modal-close{position:absolute;right:14px;top:11px;width:38px;height:38px;border:0;background:var(--soft);font-size:1.4rem}.workout-heading{display:flex;justify-content:space-between;gap:20px}.workout-heading small{color:var(--orange);text-transform:uppercase;font-weight:1000;letter-spacing:.1em}.workout-heading h2,.weight-modal-card h2{font-size:clamp(1.8rem,3vw,3rem);text-transform:uppercase;margin:5px 0}.workout-heading p{color:var(--muted)}#completionBadge{background:var(--navy);color:#fff;padding:8px 12px;height:max-content;font-size:.68rem;font-weight:1000;text-transform:uppercase}.workout-section{border:1px solid var(--line);margin:10px 0}.workout-section-head{width:100%;border:0;background:#fff;padding:17px;display:flex;align-items:center;justify-content:space-between;text-align:left}.workout-section-head>span:first-child{display:flex;align-items:center;gap:11px;font-weight:1000;text-transform:uppercase}.check-circle{width:24px;height:24px;border:2px solid #c8d2dc;border-radius:50%;display:grid;place-items:center}.workout-section.done .check-circle{background:var(--orange);border-color:var(--orange);color:#fff}.section-chevron{font-size:1.2rem}.workout-section-body{display:none;background:var(--soft);padding:18px;border-top:1px solid var(--line)}.workout-section.open .workout-section-body{display:block}.placeholder-box{border:1px dashed #bcc8d4;background:#fff;padding:20px;color:var(--muted);text-align:center;font-weight:800}.intensity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.intensity-option{border:1px solid var(--line);background:#fff;padding:14px;text-align:left}.intensity-option strong,.intensity-option span{display:block}.intensity-option span{font-size:.73rem;color:var(--muted)}.intensity-option.active{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.weight-log{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);padding:12px;margin:8px 0}.weight-log input{width:100%;padding:10px;border:1px solid var(--line)}.finish-workout{width:100%;margin-top:15px;padding:17px}.weight-modal-card p{color:var(--muted)}.weight-modal-card label{text-align:left;display:block;margin:22px 0}.weight-modal-card label>span{display:block;text-transform:uppercase;font-size:.7rem;font-weight:1000;margin-bottom:7px}.weight-input{display:flex;border:1px solid var(--line);align-items:center}.weight-input input{border:0;padding:16px;width:100%;font-size:1.4rem;font-weight:900}.weight-input b{padding:0 16px;color:var(--muted)}.weight-modal-card .primary-action{width:100%}
@media(max-width:1100px){.portal-shell{grid-template-columns:1fr}.portal-sidebar{position:fixed;left:-290px;width:270px;transition:.25s}.portal-sidebar.open{left:0}.portal-menu{display:block}.portal-topbar{justify-content:flex-start;gap:18px}.athlete-chip{margin-left:auto}.day-grid{grid-template-columns:repeat(2,1fr)}.block-grid,.lift-grid,.standard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.portal-view{padding:18px}.portal-topbar{height:74px;padding:0 16px}.athlete-chip div{display:none}.hero-panel{padding:30px 24px;min-height:390px}.hero-panel h1{font-size:3rem}.dashboard-grid,.cycle-cards,.block-grid,.lift-grid,.standard-grid,.season-note{grid-template-columns:1fr}.workspace-head,.view-heading,.workout-heading{align-items:flex-start;flex-direction:column}.day-grid{grid-template-columns:1fr}.program-workspace{padding:17px}.cycle-card{min-height:360px}.workout-modal-card{margin:0;max-height:100vh;min-height:100vh;padding:22px 16px}.weight-modal-card{margin:7vh 14px}.intensity-grid{grid-template-columns:1fr}.weight-log{grid-template-columns:1fr}.portal-topbar>div:first-of-type strong{font-size:.88rem}}

.current-cycle > p {
  color: var(--muted);
  margin: 18px 0 24px;
  max-width: 680px;
}

.current-cycle .primary-action:disabled {
  background: #a8b4c0;
  color: #ffffff;
  cursor: not-allowed;
  opacity: 1;
}
.training-empty-state {
  max-width: 1050px;
  padding: 42px;
  border-top: 5px solid var(--orange);
}

.training-empty-state > h2 {
  max-width: 720px;
  margin-top: 10px;
}

.training-empty-state > p {
  max-width: 780px;
  color: var(--muted);
  font-size: 1rem;
}

.assignment-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 30px;
}

.assignment-steps div {
  background: var(--soft);
  border: 1px solid var(--line);
  padding: 20px;
}

.assignment-steps span,
.assignment-steps strong {
  display: block;
}

.assignment-steps span {
  color: var(--orange);
  font-size: 1.7rem;
  font-weight: 1000;
}

.assignment-steps strong {
  margin-top: 8px;
  text-transform: uppercase;
  font-size: 0.78rem;
}

@media (max-width: 720px) {
  .assignment-steps {
    grid-template-columns: 1fr;
  }

  .training-empty-state {
    padding: 26px 20px;
  }
}

.training-view-toggle {
  display: inline-flex;
  gap: 6px;
  margin-bottom: 22px;
  padding: 5px;
  background: #dfe6ed;
}

.training-view-button {
  min-width: 105px;
  border: 0;
  padding: 12px 20px;
  background: transparent;
  color: var(--navy);
  font-size: 0.74rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.training-view-button.active {
  background: var(--navy);
  color: var(--white);
}

.training-view-panel {
  display: none;
}

.training-view-panel.active {
  display: block;
}

.training-day-card {
  max-width: 900px;
  border-top: 5px solid var(--orange);
  padding: 38px;
}

.training-day-card h2 {
  margin-top: 8px;
}

.training-day-card p {
  color: var(--muted);
}

.training-week-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}

.training-week-day {
  min-height: 180px;
  padding: 22px;
  border-top: 4px solid var(--navy);
}

.training-week-day h3 {
  margin-top: 12px;
  font-size: 1rem;
  text-transform: uppercase;
}

.training-month-card {
  overflow-x: auto;
  padding: 28px;
}

.training-month-heading h2 {
  margin: 0 0 22px;
}

.training-month-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  gap: 8px;
  min-width: 680px;
}

.training-month-weekday {
  background: var(--navy);
  color: var(--white);
  padding: 11px;
  font-size: 0.68rem;
  font-weight: 1000;
  letter-spacing: 0.06em;
  text-align: center;
  text-transform: uppercase;
}

.training-month-day {
  min-height: 105px;
  padding: 13px;
  border: 1px solid var(--line);
  background: var(--soft);
}

.training-month-day strong,
.training-month-day span {
  display: block;
}

.training-month-day strong {
  color: var(--navy);
  font-size: 1.1rem;
}

.training-month-day span {
  margin-top: 12px;
  color: var(--muted);
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
}

.training-month-day.today {
  border: 2px solid var(--orange);
  background: #fff5f0;
}

@media (max-width: 900px) {
  .training-week-grid {
    grid-template-columns: 1fr;
  }

  .training-week-day {
    min-height: auto;
  }
}

@media (max-width: 520px) {
  .training-view-toggle {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
  }

  .training-view-button {
    min-width: 0;
    padding: 11px 8px;
  }

  .training-day-card {
    padding: 28px 22px;
  }

  .training-month-card {
    padding: 18px;
  }
}

.current-program-card {
  margin-bottom: 22px;
  padding: 30px;
  border-left: 5px solid var(--orange);
}

.current-program-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}

.current-program-heading h2 {
  margin: 7px 0 0;
}

.current-program-status {
  padding: 8px 12px;
  background: var(--soft);
  color: var(--muted);
  font-size: 0.67rem;
  font-weight: 1000;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.current-program-details {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 22px;
}

.current-program-details > div {
  padding: 17px;
  background: var(--soft);
  border: 1px solid var(--line);
}

.current-program-details small,
.current-program-details strong {
  display: block;
}

.current-program-details strong {
  margin-top: 7px;
  color: var(--navy);
  font-size: 0.9rem;
  text-transform: uppercase;
}

@media (max-width: 650px) {
  .current-program-card {
    padding: 24px 20px;
  }

  .current-program-heading {
    flex-direction: column;
  }

  .current-program-details {
    grid-template-columns: 1fr;
  }
}

.performance-update-panel {
  max-width: 980px;
  border-top: 5px solid var(--orange);
  padding: 34px;
}

.performance-update-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}

.performance-update-heading h2 {
  margin: 7px 0 0;
  font-size: clamp(1.7rem, 3vw, 2.7rem);
  text-transform: uppercase;
}

.performance-update-form {
  display: grid;
  gap: 24px;
  margin-top: 26px;
}

.performance-metric-grid,
.catcher-performance-fields {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.catcher-performance-fields[hidden] {
  display: none;
}

.performance-field,
.performance-health-field {
  display: grid;
  gap: 8px;
}

.performance-field > span,
.performance-health-field > span {
  color: var(--navy);
  font-size: 0.72rem;
  font-weight: 1000;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.performance-field > div {
  display: flex;
  align-items: center;
  border: 1px solid var(--line);
  background: var(--white);
}

.performance-field input {
  width: 100%;
  min-width: 0;
  border: 0;
  padding: 15px;
  color: var(--navy);
  font-size: 1.1rem;
  font-weight: 900;
}

.performance-field b {
  padding: 0 14px;
  color: var(--muted);
  font-size: 0.75rem;
  text-transform: uppercase;
}

.performance-health-field textarea {
  min-height: 130px;
  border: 1px solid var(--line);
  padding: 15px;
  color: var(--navy);
  font: inherit;
  resize: vertical;
}

.performance-form-note,
.performance-form-message {
  margin: 0;
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
}

.performance-update-form .primary-action {
  width: 100%;
}

.contact-coach-panel { grid-column: 1 / -1; border-left: 5px solid var(--orange); }
.contact-coach-panel > p { margin: 4px 0 22px; color: var(--muted); }
.contact-coach-form { display: grid; grid-template-columns: 1fr; gap: 16px; }
.contact-coach-form label,.contact-coach-form label > span { display: block; }
.contact-coach-form label > span { margin-bottom: 7px; color: var(--navy); font-size: .72rem; font-weight: 1000; letter-spacing: .06em; text-transform: uppercase; }
.contact-coach-form input,.contact-coach-form textarea { width: 100%; border: 1px solid var(--line); padding: 13px 14px; color: var(--navy); font: inherit; }
.contact-coach-form textarea { min-height: 130px; resize: vertical; }
.contact-coach-form .primary-action { width: min(100%, 280px); min-height: 52px; justify-self: end; }
.contact-coach-status { grid-column: 1 / -1; min-height: 1.3em; margin: 0; color: var(--muted); font-size: .82rem; font-weight: 900; }
.contact-coach-status.success { color: #17733a; }
.contact-coach-status.error { color: #a32222; }

@media (max-width: 720px) {
  .performance-update-panel {
    padding: 25px 20px;
  }

  .performance-update-heading {
    flex-direction: column;
  }

  .performance-metric-grid,
  .catcher-performance-fields {
    grid-template-columns: 1fr;
  }

  .contact-coach-form { grid-template-columns: 1fr; }
}
.performance-trends-panel {
  max-width: 980px;
  margin-top: 22px;
  padding: 34px;
  border-left: 5px solid var(--navy);
  overflow-x: auto;
}

.performance-trends-heading {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
}

.performance-trends-heading h2 {
  margin: 7px 0;
  font-size: clamp(1.7rem, 3vw, 2.7rem);
  text-transform: uppercase;
}

.performance-trends-heading p {
  margin: 0;
  color: var(--muted);
}

.performance-trend-list {
  display: grid;
  gap: 10px;
  margin-top: 20px;
  min-width: 650px;
}

.performance-trend-row {
  display: grid;
  grid-template-columns:
    minmax(170px, 0.9fr)
    repeat(var(--trend-count), minmax(105px, 1fr));
  gap: 8px;
  align-items: stretch;
}

.performance-trend-label,
.performance-trend-value {
  padding: 14px;
  border: 1px solid var(--line);
}

.performance-trend-label {
  display: flex;
  align-items: center;
  background: var(--navy);
  color: var(--white);
  font-size: 0.72rem;
  font-weight: 1000;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.performance-trend-value {
  background: var(--soft);
  text-align: center;
}