.task-material-link{display:block;text-align:left;color:var(--green);width:100%;margin-top:9px;padding:8px 10px;background:#f4f7ef;border-radius:8px;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.task-material-link span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.task-material-link b{display:block;font-size:10px;font-weight:500;margin-top:3px;color:#70835f}
.task-material-link:hover{background:#eaf1df}.task-material-link:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.study-material{border:1px solid var(--line);border-radius:12px;margin:14px 0;padding:17px;overflow-wrap:anywhere}
.study-material h3,.material-steps h3{font-size:14px;margin:0 0 8px}.study-material p{font-size:12px;line-height:1.8;margin:7px 0;color:var(--muted)}
.study-material .material-locator{color:var(--green);font-weight:600}.material-path{font-size:11px;line-height:1.8;background:#f7f8f4;padding:9px 11px;border-radius:6px;margin:12px 0;user-select:all;overflow-wrap:anywhere}
.material-steps{padding:16px 20px;border-radius:12px;background:#f4f7ef}.material-steps ol{font-size:12px;line-height:1.9;padding-left:19px;margin:6px 0}.material-steps li+li{margin-top:5px}
.material-answers{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:700px){.task:has(.task-material-link){flex-wrap:wrap;align-items:flex-start;gap:8px}.task:has(.task-material-link)>.check{margin-top:4px}.task:has(.task-material-link)>.task-main{flex-basis:calc(100% - 32px)}.task:has(.task-material-link)>.task-min{margin-left:30px}.task:has(.task-material-link)>.task-play{margin-left:auto}.study-material{padding:14px}.material-steps{padding:14px}.study-material .fields-inline{gap:14px}}