.drillVaultPage{max-width:900px;margin:0 auto;color:var(--dirck-color-text)}
.drillVaultHeader{margin:16px 0 22px}
.drillVaultHeader h1{font-size:var(--dirck-font-size-title-sm);letter-spacing:-.03em;margin:6px 0 10px;color:var(--dirck-color-text-strong)}
.drillVaultHeader p,.drillVaultHandedness{color:var(--dirck-color-text-muted-strong);line-height:1.55}
.drillVaultFilters{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}
.drillVaultFilters label{display:block;min-width:0;font-size:var(--dirck-font-size-body-sm);font-weight:700}
.drillVaultFilters input,.drillVaultFilters select{display:block;width:100%;min-width:0;min-height:46px;margin-top:7px;padding:10px 12px;border:1px solid var(--dirck-color-border);border-radius:12px;background:var(--dirck-color-control);color:var(--dirck-color-text-strong);font:inherit;font-size:var(--dirck-font-size-body)}
.drillVaultResultsHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0}
.drillVaultResultsHead p,.drillVaultHandedness{font-size:var(--dirck-font-size-body-sm)}
.drillVaultResultsHead button,.drillVaultPlayback button{min-height:44px;padding:8px 14px;font:inherit;font-size:var(--dirck-font-size-body-sm);font-weight:700;border:1px solid var(--dirck-color-border);border-radius:999px;background:var(--dirck-color-control);color:var(--dirck-color-text-strong);cursor:pointer}
.drillVaultHandedness{margin:4px 0 18px}
.drillVaultList{display:grid;gap:12px}
.drillVaultCard{min-width:0;border:1px solid var(--dirck-color-border);border-radius:18px;background:var(--dirck-color-surface);overflow:hidden}
.drillVaultCard summary{position:relative;display:block;list-style:none;padding:20px 46px 20px 20px;cursor:pointer}
.drillVaultCard summary::-webkit-details-marker{display:none}
.drillVaultCategory{display:block;font-size:var(--dirck-font-size-caption);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dirck-color-text-muted-strong)}
.drillVaultTitle{display:block;margin:6px 0;font-size:var(--dirck-font-size-body);font-weight:700;color:var(--dirck-color-text-strong);line-height:1.4}
.drillVaultPurpose{display:block;font-size:var(--dirck-font-size-body-sm);line-height:1.55;color:var(--dirck-color-text-muted-strong)}
.drillVaultTags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px}
.drillVaultTagLabel{font-size:var(--dirck-font-size-caption);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-right:2px}
.drillVaultTag{font-size:var(--dirck-font-size-caption);line-height:1.4;border:1px solid var(--dirck-color-border);padding:4px 8px;border-radius:999px}
.drillVaultChevron{position:absolute;right:19px;top:22px;font-size:var(--dirck-font-size-section)}
.drillVaultCard[open] .drillVaultChevron{transform:rotate(180deg)}
.drillVaultBody{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;padding:0 20px 22px}
.drillVaultStage{min-width:0;align-self:start}
.drillVaultStage video{display:block;width:100%;height:330px;max-width:100%;object-fit:contain;background:transparent}
.drillVaultPlayback{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:var(--dirck-font-size-caption);color:var(--dirck-color-text-muted-strong)}
.drillVaultCopy{min-width:0;font-size:var(--dirck-font-size-body);line-height:1.7}
.drillVaultCopy>p:first-child{margin-top:0}
.drillVaultCopy h2{font-size:var(--dirck-font-size-caption);text-transform:uppercase;letter-spacing:.07em;margin:18px 0 5px;color:var(--dirck-color-text-muted-strong)}
.drillVaultCopy p{margin:0 0 12px}
.drillVaultCue{border-left:3px solid var(--dirck-color-accent);padding:1px 0 1px 14px;margin:18px 0}
.drillVaultCue h2{margin-top:0}
.drillVaultCue p{margin-bottom:0;font-weight:600}
.drillVaultEmpty{padding:24px;border:1px solid var(--dirck-color-border);border-radius:16px;line-height:1.6}
.drillVaultMediaError{font-size:var(--dirck-font-size-body-sm);line-height:1.5}
.drillVaultPage :is(button,input,select,summary,a):focus-visible{outline:3px solid var(--dirck-color-accent);outline-offset:3px}
@media(max-width:650px){.drillVaultFilters{grid-template-columns:1fr}.drillVaultBody{grid-template-columns:1fr;gap:18px}.drillVaultStage video{height:290px}.drillVaultCard summary{padding-left:16px}.drillVaultBody{padding-left:16px;padding-right:16px}.drillVaultHeader p{font-size:var(--dirck-font-size-body)}}
@media(prefers-reduced-motion:reduce){.drillVaultPage *{scroll-behavior:auto;transition:none}}

.drillVaultHeader,.drillVaultFilters,.drillVaultResultsHead{padding:14px 16px;border:1px solid var(--dirck-color-border);border-radius:22px;background:var(--dirck-color-surface);margin:0 0 12px;}
.drillVaultHeader h1{margin:0;font-size:var(--dirck-font-size-section);}
.drillVaultFilters{grid-template-columns:1fr 1fr;gap:12px;}
.drillVaultSearch{grid-column:1/-1;}
.drillVaultResultsHead p{margin:0;}
.drillVaultCard summary{padding:13px 42px 13px 16px;}
.drillVaultTitle{font-size:var(--dirck-font-size-body);margin:4px 0;}
.drillVaultList{gap:9px;}
.drillVaultHandedness{font-size:var(--dirck-font-size-caption);}

/* Browse lists use the same typography and soft surfaces as learning. */
.drillVaultHeader{padding:0;border:0;background:transparent;}
.drillVaultHeader h1{font-family:var(--dirck-font-body);font-size:var(--dirck-font-size-title-sm);}
.drillVaultTitle{font-size:var(--dirck-font-size-body);font-weight:600;}
.drillVaultCopy{font-size:var(--dirck-font-size-body);}
.drillVaultCard,.drillVaultFilters,.drillVaultResultsHead{border-radius:20px;}
.drillVaultFilters input,.drillVaultFilters select{font-size:var(--dirck-font-size-body);min-height:48px;border-radius:14px;}
.drillVaultCard summary{min-height:64px;}