:root{color:#17223b;background:#f7f8fc;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:20rem;margin:0;overflow-x:hidden}a,button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:.2rem;outline:.2rem solid #0a60d1}.app-shell{gap:1.5rem;max-width:72rem;min-height:100vh;margin:0 auto;padding:clamp(1rem,3vw,3rem);display:grid}.site-header,main,footer,.site-navigation{background:#fff;border:1px solid #d7ddec;border-radius:1rem;padding:clamp(1rem,3vw,2rem)}.site-header h1,.site-header p,main h2{margin-top:0}.site-navigation{flex-wrap:wrap;gap:1rem;display:flex}.site-navigation a,button{justify-content:center;align-items:center;min-height:2.75rem;padding:.625rem .875rem;display:inline-flex}button{color:#fff;cursor:pointer;background:#0a60d1;border:1px solid #084ca7;border-radius:.5rem;font-weight:700}button:disabled{cursor:not-allowed;opacity:.65}.site-navigation a{color:#17223b;font-weight:700}main{gap:2.5rem;display:grid}main>section{gap:1.25rem;display:grid}.panel{background:#fff;border:1px solid #d7ddec;border-radius:.75rem;gap:1rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.narrow-panel{max-width:44rem}form{gap:.625rem;display:grid}form>button{justify-self:start;margin-top:.25rem}label{font-weight:700}input,select,textarea{color:#17223b;background:#fff;border:1px solid #9ca8c1;border-radius:.5rem;width:100%;min-height:2.75rem;padding:.625rem .75rem}textarea{resize:vertical;min-height:6rem}.record-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.record-list li{border-top:1px solid #d7ddec;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.75rem;display:flex}.record-list li>span:first-child{font-weight:700}.record-list small{color:#4a5674}.one-time-invitation{background:#fff8e8;border:1px solid #d8a238;border-radius:.75rem;gap:.75rem;padding:1rem;display:grid}.one-time-invitation output{overflow-wrap:anywhere}.practice-prompt{background:#eaf2ff;border-left:.3rem solid #0a60d1;margin:0;padding:1rem;font-size:1.25rem;font-weight:700}.practice-item{border:0;gap:.625rem;margin:0;padding:0;display:grid}.practice-item .practice-prompt{inline-size:100%}.hint{color:#4a5674;margin:0}.preliminary-result{background:#fff8e8;border:1px solid #d8a238;border-radius:.75rem;padding:1rem}.eyebrow{color:#4a5674;letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:700}.skip-link{color:#fff;z-index:2;background:#0a60d1;padding:.75rem 1rem;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.vc-feedback{border-left:.3rem solid #0a60d1;padding:.75rem 1rem}.vc-feedback--warning{border-color:#a85d00}.vc-feedback--error{border-color:#b42318}.vc-feedback--success{border-color:#157347}.vc-dialog-backdrop{z-index:1;background:#17223b8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.vc-dialog-panel{background:#fff;border-radius:1rem;max-width:36rem;padding:1.5rem}.status-grid,.pilot-workspace,.pilot-learning-grid,.exercise-grid{gap:1rem;display:grid}.pilot-learning-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.flashcard-panel{align-content:start;min-block-size:20rem}.flashcard-face{text-align:center;background:#eaf2ff;border:1px solid #9ebee8;border-radius:1rem;align-content:center;min-block-size:7rem;padding:1rem;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700}.flashcard-back{background:#effaf4;border-color:#87c5a2}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.button-row button{min-block-size:3rem}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.metric-grid div{background:#f4f6fb;border-radius:.75rem;padding:.75rem}.metric-grid dd{margin:0;font-size:1.5rem;font-weight:700}.candidate-review-filters,.candidate-review-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.75rem;display:grid}.candidate-review-card{border:1px solid #d7ddec;border-radius:.75rem;gap:.75rem;padding:1rem;display:grid}.candidate-review-card h4,.candidate-review-card p{margin:0}.candidate-review-card>header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:.5rem;display:flex}.candidate-review-card>header label{font-size:.875rem}.candidate-review-card>header input{width:auto;min-height:auto}.candidate-review-preview-counts{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.5rem;margin:0;display:grid}.candidate-review-preview-counts div{background:#f4f6fb;border-radius:.5rem;padding:.5rem}.candidate-review-preview-counts dd,.candidate-review-preview-counts dt{margin:0}.candidate-review-preview-counts dd{font-size:1.25rem;font-weight:700}.exercise-grid fieldset{border:1px solid #d7ddec;border-radius:.75rem;gap:.75rem;padding:1rem;display:grid}.exercise-grid legend{padding-inline:.25rem;font-weight:700}table{border-collapse:collapse;width:100%;max-width:100%}caption{text-align:left;padding-bottom:.75rem;font-weight:700}td,th{overflow-wrap:anywhere;text-align:left;border-bottom:1px solid #d7ddec;padding:.75rem}@media (width<=42rem){.site-navigation{display:grid}.site-navigation a{justify-content:flex-start}.record-list li{align-items:stretch;justify-content:initial;display:grid}.record-list li button{width:100%}}@media (width<=52rem){.candidate-review-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.candidate-review-grid{grid-template-columns:1fr}}
