.trainer-spotlight[hidden]{display:none!important}
.trainer-spotlight{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,1.8fr);max-width:1160px;margin:0 auto 28px;border:1px solid #c9dfe1;border-radius:24px;overflow:hidden;background:linear-gradient(115deg,#f0f8f8,#fff 75%);box-shadow:0 10px 35px #16333b0a}
.trainer-spotlight-portrait{min-height:330px;max-height:420px;background:#17353d;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;padding:0;text-align:center;overflow:hidden}
.trainer-spotlight-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.trainer-spotlight-copy{padding:28px 36px;align-self:center;min-width:0}
.trainer-spotlight-kicker{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#00878c}
.trainer-spotlight-copy h2{font-size:clamp(25px,2.5vw,36px);line-height:1.16;letter-spacing:-.8px;color:#182333;margin:10px 0 12px}
.trainer-spotlight-copy>p{font-size:15px;line-height:1.5;color:#607183;margin:0 0 18px}
.trainer-spotlight-next{border-left:3px solid #11a3a7;padding:0 0 0 13px;display:grid;gap:5px;margin-bottom:20px}
.trainer-spotlight-next>span{font-size:10px;font-weight:800;letter-spacing:1px;color:#657487}
.trainer-spotlight-next strong{color:#1b3441;font-size:16px}
.trainer-spotlight-next small{font-size:13px;color:#607183}
.trainer-spotlight-link{display:inline-flex;align-items:center;gap:20px;min-height:46px;padding:10px 18px;background:#087f85;color:#fff!important;border-radius:12px;text-decoration:none!important;font-size:14px;font-weight:750}
.trainer-spotlight-link:hover{background:#076c72}.trainer-spotlight-link:focus-visible{outline:3px solid #7649df;outline-offset:4px}
.trainer-focus-label{display:inline-flex;padding:7px 12px;border:1px solid #a8d5d7;border-radius:999px;background:#e8f7f5;color:#00777e;font-size:12px;font-weight:800;line-height:1.3;letter-spacing:.3px}
.trainer-grid-card>.trainer-focus-label{position:absolute;top:0;left:0;z-index:4;pointer-events:none}
.trainer-grid-card:has(>.trainer-focus-label){height:calc(900px * var(--trainer-grid-card-scale) + 36px);border-radius:0}
.trainer-grid-card:has(>.trainer-focus-label) .trainer-grid-card-stage{top:36px}
.trainer-detail-header .trainer-focus-label{margin:0 12px 10px 0}
@media(max-width:700px){.trainer-grid-card:has(>.trainer-focus-label){height:calc(870px * var(--trainer-grid-card-scale) + 36px)}}
@media(max-width:600px){.trainer-spotlight{grid-template-columns:1fr;border-radius:20px;margin-bottom:20px}.trainer-spotlight-portrait{height:220px;min-height:0;max-height:none}.trainer-spotlight-portrait img{object-position:center 28%}.trainer-spotlight-copy{padding:23px}.trainer-spotlight-copy h2{font-size:27px}.trainer-spotlight-link{width:100%;justify-content:space-between;box-sizing:border-box}}
