/* Linked work, not a substitute for any demo owner. */
.showcase{padding:18px 0 45px}.showcase-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.showcase-head p{margin:3px 0 0;color:var(--muted);font-size:.81rem}.showcase-actions{display:flex;gap:8px;flex:none}.showcase-actions button{height:44px;width:44px;border:1px solid var(--forest);color:var(--forest);background:transparent;font-size:1.35rem;cursor:pointer}.showcase-actions button:hover{background:var(--forest);color:var(--white)}.showcase-scroll{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:0;scroll-snap-type:x mandatory;padding-bottom:19px;scrollbar-width:thin}.showcase-card{scroll-snap-align:start;min-width:min(80vw,440px);max-width:440px;flex:0 0 auto;display:block;text-decoration:none;background:var(--white);border:1px solid var(--line);transition:transform .2s,border-color .2s}.showcase-card:hover{transform:translateY(-4px);border-color:var(--rust)}.showcase-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--line)}.showcase-card .card-body{padding:19px 21px 21px}.showcase-card .card-type{font-size:.7rem;color:var(--rust);font-weight:750;letter-spacing:.12em;text-transform:uppercase}.showcase-card strong{display:block;font:500 1.6rem/1.13 Georgia,serif;letter-spacing:-.035em;margin:8px 0 10px}.showcase-card .summary{display:block;color:var(--muted);font-size:.84rem;margin-bottom:12px}.showcase-card .cta{font-size:.77rem;font-weight:750}.showcase-note{font-size:.73rem;color:var(--muted);margin:0}@media(max-width:620px){.showcase-head{align-items:flex-start}.showcase-card{min-width:81vw}.showcase-card strong{font-size:1.39rem}}

/* Showcase's runnable applications and maintained guides have distinct owners. */
.experience-subhead{font:500 clamp(22px,2.8vw,32px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:29px 0 6px;color:var(--forest)}
.experience-subhead.smaller{margin-top:49px}
.experience-subcopy{font-size:.82rem;color:var(--muted);margin:0 0 18px;max-width:760px}

.showcase-actions button:disabled{opacity:.35;cursor:default;background:transparent;color:var(--forest)}
.showcase-actions button:focus-visible,.showcase-scroll:focus-visible{outline:3px solid var(--rust);outline-offset:4px}
.showcase-card{display:flex;flex-direction:column}
.showcase-card .card-body{display:flex;flex-direction:column;flex:1;min-height:220px}
.showcase-card .cta{margin-top:auto;padding-top:12px}
@media(prefers-reduced-motion:reduce){.showcase-card{transition:none}.showcase-card:hover{transform:none}.showcase-scroll{scroll-behavior:auto}}