/* Adopt Visual System v1 tokens; scoped tutorial layout only. */
.practice-flow{max-width:42rem;margin:auto;line-height:1.6}.practice-label{font-size:.85rem;font-weight:700}.practice-pip{display:block;width:112px;height:112px;object-fit:contain;margin:12px auto}.practice-choices,.practice-footer{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.practice-flow .btn{white-space:normal;min-height:44px;max-width:100%;margin:5px 5px 5px 0}.practice-flow textarea{min-height:100px}.practice-flow blockquote{white-space:pre-wrap;overflow-wrap:anywhere}.practice-flow input:not([type=checkbox]),.practice-flow textarea{width:100%;box-sizing:border-box}.practice-modal{width:min(760px,calc(100vw - 24px));max-height:90dvh;overflow:auto}.practice-employer{max-width:680px;margin:40px auto;padding:20px;line-height:1.6}.practice-employer input:not([type=checkbox]),.practice-employer textarea{width:100%;box-sizing:border-box;min-height:44px}.practice-employer .btn{white-space:normal;margin:12px 0;min-height:44px}.practice-employer textarea{min-height:100px}.practice-employer form{display:grid;gap:16px}.practice-footer{border-top:1px solid var(--ink);padding-top:12px}@media(max-width:390px){.practice-employer{margin:10px auto;padding:16px}.practice-choices .btn{width:100%}}

body.visual-v1 .practice-employer{font-family:var(--v-body);background:var(--v-paper);color:var(--v-ink);border-radius:var(--v-radius)}body.visual-v1 .practice-employer .btn.green{background:var(--v-action);color:var(--v-ink);border:1px solid var(--v-control-line);border-radius:12px}body.visual-v1 .practice-employer :is(input,textarea){font:inherit;background:var(--v-surface);color:var(--v-ink);border:1px solid var(--v-control-line);border-radius:10px;padding:8px}body.visual-v1 .practice-employer h1,body.visual-v1 .practice-employer h2{font-family:var(--v-body)}

.practice-employer [hidden]{display:none!important}