.v5-page--examples .v5-examples{padding-top:36px}
.v5-page--examples .v5-examples-intro{margin-bottom:28px}
.v5-task-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.v5-task-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:14px 16px;min-height:158px;border:1px solid var(--v5-line);border-radius:var(--v5-radius);background:var(--v5-bg);color:var(--v5-ink);transition:background-color .22s,border-color .22s}
.v5-task-card .v5-task-art{width:56px;height:56px;flex:none;pointer-events:none}
.v5-task-card>div{min-width:0}
.v5-task-card h3{font-size:15px;line-height:1.35;font-weight:600;letter-spacing:0;text-wrap:initial}
.v5-task-card p{margin-top:5px;font-size:13px;line-height:1.45;color:var(--v5-muted);transition:color .22s}
.v5-task-card:is(:focus-visible,.is-animating){background:var(--task-wash);border-color:var(--task-accent)}
.v5-task-card:is(:focus-visible,.is-animating) p{color:var(--task-caption)}
@media(hover:hover) and (pointer:fine){.v5-task-card:hover{background:var(--task-wash);border-color:var(--task-accent)}.v5-task-card:hover p{color:var(--task-caption)}}
@media(max-width:1100px){.v5-task-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v5-task-card{flex-direction:row;align-items:center;min-height:114px;gap:12px}}
@media(max-width:700px){.v5-page--examples .v5-examples{padding-top:28px}.v5-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v5-task-card{flex-direction:column;align-items:flex-start;gap:8px;padding:12px;min-height:156px}.v5-task-card h3{font-size:14px;line-height:1.35}.v5-task-card p{font-size:13px;line-height:1.4}.v5-task-card .v5-task-art{width:48px;height:48px}.v5-task-card:last-child:nth-child(odd){grid-column:1/-1;flex-direction:row;align-items:center;min-height:86px;gap:14px}}
@media(prefers-reduced-motion:reduce){.v5-task-card,.v5-task-card p{transition:none}}