/* Interactive learning tools: browser sandbox, code challenges, and quizzes. */
.learning-section{margin:48px auto 112px;max-width:960px;padding:0 clamp(20px,5vw,60px);}
.learning-card{border:1px solid var(--line,#d8cfbe);border-radius:14px;background:var(--paper-2,#ece3d4);box-shadow:0 12px 30px -28px rgba(40,30,20,.55);overflow:hidden;margin-top:22px;}
.learning-card__head{padding:20px 22px 14px;border-bottom:1px solid var(--line,#d8cfbe);}
.learning-eyebrow{font:700 11px/1.2 "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--accent,#b8402e);margin:0 0 7px;}
.learning-card h2,.learning-card h3{margin:0;color:var(--ink,#211e1a);font-family:"Fraunces",Georgia,serif;}
.learning-card h2{font-size:25px;}.learning-card h3{font-size:18px;}
.learning-desc{margin:8px 0 0;color:var(--ink-soft,#5b5347);line-height:1.55;}
.js-playground{padding:18px 22px 22px;}
.js-playground__editor{display:block;width:100%;min-height:154px;resize:vertical;border:1px solid #343a43;border-radius:9px;background:#171a1f;color:#e7edf5;padding:14px;font:13px/1.55 "JetBrains Mono",ui-monospace,monospace;tab-size:2;}
.js-playground__editor:focus{outline:3px solid rgba(var(--accent-rgb,184,64,46),.25);border-color:var(--accent,#b8402e);}
.playground-toolbar{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap;}
.learning-button{appearance:none;border:1px solid var(--accent,#b8402e);border-radius:7px;background:var(--accent,#b8402e);color:#fff;cursor:pointer;padding:8px 14px;font:700 12px/1.2 "JetBrains Mono",ui-monospace,monospace;transition:transform .15s ease,background .15s ease;}
.learning-button:hover{background:var(--accent-2,#8f2f20);transform:translateY(-1px);}.learning-button:focus-visible,.challenge-toggle:focus-visible,.quiz-option:focus-within{outline:3px solid rgba(var(--accent-rgb,184,64,46),.3);outline-offset:2px;}
.learning-button--secondary{background:transparent;color:var(--accent,#b8402e);}.learning-button--secondary:hover{background:rgba(var(--accent-rgb,184,64,46),.1);color:var(--accent,#b8402e);}
.playground-status{font-size:13px;color:var(--ink-soft,#5b5347);}.playground-output{margin:14px 0 0;min-height:48px;border-radius:8px;background:#101318;color:#b9f2b1;padding:11px 13px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 "JetBrains Mono",ui-monospace,monospace;}.playground-output.is-error{color:#ffb5b5;}
.language-challenge{margin-top:10px;border:1px solid rgba(var(--accent-rgb,184,64,46),.25);border-radius:8px;background:rgba(var(--accent-rgb,184,64,46),.06);padding:11px 12px;color:var(--ink,#211e1a);font-size:13px;line-height:1.5;}
.challenge-toggle{appearance:none;border:1px solid rgba(var(--accent-rgb,184,64,46),.35);border-radius:6px;background:transparent;color:var(--accent,#b8402e);cursor:pointer;padding:5px 10px;font:700 11px/1.2 "JetBrains Mono",ui-monospace,monospace;}
.language-challenge__prompt{margin:0 0 8px;}.language-challenge__answer{display:none;margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(var(--accent-rgb,184,64,46),.2);}.language-challenge.is-revealed .language-challenge__answer{display:block;}
.quiz-body{padding:20px 22px 22px;}.quiz-question{padding:17px 0;border-top:1px solid var(--line,#d8cfbe);}.quiz-question:first-child{border-top:0;padding-top:0;}.quiz-question__title{font-weight:700;margin:0 0 10px;color:var(--ink,#211e1a);}.quiz-option{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line,#d8cfbe);border-radius:8px;padding:10px 11px;margin:7px 0;cursor:pointer;background:rgba(255,255,255,.18);color:var(--ink,#211e1a);}.quiz-option:hover{border-color:var(--accent,#b8402e);}.quiz-option input{margin-top:3px;accent-color:var(--accent,#b8402e);}.quiz-option.is-correct{border-color:#3f6f4e;background:rgba(63,111,78,.1);}.quiz-option.is-wrong{border-color:#b8402e;background:rgba(184,64,46,.1);}
.quiz-result{margin-top:16px;border-radius:8px;padding:12px 13px;background:rgba(63,111,78,.1);color:var(--ink,#211e1a);line-height:1.5;}.quiz-result strong{color:#2d5e3d;}.quiz-feedback{display:none;margin:9px 0 0;padding:8px 10px;border-radius:6px;background:rgba(0,0,0,.035);font-size:13px;line-height:1.5;color:var(--ink-soft,#5b5347);}.quiz-feedback.is-visible{display:block;}
.review-status{margin:0 0 18px;padding:12px 13px;border-left:3px solid var(--accent,#b8402e);border-radius:6px;background:rgba(var(--accent-rgb,184,64,46),.07);color:var(--ink-soft,#5b5347);font-size:13px;line-height:1.5;}.review-dashboard{margin:24px 0;border:1px solid var(--line,#d8cfbe);border-radius:12px;background:var(--paper-2,#ece3d4);padding:17px 19px;color:var(--ink,#211e1a);}.review-dashboard h2{margin:0 0 6px;font:700 20px/1.2 "Fraunces",Georgia,serif;}.review-dashboard p{margin:0;color:var(--ink-soft,#5b5347);}.review-dashboard ul{margin:12px 0 0;padding-left:19px;}.review-dashboard a{color:var(--accent,#b8402e);font-weight:700;}
@media(max-width:700px){.learning-section{padding:0 18px;margin-bottom:96px;}.learning-card__head,.js-playground,.quiz-body{padding-left:16px;padding-right:16px;}.learning-card h2{font-size:22px;}}