.local-practice{border:1px solid var(--border);border-radius:18px;min-width:0;margin-block:20px;padding:20px}.local-practice-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.local-practice h3{margin:0 0 8px;font-size:18px;line-height:1.4}.local-practice-heading>div{flex:1;min-width:0}.local-practice-heading p,.local-practice-note{opacity:.8;font-size:.86rem;line-height:1.6}.local-practice-heading>.button{white-space:normal;flex:none;width:auto;max-width:100%;min-height:44px;margin:0}.local-practice-cases{gap:8px;display:grid}.local-practice-cases>details{border:1px solid var(--border);border-radius:10px;overflow:hidden}.local-practice-cases summary{cursor:pointer;justify-content:space-between;gap:12px;padding:14px;font-size:.88rem;display:flex}.local-practice-cases summary strong{white-space:nowrap;font-size:.76rem}.local-case-pass summary strong{color:var(--accent,#35b88c)}.local-case-fail summary strong{color:#d76c56}.local-case-data{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:0 14px 14px;display:grid}.local-case-data h4{margin:8px 0;font-size:.8rem}.local-practice pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;font-size:.8rem;overflow:auto}.local-practice-error{color:#d76c56}.practice-workbench{width:min(100% - 32px,1000px);margin:36px auto}.practice-workbench>label{gap:8px;max-width:280px;margin-bottom:20px;display:grid}.practice-workbench .code-editor{margin-block:20px}@media (max-width:600px){.local-practice{padding:14px}.local-practice-heading{flex-direction:column;align-items:stretch;gap:8px}.local-practice-cases summary{flex-direction:column;gap:5px}.local-case-data{grid-template-columns:1fr}.practice-workbench{margin-top:20px}}.local-practice-about{color:var(--muted);margin:14px 0;font-size:.82rem}.local-practice-about>summary{cursor:pointer;width:fit-content;padding:6px 0;line-height:1.5}.local-practice-about[open]>div{border-left:2px solid var(--border);margin-top:6px;padding:4px 12px}.local-practice-about p{opacity:1;margin:8px 0}.local-practice-about code{overflow-wrap:anywhere}.local-practice>p[role=status]:empty{display:none}@media (max-width:600px){.local-practice-heading>.button{width:100%}.local-practice-heading h3{font-size:17px}.local-practice-cases summary strong{white-space:normal}}