.practice-wrap{max-width:1180px}.practice-heading{padding:65px 0 40px}.practice-heading h1{font-size:44px;font-weight:400;line-height:1.6;margin:18px 0}.practice-heading>p:last-child{font-size:15px;color:var(--muted);line-height:1.9}
.practice-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--line);background:var(--paper-light);scroll-margin-top:24px}.practice-outline{padding:32px;border-right:1px solid var(--line)}.practice-outline h2{font-size:25px;font-weight:500;margin:14px 0 20px}.practice-outline ol{list-style:none;margin:0;padding:0}.practice-outline li{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--muted)}.practice-outline li[aria-current=step]{color:var(--red)}.practice-outline li>span:first-child{font:12px var(--sans);font-variant-numeric:tabular-nums}.practice-outline .practice-note{margin:24px 0 12px}
.practice-current{padding:45px;min-height:400px;display:flex;flex-direction:column;align-items:flex-start}.practice-current h2{font-size:32px;font-weight:400;line-height:1.6;margin:18px 0}.practice-current h2:focus{outline:none}.practice-current>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}.practice-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px}.practice-controls .button-solid{font-size:14px;min-height:48px;padding:13px 22px;line-height:1.6}.practice-current #practice-tip{font-size:12px;margin-top:auto;padding-top:26px}.practice-current #practice-status{font-size:12px;margin-top:16px;color:var(--red)}
.practice-text-link{display:inline-flex;align-items:center;min-height:44px;padding:6px 0;font:13px/1.8 var(--serif);color:var(--ink);text-decoration:underline;text-underline-offset:5px;cursor:pointer}.practice-outline-button{font:inherit;min-height:44px;border:1px solid var(--line);padding:9px 18px;background:transparent;color:var(--ink)}.practice-outline-button:disabled{opacity:.55}
#timer-panel{width:100%;margin-top:25px}#timer-panel label{font-size:12px;color:var(--muted);margin-right:12px}#practice-minutes{font:13px var(--serif);padding:8px;background:var(--paper);border:1px solid var(--line);color:var(--ink);min-height:44px}#practice-clock{display:block;font:400 54px/1.8 var(--serif);font-variant-numeric:tabular-nums;margin:8px 0}#timer-status{font-size:12px;color:var(--muted);margin-top:10px}
.practice-settings{border-bottom:1px solid var(--line);padding:24px 0;margin-top:16px}.practice-settings>summary{font-size:15px;cursor:pointer;min-height:30px}.practice-settings fieldset{border:0;padding:0;margin:22px 0}.practice-settings legend{font-size:13px;color:var(--muted);margin-bottom:12px}#plan-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 20px}#plan-options label{display:flex;align-items:center;gap:10px;font-size:14px;min-height:44px}#plan-options input{accent-color:var(--red);width:17px;height:17px}.practice-settings-actions{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.practice-backup{display:flex;flex-wrap:wrap;gap:12px 25px;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.practice-import{position:relative}.practice-import input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.practice-import:focus-within{outline:2px solid var(--red);outline-offset:4px}#backup-status{font-size:12px;color:var(--muted)}
.practice-note{font-size:12px;color:var(--muted);line-height:1.9}.practice-settings>.practice-note{margin-top:12px}.practice-storage{font:12px/2 var(--sans);color:var(--muted);margin:26px 0}.practice-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.practice-wrap :is(select,input):focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:700px){.practice-heading{padding:38px 0 28px}.practice-heading h1{font-size:32px}.practice-heading>p:last-child{font-size:13px}.practice-workspace{grid-template-columns:1fr}.practice-outline{padding:23px;border-right:0;border-bottom:1px solid var(--line)}.practice-outline h2{font-size:22px}.practice-outline ol{display:flex;flex-wrap:wrap;gap:8px 20px}.practice-outline li{border:0;padding:5px 0;font-size:13px}.practice-outline .practice-note{margin-top:16px}.practice-current{padding:28px 23px;min-height:330px}.practice-current h2{font-size:27px}#plan-options{grid-template-columns:1fr 1fr}.practice-footer{flex-direction:column;gap:12px}}
