.dash.practice-page{max-width:1180px;padding-top:28px}.practice-page .practice-nav{display:flex;align-items:center;gap:8px;margin:0 0 24px;padding:7px;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:999px;background:var(--paper-2)}.practice-page .practice-nav a{padding:7px 12px;border-radius:999px;color:var(--ink-2);font-size:13px;font-weight:650;transition:background .15s,color .15s}.practice-page .practice-nav a:hover{background:var(--pine-soft);color:var(--pine)}.practice-page .practice-nav a[aria-current=page]{background:var(--pine);color:var(--ink-on-pine)}html[data-theme=dark] .practice-page .practice-nav a[aria-current=page]{background:var(--pine-deep);border-color:var(--pine-deep);color:#f4efe2}.practice-page h1.dash-hello{font-size:clamp(34px,5vw,52px);letter-spacing:-.035em;line-height:1.06;margin:8px 0 10px}.practice-page .practintro{max-width:70ch;margin-top:0}.practice-page .coursetabs{padding-bottom:5px;scroll-margin-top:18px}.practice-page .coursetab{box-shadow:var(--shadow-sm)}.practice-page .coursetab.on{box-shadow:0 7px 18px -12px color-mix(in srgb,var(--pine) 75%,transparent)}.practice-page .cmbar{box-shadow:var(--shadow-sm);border-radius:16px}.practice-page .skillcard{min-height:236px;box-shadow:var(--shadow-sm);transition:transform .16s,border-color .16s,box-shadow .16s}.practice-page .skillcard:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 55%,var(--line));box-shadow:var(--shadow)}.practice-page .skillcard p{color:var(--ink-2);line-height:1.5}.practice-page .gradedrow{margin-top:26px}.practice-page .gcard{align-items:flex-start;min-height:118px;box-shadow:var(--shadow-sm)}.practice-page .gcard .btn{align-self:center}.practice-page .projbanner{border:1px solid color-mix(in srgb,var(--gold) 34%,transparent)}.practice-page .sessbar{position:-webkit-sticky;position:sticky;top:8px;z-index:10;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.practice-page .exercise-card{box-shadow:var(--shadow-sm)}.practice-page .presult{padding:26px 24px;border:1px solid var(--line);border-radius:22px;background:var(--paper-2);box-shadow:var(--shadow)}.practice-page .presult h1{font-size:clamp(32px,5vw,44px)}@media(max-width:760px){.dash.practice-page{padding:20px 16px calc(104px + env(safe-area-inset-bottom))}.practice-page .practice-nav{width:100%;justify-content:space-between;gap:2px;padding:5px;margin-bottom:20px}.practice-page .practice-nav a{padding:7px 9px;font-size:12px}.practice-page .skillgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px}.practice-page .skillcard{min-height:210px;padding:18px}.practice-page .gcard{min-height:unset;align-items:center;padding:15px}.practice-page .gcard .btn{align-self:center;padding:10px 13px}.practice-page .projbanner{align-items:flex-start;padding:17px;gap:12px;flex-wrap:wrap}.practice-page .projbanner .pbt{flex-basis:calc(100% - 62px)}.practice-page .projbanner .pbgo{margin-left:58px}.practice-page .sessbar{top:4px;gap:8px;flex-wrap:wrap}.practice-page .sessbar .sesstitle{min-width:0}.practice-page .sessbar .sessprog{flex:1 1 100%;width:100%;justify-content:space-between}.practice-page .presult{padding:20px 15px;margin:18px auto}}@media(max-width:370px){.practice-page .practice-nav a{padding-inline:7px;font-size:11px}.practice-page .cmbar{gap:9px;padding:13px}.practice-page .cmtrack{min-width:100px}}