.learning-panel{padding:24px;border:1px solid var(--line);background:#f4f6ed;color:#18372e;margin-block:24px;font-size:15px;line-height:1.7}.learning-panel h2{margin:0 0 16px;font-size:26px;line-height:1.25}.learning-panel h3{font-size:19px;margin-block:18px 10px}.learning-panel a{text-decoration:underline;text-underline-offset:3px}.learning-panel ul{padding-left:24px}.learning-panel li{margin-block:12px}.learning-panel input,.learning-panel textarea{display:block;padding:10px;width:100%;max-width:100%;border:1px solid #798f81;background:white;color:#18372e;font:inherit}.learning-panel input[type=checkbox],.learning-panel input[type=radio]{display:inline-block;width:auto;margin-right:9px}.learning-panel label{display:block;margin-block:10px}.learning-panel button,.learning-save-status button{padding:9px 13px;margin:4px;border:1px solid #52694e;background:white;color:#18372e;font:inherit;cursor:pointer}.learning-panel button:disabled,.learning-save-status button:disabled{opacity:.5;cursor:not-allowed}.learning-panel a:focus-visible,.learning-panel button:focus-visible,.learning-save-status button:focus-visible{outline:3px solid #71951e;outline-offset:3px}.learning-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.learning-actions label{flex:1;min-width:180px}.learning-fieldset{border:0;margin:0;padding:0;min-width:0}.learning-save-status{padding:16px 24px;background:#eef2e6;color:#19382d;font-size:14px;border:1px solid #bcc8b3}.learning-save-status p{margin:0 0 10px}.saved-html-playground .learning-panel{margin:0}.mastery-question{padding:18px;margin-block:20px;border:1px solid #bcc8b3}.mastery-question legend{font-weight:700;padding-inline:5px}.mastery-question.correct{background:#e6f3d9}.mastery-question.incorrect{background:#fff0e6}.mastery-summary{padding:14px;background:white;border-left:4px solid #6f892b}.capstone-shell{max-width:1120px;margin:50px auto;padding:0 22px}.capstone-shell h1{font-size:clamp(34px,5vw,56px);line-height:1.1}.capstone-editor{background:#071c19}.capstone-tabs{display:flex;flex-wrap:wrap;gap:12px;padding:16px;background:#e6ecdc}.capstone-tabs button{padding:10px 14px;cursor:pointer;border:1px solid #667b51}.capstone-tabs button[aria-pressed=true]{background:#d8ff3e}.capstone-shell iframe{width:100%;min-height:420px;border:1px solid #879780;background:white}.capstone-shell textarea{min-height:100px}.learning-check-pass{color:#315e19}.learning-check-fail{color:#933b22}@media(max-width:600px){.learning-panel{padding:18px}.learning-actions{align-items:stretch;flex-direction:column}}