.lab-brief{background:#e4ecd6;border:1px solid #bacba5;border-radius:14px;padding:26px;margin:28px 0 18px}.lab-brief .lab-goal{color:var(--forest);margin:12px 0 22px}.lab-brief>div{margin:16px 0}.lab-brief>div p{margin:6px 0 0}.lab-brief .plain-link{display:inline-block;margin-top:8px}.lab-optional{padding-top:15px;border-top:1px solid #bacba5}.lab-location{color:var(--muted);margin-bottom:35px}.exercise-title{margin-bottom:14px}.guided-steps{list-style:none;padding:0;margin:0;counter-reset:none}.guided-steps>li{border-top:1px solid var(--rule);padding:28px 0 32px}.step-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:17px}.step-number{display:grid;place-items:center;background:var(--forest);color:var(--lime);width:36px;height:36px;flex:0 0 36px;border-radius:50%}.step-location{color:var(--muted);margin:0 0 6px!important}.step-heading h2{margin:0}.step-body{padding-left:52px;min-width:0}.step-body p{margin:0 0 14px}.step-body ul{padding-left:20px;margin:12px 0 20px}.step-body li{margin:8px 0}.step-body a:not(.button){text-decoration:underline;text-underline-offset:3px}.step-body .button{margin:5px 0 18px;display:inline-flex}.step-check{margin-top:22px;padding:16px 18px;background:#eef0e5;border-left:3px solid #779751;border-radius:0 6px 6px 0}.step-check p{margin:6px 0 0!important}.step-body .code-panel{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:18px}.step-body code{overflow-wrap:anywhere}.terminal-help,.guided-extra,.step-body details{border:1px solid var(--rule);border-radius:8px;padding:16px;margin:18px 0}.terminal-help summary,.guided-extra>summary,.step-body details summary{cursor:pointer}.terminal-help[open] summary,.guided-extra[open]>summary,.step-body details[open] summary{margin-bottom:18px}.guided-extra>div{padding:4px 0}.guided-extra .teaching-section:first-child{margin-top:0}.guided-extra .code-panel{white-space:pre-wrap;overflow-wrap:anywhere}.guided-exercise{scroll-margin-top:20px}.quiz{margin-top:35px}@media(max-width:600px){.lab-brief{padding:22px}.step-body{padding-left:0}.guided-steps>li{padding:24px 0}.step-body .code-label{gap:12px}.step-body .code-label span{min-width:0;overflow-wrap:anywhere}.guided-extra{padding:16px}.step-number{width:31px;height:31px;flex-basis:31px}}
.runtime-choice{border:1px solid #a6b99a;border-radius:14px;margin:28px 0;padding:22px;min-width:0}.runtime-choice legend{padding:0 8px}.runtime-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.runtime-options label{display:flex;align-items:flex-start;gap:11px;background:#fffef5;border:1px solid var(--rule);border-radius:8px;padding:17px;cursor:pointer}.runtime-options label:has(input:checked){border-color:var(--forest);background:#e2eccf;box-shadow:0 0 0 1px var(--forest)}.runtime-options input{margin-top:5px;accent-color:var(--forest)}.runtime-options strong{display:block}.runtime-options small{display:block;color:var(--muted);margin-top:5px}.runtime-choice p{margin:15px 0 0}.runtime-switch-note{color:var(--muted)}[data-runtime-panel][hidden]{display:none!important}@media(max-width:550px){.runtime-options{grid-template-columns:1fr}.runtime-choice{padding:18px}.runtime-options label{padding:14px}}

/* Readable commands and labels on smaller screens. */

.completion-confirmations{grid-column:1/-1;min-width:0;border:1px solid var(--rule);border-radius:8px;padding:18px;margin:16px 0}.completion-confirmations legend{padding:0 7px}.completion-confirmations label{display:flex;align-items:flex-start;gap:12px;padding:10px 0}.completion-confirmations input{margin-top:6px;accent-color:var(--forest)}.completion-readiness{grid-column:1/-1}#mark-complete:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.completion-confirmations{flex:0 0 100%;width:100%}.completion-readiness{flex:1 1 280px}