.hwi-heading,.hwi-row-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.hwi-heading{margin:10px 0 24px}.hwi-heading h3,.hwi-heading p{margin:4px 0}.hwi-item{min-width:0;border:1px solid #d5e2f5;border-radius:20px;padding:25px;margin:0 0 24px;background:#fff}.hwi-row-head{border-bottom:1px solid #e2eaf6;padding-bottom:15px;margin-bottom:22px}.hwi-row-head h4{margin:0;color:#1c53a8;font-size:1.05rem}.hwi-item label{display:block;margin:16px 0 8px}.hwi-item .grid2>div{min-width:0}.hwi-item input,.hwi-item textarea,.hwi-item select{max-width:100%;box-sizing:border-box}.hwi-item [hidden]{display:none!important}.hwi-skill-guide{background:#eef5ff;border-radius:12px;padding:13px 16px;color:#446184;font-size:.9rem;line-height:1.6}.hwi-upload{display:block!important;background:#edf4ff;border:1px dashed #aec8ed;border-radius:12px;padding:15px;cursor:pointer;color:#2255a2;font-weight:700}.hwi-upload input{display:block;margin-top:12px;font-size:.85rem}.hwi-file{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px;background:#f6f9fe;border:1px solid #dfe8f5;border-radius:12px;margin:12px 0}.hwi-file>div{min-width:0;flex:1;overflow-wrap:anywhere}.hwi-remove{flex-shrink:0;width:30px;height:30px;background:#ffebed;color:#b12630;border:0;border-radius:8px;font-size:24px;cursor:pointer}.hwi-item details{border:1px solid #dce6f5;border-radius:12px;padding:15px 18px;margin:20px 0}.hwi-item summary{cursor:pointer;color:#214d89;font-weight:700}.hwi-private{background:#fffaf0}.hwi-private summary{color:#846119}.hwi-check{display:flex!important;align-items:flex-start;gap:10px}.hwi-check input{width:auto;margin-top:5px}.hwi-summary{border:1px solid #dce6f5;border-radius:14px;padding:18px;margin:16px 0}.hwi-summary h4{margin:0 0 14px}.learning-audio-slot{margin:16px 0}.learning-audio-slot .s4e-media-player{margin:0}.learning-audio-slot audio,.hwi-file audio{display:block;max-width:100%;width:100%;margin-top:12px}.lesson-homework-item+.lesson-homework-item{border-top:1px solid #dce6f5;padding-top:20px;margin-top:22px}.lesson-homework-item h4{margin:0 0 12px}.hwi-upload-status{color:#285bb1}.hwi-item .tiny{line-height:1.6}@media(max-width:650px){.hwi-heading,.hwi-row-head{align-items:flex-start;flex-wrap:wrap}.hwi-item{padding:18px 14px}.hwi-heading>.btn{width:100%}.hwi-item .grid2{grid-template-columns:1fr}.hwi-item details{padding:13px}.hwi-file{padding:12px}.hwi-item button{max-width:100%;white-space:normal}}
.hwi-body[hidden]{display:none!important}.hwi-row-head h4{flex:1;min-width:140px;overflow-wrap:anywhere}.hwi-reuse{display:flex;gap:12px;align-items:flex-end;margin:12px 0 18px}.hwi-reuse>label{flex:1;min-width:0}.hwi-reuse>button{margin-bottom:8px}.homework-task-details>summary{display:inline-block;cursor:pointer;background:#eaf2ff;border-radius:12px;color:#2152a1;font-weight:700;padding:12px 17px;margin:12px 0}.homework-task-details[open]>summary{margin-bottom:22px}@media(max-width:650px){.hwi-row-head h4{flex-basis:100%}.hwi-reuse{align-items:stretch;flex-direction:column}.hwi-reuse>button{align-self:flex-start}}
.learning-audio-slot .s4e-media-player audio[controls]{display:block!important;flex-basis:100%;min-width:0;width:100%}

/* Skill frames retain the same S4E hierarchy while making their purpose explicit. */
.hwi-item,.hwi-plan{border-top:4px solid #2b62b6}.hwi-item[data-skill=writing],.hwi-plan[data-skill=writing]{border-top-color:#c18b15}.hwi-item[data-skill=speaking],.hwi-plan[data-skill=speaking]{border-top-color:#378778}.hwi-item[data-skill=foundation],.hwi-plan[data-skill=foundation]{border-top-color:#6f68a9}.hwi-kind,.hwi-context{color:#28589f;font-size:.75rem;font-weight:800;letter-spacing:.04em}.hwi-kind{display:inline-flex;align-items:center;flex-shrink:0;background:#edf3ff;border:1px solid #d5e4fa;border-radius:8px;padding:7px 10px}.hwi-plan{background:#f9fbff;border-radius:18px;padding:24px!important;margin-bottom:30px!important}.hwi-plan>h3{margin:0 0 8px}.hwi-context{margin:0 0 16px}.hwi-plan .hwi-skill-guide{margin-bottom:22px}.hwi-plan details{margin-top:22px}.hwi-plan input[type=file]{max-width:100%}@media(max-width:650px){.hwi-plan{padding:18px 14px!important}.hwi-kind{font-size:.7rem}.hwi-row-head{gap:10px}}