/* One ruby palette across sliders, weights, labels and factor badges. */
#profile{--strain:#a83250;--strain-soft:#f3dce3;--strain-edge:#d38b9d;--amber:#b77912;--stretch:#18854b}
#profile .slider-row{--state:var(--amber);border-color:var(--row-border,#d2dbe7);transition:border-color .16s ease}
#profile .slider-row.warn,#profile .slider-row.good{border-color:var(--row-border)}
#profile .slider-row.warn{--state:var(--strain)}
#profile .slider-row.good{--state:var(--stretch)}
#profile [data-row] .endpoint{color:var(--muted)}
#profile [data-row].lean-strain .left,#profile [data-row].lean-stretch .right{color:var(--state)}
#profile [data-row].lean-strain .left .endpoint-name,#profile [data-row].lean-stretch .right .endpoint-name{background:linear-gradient(var(--fill-direction,to right),var(--state) 0 var(--label-fill,0%),var(--muted) var(--label-fill,0%) 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
#profile [data-row].lean-strain .left .endpoint-name{--fill-direction:to left}
#profile [data-row].lean-strain .left .icon,#profile [data-row].lean-stretch .right .icon{border-color:var(--state);color:var(--state);background:#fff;box-shadow:none}
#profile [data-row].warn .left .icon,#profile [data-row].good .right .icon{background:var(--state);color:#fff}
#profile .profile-axis-pill.strain{background:linear-gradient(90deg,#f7e7ec,var(--strain-soft));color:var(--strain);border-color:var(--strain-edge)}
#profile .profile-axis-summary.strain,#profile .axis-descriptions p:first-child,#profile .example-page .endpoint.left,#profile .strain-team-label{color:var(--strain)}
#profile .profile-factor-list.strain li{color:var(--strain);background:#fcf3f6;border-color:var(--strain-edge)}
#profile .strain-thumb,#profile .strain-dot{border-color:var(--strain)}
#profile .strain-connection{stroke:var(--strain)}
#profile .stretch-thumb,#profile .stretch-dot{border-color:var(--stretch)}
#profile .stretch-connection{stroke:var(--stretch)}
@media(prefers-reduced-motion:reduce){#profile .slider-row{transition:none}}
#profile .slider-row{width:80%;margin-left:auto;margin-right:auto}
@media(min-width:901px){#profile .slider-row{grid-template-columns:minmax(0,1fr) 42% minmax(0,1fr)}}
#team-profile-page{position:relative}
#profile .factor-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3}
#profile .factor-links path{fill:none;stroke-width:2;stroke-dasharray:1 6;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
#profile .profile-pressure-points{display:contents}
#profile .profile-pressure-points[hidden]{display:none}
#profile #team-profile-page .profile-barbell{margin-top:0}

/* The same team badges bookend the six comparison sliders. */
#profile .profile-team-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:100%;padding:7px 12px;border:1px solid var(--strain-edge);border-radius:999px;background:#fcf3f6;color:var(--strain);box-shadow:0 2px 5px #172b5208;font-size:.8rem;line-height:1.25;white-space:nowrap;font-weight:650}
#profile .stretch-team-label .profile-team-badge{border-color:#94d7b2;background:#edf8f1;color:var(--stretch)}
#profile .profile-team-label{max-width:none;bottom:calc(50% + 32px)}
#profile .profile-team-footer{position:relative;height:82px;margin-top:8px}
#profile .profile-team-end-label{position:absolute;top:32px;transform:translateX(-50%);z-index:4;width:max-content;max-width:46%;text-align:center}
#profile .profile-tail-connection{fill:none;stroke-width:2;stroke-dasharray:1 6;stroke-linecap:round;stroke-linejoin:round}
#profile #example-profile-page .profile-barbell{margin-top:0}
@media(max-width:900px){#profile .profile-team-badge{flex-direction:column;gap:0;white-space:normal;padding:7px 12px}#profile .profile-team-row>span{display:block}#profile .profile-team-footer{height:100px}#profile .profile-team-end-label{top:32px}}
#profile .factor-links path.score-bracket{stroke-dasharray:none;stroke-width:2;opacity:1}
#profile .factor-links path.score-bracket,#profile .bar-hand-arrow,#profile .bar-hand-arrowhead{stroke:#4b5058}
#profile .profile-axis-pill.stretch .axis-word{display:inline-flex;flex-direction:row-reverse;align-items:center}
#profile .profile-axis-pill.stretch .axis-word .axis-info{margin:0 5px 1px 0}
#profile .profile-axis-pill.strain .axis-label{margin-left:15px}
#profile .profile-axis-pill.stretch .axis-label{margin-right:15px}
#profile .profile-summary-detail{margin-top:1.6px}
#profile:not(.score-ready) #team-profile-page .bar-average-overlay,
#profile:not(.score-ready) #team-profile-page .score-bracket,
#profile:not(.score-ready) #team-profile-page .bar-reflection-prompt,
#profile:not(.score-ready) #team-profile-page .bar-reflection-context{visibility:hidden;opacity:0}
#profile .factor-links path.score-bracket{stroke-width:1}
/* Reduce the opposite heading's emphasis while preserving its tooltip control. */
#profile [data-row].lean-strain .right .endpoint-name,
#profile [data-row].lean-stretch .left .endpoint-name{color:color-mix(in srgb,var(--muted) 70%,white 30%)}
#profile #example-profile-page .profile-team-footer{height:0;margin-top:0}