.cbui-practice-entry{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#eef1e5;border:1px solid #c3d1be;border-radius:18px;padding:28px!important;margin:35px auto;color:#14343e}.cbui-practice-entry h2{font-size:28px;margin:8px 0}.cbui-practice-entry p{font-size:16px;line-height:1.75}.cbui-practice-entry .button{flex-shrink:0}
.cbui-practice{color:#14343e}.cbui-practice-tabs{display:flex;gap:8px;border-bottom:1px solid #c6d4c6;padding-bottom:16px;margin-bottom:30px;flex-wrap:wrap}.cbui-practice-tabs button{min-height:48px;padding:12px 20px;border:1px solid #b9cabb;border-radius:24px;background:#f7f6ef;color:#14343e;font-size:16px;cursor:pointer}.cbui-practice-tabs button[aria-selected=true]{background:#14343e;color:#fff;border-color:#14343e}.cbui-practice :focus-visible{outline:3px solid #9a711f;outline-offset:4px}.cbui-practice-intro{max-width:760px;margin-bottom:28px}.cbui-practice-intro h2{font-size:32px;margin:10px 0 14px}.cbui-practice-intro p{font-size:16px;line-height:1.85}.cbui-workbench{display:grid;grid-template-columns:1.15fr 1fr;gap:26px}.cbui-circuit-diagram,.cbui-practice-controls,.cbui-typing-card,.cbui-practice-note{background:#fbfaf5;border:1px solid #c6d4c6;border-radius:16px;padding:26px;min-width:0}.cbui-circuit-diagram{display:flex;flex-direction:column;justify-content:center;text-align:center}.cbui-circuit-diagram svg{width:100%;height:auto}.cbui-circuit-diagram[data-on=true] circle{fill:#e5bb56}.cbui-practice-controls label,.cbui-typing-options label,.cbui-practice-note label,.cbui-typing-card label{display:block;font-size:15px;font-weight:600;margin-bottom:10px}.cbui-practice-controls label output{float:right;font-weight:500}.cbui-practice-controls input[type=range]{display:block;width:100%;min-height:44px;accent-color:#567568;margin-bottom:24px}.cbui-practice :is(input[type=text],select,textarea){width:100%;min-height:48px;background:#fff;color:#14343e;border:1px solid #9bb5a4;border-radius:9px;padding:12px;font-size:16px;font-family:var(--island-body)}.cbui-practice select{margin-bottom:18px}.cbui-practice textarea{resize:vertical;line-height:1.7}.cbui-practice-note{margin-top:24px}.cbui-practice-note h3{font-size:21px;margin-bottom:15px}.cbui-practice :is([role=status],.fine-print){line-height:1.8}.cbui-practice [role=status]{margin-top:14px;font-size:14px;min-height:28px}.cbui-practice .fine-print{font-size:13px}.cbui-practice .text-link{min-height:44px;display:inline-flex;align-items:center;background:transparent;cursor:pointer;color:#14343e}.cbui-practice button:disabled{opacity:.5;cursor:not-allowed}.cbui-practice-meters{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.cbui-practice-meters div,.cbui-typing-meters div{border-top:1px solid #ccd7c8;padding-top:14px;min-width:0}.cbui-practice-meters dt,.cbui-typing-meters dt{font-size:13px;color:#4e6e60}.cbui-practice-meters dd{font:600 26px/1.6 var(--island-ui);white-space:nowrap}.cbui-typing-options{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:650px}.cbui-typing-card{max-width:900px}.cbui-typing-word{font-family:var(--island-ui);font-size:30px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;margin:16px 0 10px}.cbui-typing-card [data-typing-hint]{font-size:16px;margin-bottom:22px;overflow-wrap:anywhere}.cbui-typing-meters{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.cbui-typing-meters dd{font:600 24px/1.6 var(--island-ui)}.cbui-experiment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cbui-experiment-grid article{display:flex;flex-direction:column;min-width:0;border:1px solid #c6d4c6;background:#fbfaf5;border-radius:16px;padding:24px}.cbui-experiment-grid h3{font-size:21px;margin:10px 0 14px}.cbui-experiment-grid p{font-size:16px;line-height:1.8}.cbui-experiment-grid small{font-size:13px;line-height:1.7;color:#567568;margin:18px 0}.cbui-experiment-grid .button{margin-top:auto}.cbui-practice [hidden]{display:none!important}
@media(max-width:800px){.cbui-workbench,.cbui-experiment-grid{grid-template-columns:1fr}.cbui-practice-entry{display:block}.cbui-practice-entry .button{margin-top:20px}}
@media(max-width:500px){.cbui-practice-tabs button{padding:10px 14px;font-size:14px}.cbui-practice-intro h2{font-size:26px}.cbui-circuit-diagram,.cbui-practice-controls,.cbui-practice-note,.cbui-typing-card{padding:20px}.cbui-typing-options{grid-template-columns:1fr;gap:0}.cbui-practice-meters dd{font-size:21px}.cbui-typing-meters{gap:10px}.cbui-typing-meters dt{font-size:12px}.cbui-typing-meters dd{font-size:22px}.cbui-practice .actions{gap:12px;flex-wrap:wrap}.cbui-typing-word{font-size:23px}.cbui-experiment-grid article{padding:20px}}