.task-examples{display:grid;gap:12px;margin:4px 0 22px}
.task-examples[hidden]{display:none}
.task-example-link{display:flex;align-items:center;justify-content:center;min-height:52px;box-sizing:border-box;width:100%;padding:14px 20px;border:1px solid var(--gold);border-radius:12px;background:var(--ink);color:var(--gold);font:inherit;font-size:16px;font-weight:500;line-height:1.45;text-align:center;text-decoration:none;transition:background .15s,border-color .15s}
.task-example-link:hover{background:#263b4a;border-color:#ead5ac;color:var(--gold)}
.task-example-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:650px){.task-example-link{padding:14px 12px}}