.practice-details{margin-top:20px;min-width:0}
.detail-dialog:has(.dvp-player) .practice-details{margin:20px 22px 24px}
.practice-details .pd-tabs{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin:0 0 14px}
.practice-details .pd-tabs button{appearance:none;border:1px solid #303a4b;background:#171f2c;color:#afbdce;border-radius:7px;min-width:0;min-height:46px;padding:12px 10px;font:500 12px/1.5 Poppins,sans-serif;text-align:center;touch-action:manipulation}
.practice-details .pd-tabs button:hover{border-color:#b18b54;color:#edf0f5}
.practice-details .pd-tabs button[aria-selected="true"]{background:#f3b957;color:#171a20;border-color:#f3b957}
.practice-details .pd-tabs button:focus-visible,.practice-details .pd-panel:focus-visible{outline:2px solid #f3b957;outline-offset:3px}
.practice-details .pd-panel[hidden]{display:none!important}
/* Share one grid cell so switching tabs cannot shrink the dialog or clamp its
   scroll position. Invisible panels reserve space without exposing content. */
.detail-dialog{scrollbar-gutter:stable;max-height:90dvh}
.detail-dialog>.dialog-heading,.detail-dialog .dvp-player{user-select:none;-webkit-user-select:none}
.detail-dialog .practice-details{display:grid;grid-template-columns:minmax(0,1fr)}
.detail-dialog .pd-tabs{grid-area:1/1}
.detail-dialog .pd-panel{grid-area:2/1;align-self:start;min-width:0}
.detail-dialog .pd-panel[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.practice-details .pd-box{min-width:0;padding:22px;border:1px solid #303a4b;border-radius:9px;background:#151d29}
.practice-details .pd-box h3{font-size:14px;line-height:1.5;font-weight:500;color:#edf0f5;margin:0 0 12px}
.practice-details .pd-copy,.practice-details .pd-unset{margin:0;font-size:13px;line-height:1.85;color:#afbdce;overflow-wrap:anywhere}
.practice-details .pd-progressions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.practice-details .pd-progressions>.pd-box:only-child{grid-column:1/-1}
.practice-details .pd-overview{margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #303a4b}
@media(max-width:650px){
 .detail-dialog:has(.dvp-player) .practice-details{margin:18px 16px 22px}
 .practice-details .pd-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}
 .practice-details .pd-tabs button{min-height:56px;padding:10px 6px;font-size:11px}
 .practice-details .pd-box{padding:18px}
 .practice-details .pd-progressions{grid-template-columns:1fr;gap:12px}
}