/* Presentation-only, scoped to sprint / detailed fly CURRENT and TGT. Defaults also preserve print tables. */
.growth-detail-cards{display:none}
@media screen and (max-width:767px){
 .growth-detail-enabled>.growth-detail-table{display:none}
 .growth-detail-enabled>.growth-detail-cards:not([hidden]){display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;min-width:0}
 .growth-detail-cards .growth-detail-controls{display:flex;gap:10px;margin-bottom:2px;min-width:0}
 .growth-detail-cards .growth-detail-controls button{flex:1;min-width:0;min-height:44px;padding:10px;border-radius:10px;border:1px solid #2d735e;background:#123126;color:#fff;font:700 14px system-ui,sans-serif;cursor:pointer;white-space:normal;touch-action:manipulation}
 .growth-detail-cards .growth-detail-list{display:flex;flex-direction:column;gap:12px;min-width:0}
 .growth-detail-cards .growth-detail-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box;background:#10251d;border:1px solid #2a6450;border-radius:14px;overflow:hidden;color:#fff}
 .growth-detail-cards .growth-detail-card-header{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:58px;padding:14px 16px;box-sizing:border-box;cursor:pointer;list-style:none;touch-action:manipulation}
 .growth-detail-cards .growth-detail-card-header::-webkit-details-marker{display:none}
 .growth-detail-cards .growth-detail-card-header>span:first-child{display:block;min-width:0;overflow-wrap:anywhere}
 .growth-detail-cards .growth-detail-distance{display:block;font:700 18px system-ui,sans-serif}
 .growth-detail-cards .growth-detail-summary{display:block;font-size:13px;color:#aabdb5;margin-top:4px;font-variant-numeric:tabular-nums}
 .growth-detail-cards .growth-detail-chevron{flex-shrink:0;transition:transform .2s ease}
 .growth-detail-cards .growth-detail-card[open] .growth-detail-chevron{transform:rotate(180deg)}
 .growth-detail-cards .growth-detail-card-content{padding:14px;border-top:1px solid #285445;max-width:100%;min-width:0}
 .growth-detail-cards .growth-detail-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:100%;min-width:0}
 .growth-detail-cards .growth-detail-metric{min-width:0;padding:12px;background:#19352a;border-radius:10px}
 .growth-detail-cards .growth-detail-label{font-size:12px;color:#aabdb5;margin-bottom:5px;overflow-wrap:anywhere}
 .growth-detail-cards .growth-detail-value{font-size:clamp(16px,4.5vw,21px);font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
 .growth-detail-cards .pitch .growth-detail-value{color:#4cc9ff}
 .growth-detail-cards .speed .growth-detail-value{color:#d9ff35}
 .growth-detail-cards .growth-detail-compare{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
 .growth-detail-cards .growth-detail-compare.has-target{grid-template-columns:repeat(2,minmax(0,1fr))}
 .growth-detail-cards .growth-detail-metric.has-comparison{grid-column:1/-1}
 .growth-detail-cards .growth-detail-current,.growth-detail-cards .growth-detail-target{min-width:0}
 .growth-detail-cards .growth-detail-target{border-left:1px solid #477345;padding-left:10px}
 .growth-detail-cards .growth-detail-column-label{font-size:11px;margin-bottom:4px;color:#aabdb5}
 .growth-detail-cards .growth-detail-target .growth-detail-column-label{color:#d9ff35}
 .growth-detail-cards .growth-detail-pitch-audio{margin-top:12px;display:grid;gap:8px;min-width:0}
 .growth-detail-cards .growth-detail-pitch-audio button{width:100%;min-width:0;min-height:44px;padding:12px;border:1px solid #2789a5;border-radius:10px;background:#12343b;color:#4cc9ff;font:700 14px system-ui,sans-serif;cursor:pointer;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation}
 .growth-detail-cards .growth-detail-pitch-audio button:disabled{opacity:.6;cursor:default}
 .growth-detail-cards .growth-detail-card.is-fastest{border-color:#d9ff35}
 .growth-detail-cards .growth-detail-fastest-label{display:block;color:#d9ff35;font-size:12px;font-weight:700;margin-top:4px}
 .growth-detail-cards .growth-detail-notice{font-size:13px;line-height:1.6;color:#aabdb5;margin:0;overflow-wrap:anywhere}
 .growth-detail-cards [hidden]{display:none!important}
 .growth-detail-cards button:focus-visible,.growth-detail-cards summary:focus-visible{outline:2px solid #d9ff35;outline-offset:-3px}
}
