/* v202: add practice controls to the original components; source CSS unchanged. */
[hidden]{display:none!important}
body{overflow-y:auto}
html{scroll-padding-top:90px}
.practice-item-brief{color:var(--muted);font-size:14px;line-height:1.55;margin:20px 0}
.practice-native-button{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;padding:14px;color:var(--paper);background:var(--ink);border:1px solid var(--ink);border-radius:0;font:14px Apparat,Arial,sans-serif;cursor:pointer}
.practice-native-button:hover,.practice-native-button:focus-visible{background:var(--acid);color:#111}
.practice-native-button:focus-visible{outline:1px solid var(--ink);outline-offset:4px}
.practice-resources{display:flex;flex-direction:column;gap:16px;font:13px Apparat,Arial,sans-serif;min-width:0}
.practice-resources a{color:var(--ink);width:max-content;max-width:100%;text-decoration:none;border-bottom:1px solid var(--muted);padding-bottom:3px}
.practice-resources a:hover{border-color:var(--ink)}
.practice-kind{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}
.practice-kind:before{content:'';width:6px;height:6px;background:var(--acid)}
.practice-command{border:1px solid #bdbdbd;background:var(--card);margin-top:24px}
.practice-command code{display:block;padding:16px;font:12px/1.7 Fragment,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}
.practice-command-controls{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bdbdbd}
.practice-command-controls button{background:transparent;border:0;min-height:42px;padding:10px;color:var(--ink);font:12px Apparat,Arial,sans-serif;cursor:pointer}
.practice-command-controls button+button{border-left:1px solid #bdbdbd}
.practice-command-controls button:hover{background:var(--acid);color:#111}
.practice-terminal{margin-top:14px;background:#131313;color:#d5d5d5;border:1px solid #333}
.practice-terminal-label{color:#999;font:10px/1.5 Apparat,Arial,sans-serif;padding:12px 14px;border-bottom:1px solid #333}
.practice-terminal pre{font:12px/1.65 Fragment,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;margin:0;min-height:120px}
.practice-terminal form{display:flex;gap:10px;align-items:center;padding:12px 14px;border-top:1px solid #333}
.practice-terminal form>span{color:var(--acid);font:14px Fragment,monospace}
.practice-terminal input{flex:1;min-width:0;border:0;border-radius:0;background:transparent;color:#eee;padding:9px 0;font:11px Fragment,monospace}
.practice-terminal button{background:transparent;color:var(--acid);border:1px solid #555;font:15px Apparat,Arial,sans-serif;cursor:pointer;padding:6px 12px}
.practice-note-label{display:block;margin-top:25px;font:16px Apparat,Arial,sans-serif;color:var(--ink)}
#practice-notes{display:block;margin-top:13px;padding:15px;min-height:110px;width:100%;resize:vertical;border:1px solid #bdbdbd;border-radius:0;background:var(--card);color:var(--ink);font:14px/1.6 Apparat,Arial,sans-serif}
.practice-note-caption{font:12px Apparat,Arial,sans-serif;color:var(--muted);margin:12px 0 0}
.practice-task-nav{display:flex;gap:15px;padding:30px 0}
#practice-hint{margin-right:22px}
#practice-notice{position:fixed;bottom:20px;left:21px;right:21px;margin:0;z-index:200;background:var(--paper);border:1px solid var(--ink);padding:17px;font:14px Apparat,Arial,sans-serif;color:var(--ink)}
#practice-panel-root .challenge-heading h2{overflow-wrap:anywhere}
#practice-panel-root input:focus-visible,#practice-panel-root textarea:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
html[data-site-theme="dark"] .practice-command,html[data-site-theme="dark"] .practice-command-controls,html[data-site-theme="dark"] .practice-command-controls button+button,html[data-site-theme="dark"] #practice-notes{border-color:#484848}
html[data-site-theme="dark"] .practice-command,html[data-site-theme="dark"] #practice-notes{background:#191919}
@media(max-width:900px){.practice-task-nav{flex-wrap:wrap;gap:10px}.practice-task-nav button{width:100%}.practice-terminal pre{font-size:11px}.practice-command code{font-size:11px}.practice-command-controls button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

#practice-panel-root .challenge-shell{z-index:190}