.locked-practice{border-top:3px solid var(--accent);padding-top:24px;scroll-margin-top:100px}.locked-small{font-size:13px;color:var(--muted);line-height:1.8}.locked-modes,.locked-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.locked-practice button{font:inherit;cursor:pointer;color:var(--ink)}.locked-modes button,.locked-toolbar button{min-height:44px;padding:8px 12px;border:1px solid var(--accent);background:var(--surface);font-size:14px}.locked-modes [aria-pressed=true],.locked-toolbar [aria-pressed=true]{background:var(--accent);color:var(--surface)}.locked-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));max-width:520px;border:2px solid #53684e;background:#fffdef}.locked-cell{aspect-ratio:1;min-width:0;border:0;border-right:1px solid #d1d9c3;border-bottom:1px solid #d1d9c3;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;padding:1px;color:#53684e;transition:background .18s,box-shadow .18s}.locked-cell:nth-child(3n){border-right:2px solid #53684e}.locked-cell:nth-child(9n){border-right:0}.locked-cell:nth-child(n+19):nth-child(-n+27),.locked-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #53684e}.locked-cell small{font:9px system-ui;color:#69755e}.locked-cell span{font:17px/1.2 system-ui}.locked-practice .locked-cell{color:#254737}.locked-cell.in-box{background:#edf2dd}.locked-cell.in-row{background:#e6eddb}.locked-cell.in-box.in-row{background:#dce8c8}.show-evidence .locked-cell.is-source{box-shadow:inset 0 0 0 3px #347153}.locked-cell.is-removed span{text-decoration:line-through;color:#8a695b}.locked-cell.is-removed{outline:1px dashed #8a695b;outline-offset:-4px}.locked-feedback{border-left:3px solid var(--accent);padding:12px;background:var(--peer);min-height:60px;font-size:14px}.locked-counter{display:flex;gap:9px;align-items:center;min-height:44px;margin:16px 0;font-size:14px;cursor:pointer}.locked-counter input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.locked-reason{margin:18px 0}.locked-reason summary{cursor:pointer;min-height:44px;color:var(--accent)}.locked-practice button:focus-visible,.locked-reason summary:focus-visible,.size-comparison a:focus-visible{outline:3px solid #3476a3;outline-offset:2px}.size-comparison{scroll-margin-top:100px;margin-bottom:40px}.size-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin:24px 0}.size-figures figure{margin:0;min-width:0}.size-figures svg{width:100%;max-width:210px;height:auto;display:block}.size-figures h3{font-size:22px;margin:12px 0 6px}.size-figures figcaption p{font-size:13px;line-height:1.8;margin:8px 0}.size-figures a{display:inline-block;min-height:44px;padding:8px 0}.learn-entry{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin:0 0 18px;font-size:13px;color:var(--muted)}.learn-entry a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-weight:600;text-underline-offset:4px}.learn-path{border-top:1px solid var(--line);margin-top:32px;padding:28px 0;scroll-margin-top:100px}.learn-path h2{font-size:25px;margin:8px 0}.learn-path>p{max-width:680px;line-height:1.9;font-size:14px}.learn-path ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:24px 0}.learn-path li{border-bottom:1px solid var(--line)}.learn-path li a{display:flex;align-items:center;gap:18px;padding:18px 4px;color:var(--ink);text-decoration:none;min-height:88px;transition:background .18s}.learn-path li a:hover,.learn-path li a:focus-visible{background:var(--peer)}.learn-number{color:var(--accent);font:20px system-ui}.learn-path li a>span:nth-child(2){flex:1;min-width:0}.learn-path strong{font-size:15px}.learn-path small{display:block;color:var(--muted);font-size:13px;line-height:1.7;margin-top:5px}.learn-more{display:flex;flex-wrap:wrap;gap:12px 28px}.learn-more a{color:var(--accent);font-size:14px;min-height:44px;display:inline-flex;align-items:center}.learn-path a:focus-visible,.learn-entry a:focus-visible{outline:3px solid #3476a3;outline-offset:3px}@media(max-width:600px){.learn-path ol{grid-template-columns:1fr}.learn-path h2{font-size:22px}.size-figures{gap:24px 16px}.locked-cell small{font-size:8px}.locked-cell span{font-size:14px}.locked-modes button{font-size:13px}.learn-entry{gap:0 12px}.size-figures figcaption p{font-size:12px}}@media(prefers-reduced-motion:reduce){.locked-cell,.learn-path li a{transition:none}}