/* ICAED Lesson 001 interactive practice */
.learning-section{margin-top:62px}.learning-panel{max-width:780px;margin:28px auto 0;background:white;border:1px solid #e5e9ee;border-radius:18px;padding:30px;box-shadow:0 6px 24px #18233408}
.learning-panel h3{font-size:23px;letter-spacing:-.5px;margin:10px 0 15px}
.learning-panel p{line-height:1.8;color:#52647a}
.structure-flow{display:flex;align-items:stretch;justify-content:center;gap:9px;flex-wrap:wrap;margin:25px 0}
.structure-token{border:1px solid #d8e2eb;background:#f8fafc;border-radius:12px;padding:15px 22px;text-align:center;min-width:126px}
.structure-token b{display:block;font-size:25px;color:#122b43}.structure-token small{display:block;margin-top:7px;color:#6b778a}
.structure-token.verb{border-color:#dfb374;background:#fff6e9}
.structure-note{background:#f5f7f9;padding:18px;border-radius:12px;margin:18px 0}
.structure-note strong{color:#202f40}
.example-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}
.example-list div{padding:14px;border-radius:10px;background:#f7f9fc;font-size:14px}
.example-list b{display:block;font-size:17px;margin-bottom:5px;color:#203753}
.compose-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.compose-prompt{font-size:clamp(22px,3.5vw,28px);font-weight:750;line-height:1.45;letter-spacing:-.5px;color:#1b293b;margin:18px 0 10px}
.compose-help{font-size:14px;color:#627085;margin-bottom:18px;line-height:1.7}
.compose-form{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:12px}
.compose-input{flex:1;min-width:200px;padding:15px 16px;border-radius:11px;border:1.5px solid #cad4df;font:inherit;font-size:17px;color:#1a293b}
.compose-input:focus-visible{outline:3px solid #e4ba7a;outline-offset:2px}
.compose-feedback{background:#f4f8f6;border:1px solid #cfe3da;border-radius:12px;padding:16px;margin-top:16px;color:#254d3d;line-height:1.7}
.compose-feedback.error{background:#fff7f3;border-color:#f1cebf;color:#874735}
.compose-feedback p{margin:6px 0;color:inherit}.compose-feedback strong{color:inherit}
.compose-status{font-size:13px;color:#607389}
.review-layout{display:flex;gap:15px;flex-wrap:wrap;margin:19px 0}
.review-stat{flex:1;min-width:150px;background:#f6f8fa;border:1px solid #e5e9ee;border-radius:12px;padding:17px}
.review-stat b{font-size:30px;color:#18334d;display:block}.review-stat span{font-size:13px;color:#6a7687}
.review-items{padding-left:20px;color:#465b72;line-height:1.8}
.helper-note{font-size:13px;color:#677589;line-height:1.7}
@media(max-width:760px){.learning-panel{padding:21px}.example-list{grid-template-columns:1fr}.structure-flow{justify-content:flex-start}.structure-token{min-width:90px;flex:1;padding:12px 15px}.compose-form button{width:100%}}