.sl-task{margin-block:2rem;background:var(--color-brand-surface);border:1px solid var(--color-brand-border);border-radius:1rem;padding:1.5rem}.sl-task__head{display:grid;grid-template-columns:auto 1fr auto;gap:.85rem;align-items:start;margin-bottom:1.25rem}.sl-task__num{flex-shrink:0;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:oklch(from var(--color-brand-primary) 50% c h);color:#fff;font-weight:700;font-size:1rem}.sl-task__head-text{min-width:0}.sl-task__title{font-size:1.2rem;margin:0 0 .25rem;font-weight:700}.sl-task__context{color:var(--color-brand-muted);font-size:.92rem;margin:0;line-height:1.45}.sl-task__chip{flex-shrink:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .55rem;background:#f0f2f5;border:1px solid var(--color-brand-border);border-radius:999px;color:var(--color-brand-muted)}.sl-task__body{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:48rem){.sl-task__body{grid-template-columns:1fr}}.sl-task__edit{display:flex;flex-direction:column;gap:.5rem}.sl-task__label{font-size:.78rem;font-weight:600;color:var(--color-brand-muted);text-transform:uppercase;letter-spacing:.05em}.sl-task__input{width:100%;padding:.7rem .9rem;border:1px solid var(--color-brand-border);border-radius:.6rem;font-family:inherit;font-size:1rem;background:#f6f9fc;color:var(--color-brand-foreground);resize:vertical}.sl-task__input:focus{outline:2px solid oklch(from var(--color-brand-primary) l c h / .4);outline-offset:1px;background:var(--color-brand-surface)}.sl-task__meter{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;font-size:.78rem}.sl-task__metric{color:var(--color-brand-muted);padding:.15rem .5rem;background:#f0f2f5;border-radius:.3rem;font-variant-numeric:tabular-nums}.sl-task__metric--score{margin-left:auto;font-weight:700;color:var(--color-brand-foreground);background:var(--color-brand-surface);border:1px solid var(--color-brand-border)}.sl-task__metric--score[data-tier=good]{color:oklch(from var(--color-brand-success) 35% c h);background:oklch(from var(--color-brand-success) l c h / .1);border-color:oklch(from var(--color-brand-success) l c h / .3)}.sl-task__metric--score[data-tier=meh]{color:oklch(from var(--color-brand-warning) 35% c h);background:oklch(from var(--color-brand-warning) l c h / .1);border-color:oklch(from var(--color-brand-warning) l c h / .3)}.sl-task__metric--score[data-tier=bad]{color:oklch(from var(--color-brand-destructive) 38% c h);background:oklch(from var(--color-brand-destructive) l c h / .08);border-color:oklch(from var(--color-brand-destructive) l c h / .3)}.sl-task__feedback{background:#f6f9fc;border:1px solid var(--color-brand-border);border-radius:.6rem;padding:.85rem 1rem;min-height:6rem;display:flex;flex-direction:column;gap:.4rem}.sl-task__feedback-empty{color:var(--color-brand-muted);font-style:italic;font-size:.85rem;margin:0}.sl-task__feedback ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.sl-task__feedback li{display:flex;gap:.5rem;align-items:flex-start;font-size:.85rem;line-height:1.4}.sl-task__feedback li[data-status=good]{color:oklch(from var(--color-brand-success) 30% c h)}.sl-task__feedback li[data-status=bad]{color:oklch(from var(--color-brand-destructive) 38% c h)}.sl-task__feedback li[data-status=hint]{color:oklch(from var(--color-brand-warning) 30% c h)}.sl-task__feedback-icon{flex-shrink:0;margin-top:.05em}.sl-task__alt-preview{width:100%;margin-bottom:.5rem}.sl-task__alt-img{width:100%;aspect-ratio:16 / 9;border-radius:.5rem;background:linear-gradient(135deg,#2b88c0,oklch(75% .15 200));position:relative}.sl-task__alt-img:after{content:"☀";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3rem}.sl-task__examples{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--color-brand-border)}.sl-task__examples summary{cursor:pointer;font-size:.85rem;color:var(--color-brand-muted);font-weight:600;list-style:none;display:flex;align-items:center;gap:.4rem}.sl-task__examples summary:before{content:"▶";font-size:.7em;transition:transform .15s}.sl-task__examples[open] summary:before{transform:rotate(90deg)}.sl-task__examples ul{list-style:none;margin:.7rem 0 0;padding:0;display:flex;flex-direction:column;gap:.3rem}.sl-task__examples code{background:#f0f2f5;padding:.25rem .5rem;border-radius:.3rem;font-size:.85rem}.sl-task__rules{margin:.85rem 0 0;font-size:.82rem;color:var(--color-brand-muted);line-height:1.5}.sl-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.sl-rules li{display:flex;gap:.7rem;align-items:flex-start;font-size:.95rem;line-height:1.5}