.sh-page{gap:20px;width:min(1120px,100% - 32px);margin:0 auto;padding:clamp(20px,4vw,40px) 0 clamp(28px,6vw,56px);display:grid}.sh-hero{padding:clamp(20px,3.5vw,32px)}.sh-kicker{color:var(--accent);font:850 .68rem/1 var(--font-geist-mono), monospace;letter-spacing:.09em;margin:0}.sh-hero h1{letter-spacing:-.01em;word-break:keep-all;margin:10px 0 8px;font-size:clamp(1.6rem,5vw,2.4rem);line-height:1.15}.sh-hero p{max-width:62ch;color:var(--muted);word-break:keep-all;margin:0;line-height:1.6}.sh-hero p b{color:var(--foreground)}.sh-section{gap:12px;display:grid}.sh-section-head{padding:4px 2px 0}.sh-section-head h2{letter-spacing:-.02em;margin:7px 0 0;font-size:clamp(1.15rem,3vw,1.45rem)}.sh-section-head p{max-width:62ch;color:var(--muted);word-break:keep-all;margin:6px 0 0;font-size:.8rem;line-height:1.65}.sh-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.sh-card{border:var(--pixel) solid var(--border-strong);background:var(--surface);color:inherit;grid-template-rows:auto 1fr;gap:0;text-decoration:none;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end);display:grid;overflow:hidden}.sh-card:hover,.sh-card:focus-visible{box-shadow:4px 4px 0 var(--pixel-shadow-accent,var(--pixel-shadow));transform:translate(-2px,-2px)}.sh-card:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.sh-card:hover .sh-card-title{color:var(--accent)}.sh-thumb{aspect-ratio:16/9;border-bottom:var(--pixel) solid var(--border-strong);background:var(--surface-2)}.sh-card-body{align-content:start;gap:6px;padding:12px 13px 14px;display:grid}.sh-card-meta{color:var(--muted);font:750 .66rem/1 var(--font-geist-mono), monospace;align-items:center;gap:7px;display:flex}.sh-badge{border:var(--pixel) solid var(--border-strong);color:var(--foreground);padding:3px 6px}.sh-badge[data-ordered=true]{border-color:var(--accent);color:var(--accent)}.sh-card-title{word-break:keep-all;margin:0;font-size:.95rem;line-height:1.35}.sh-card-tagline{color:var(--muted);word-break:keep-all;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.75rem;line-height:1.55;display:-webkit-box;overflow:hidden}.sh-card-first{color:var(--muted);word-break:keep-all;margin:2px 0 0;font-size:.7rem;line-height:1.45}.sh-card-first b{color:var(--foreground);font-weight:700}.sh-loose{padding:clamp(16px,3vw,24px)}.sh-loose h2{margin:8px 0 6px;font-size:1.05rem}.sh-loose p{color:var(--muted);word-break:keep-all;margin:0;font-size:.8rem;line-height:1.65}.sh-loose a{color:var(--accent);font-weight:800;text-decoration:none}.sh-loose a:hover,.sh-loose a:focus-visible{text-decoration:underline}@media (max-width:480px){.sh-page{width:min(100% - 24px,1120px)}.sh-grid{grid-template-columns:1fr;gap:10px}.sh-card-title{font-size:.88rem}}