/* Share & Tell: approved 10-Day AI Challenge grad carousels, shown on /10dayjoin above the Wave 1 quotes. */
.td-grads{background:#f8f6ef;padding:0 0 clamp(28px,4vw,44px)}
.td-grads[hidden]{display:none}
.td-grads .td-label{color:#4f573d;margin-bottom:16px}
.grads-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,320px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 12px 14px 2px}
.grad{all:unset;cursor:pointer;scroll-snap-align:start;display:grid;gap:8px}
.grad img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:14px;box-shadow:0 18px 36px -20px rgba(40,46,24,.55);transition:transform .15s ease}
.grad:hover img{transform:translate(-2px,-2px)}
.grad:focus-visible img{outline:3px solid #1b1b19;outline-offset:2px;border-radius:12px}
.grad-name{font:400 1.25rem/1.2 "Playfair Display",Georgia,serif;color:#1b1b19}
.grad-title{font:500 11px/1.3 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#7a776f}
.grads-dialog{border:1px solid #1b1b19;border-radius:18px;padding:0;width:min(540px,94vw);background:#f8f6ef;color:#1b1b19}
.grads-dialog::backdrop{background:rgba(27,27,25,.72)}
.grads-dlg-strip{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory}
.grads-dlg-strip img{width:100%;height:auto;aspect-ratio:4/5;display:block;scroll-snap-align:start}
.grads-dlg-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid #1b1b19;font:400 13px "DM Sans",system-ui,sans-serif}
.grads-dlg-bar button{font:600 13px "DM Sans",system-ui,sans-serif;border:1px solid #1b1b19;background:#fff;border-radius:999px;padding:8px 16px;cursor:pointer}
@media (prefers-reduced-motion:reduce){.grad img{transition:none}}