#clothing-lesson { display:grid; gap:24px; }
#clothing-lesson[hidden], #clothing-lesson [hidden] { display:none; }
#clothing-lesson p { line-height:1.85; }
#clothing-lesson .clothing-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
#clothing-lesson .clothing-grid section { padding:16px; background:#faf6ef; border-radius:14px; }
#clothing-lesson dt { font-weight:650; margin-top:14px; }
#clothing-lesson dd { margin:4px 0 0; color:#70675e; }
#clothing-lesson .clothing-example { border-top:1px solid var(--line,#e5e0da); padding:14px 0; }
#clothing-lesson .clothing-example p:first-child { font-weight:600; }
#clothing-lesson .play-btn { margin:8px 12px 8px 0; }
#clothing-lesson .clothing-practice { display:grid; grid-template-columns:minmax(220px, .8fr) minmax(0,1.2fr); gap:26px; align-items:start; }
#clothing-lesson figure { margin:0; background:#faf6ef; padding:16px; border-radius:18px; }
#clothing-lesson svg { display:block; width:100%; max-width:320px; margin:auto; }
#clothing-lesson figcaption { text-align:center; font-weight:650; margin:10px; }
#clothing-lesson details { margin-top:16px; font-size:.9em; }
#clothing-lesson summary { cursor:pointer; }
#clothing-lesson label { display:block; font-weight:650; margin:10px 0; }
#clothing-lesson textarea { box-sizing:border-box; width:100%; min-height:210px; padding:14px; border:1px solid #d8cec6; border-radius:12px; background:#fffdf9; color:#302b28; font:inherit; line-height:1.8; resize:vertical; }
#clothing-lesson [aria-live] { padding:0 16px; border-left:3px solid #568b76; margin-top:18px; }
@media(max-width:650px) { #clothing-lesson .clothing-grid, #clothing-lesson .clothing-practice { grid-template-columns:1fr; } }