.card[data-astro-cid-iyiqi2so]{position:relative;display:flex;flex-direction:column;background:var(--surface);border:2px solid var(--ink-line);border-radius:var(--radius);box-shadow:var(--shadow-pop);transition:transform .16s ease,box-shadow .16s ease;height:100%}.card[data-astro-cid-iyiqi2so]:hover{transform:translate(-2px,-3px) rotate(-.4deg);box-shadow:7px 8px 0 var(--cat)}.card__cover-link[data-astro-cid-iyiqi2so]{position:absolute;inset:0;z-index:3;border-radius:var(--radius)}.card__cover-link[data-astro-cid-iyiqi2so]:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.card__thumb[data-astro-cid-iyiqi2so]{aspect-ratio:16 / 9;background:var(--bg-subtle);border-radius:calc(var(--radius) - 4px) calc(var(--radius) - 4px) 0 0;overflow:hidden;border-bottom:2px solid var(--ink-line)}.card__thumb[data-astro-cid-iyiqi2so] img[data-astro-cid-iyiqi2so]{width:100%;height:100%;object-fit:cover}.card__topline[data-astro-cid-iyiqi2so]{display:flex;align-items:center;gap:8px;padding:12px 14px 0}.card__cat[data-astro-cid-iyiqi2so]{display:inline-flex;align-items:center;padding:5px 12px;font-family:var(--font-display);font-weight:800;font-size:.74rem;line-height:1;color:#fff;background:var(--cat);border-radius:var(--radius-pill);transform:rotate(-2deg)}.card__new[data-astro-cid-iyiqi2so]{display:inline-flex;align-items:center;padding:4px 9px;font-family:var(--font-display);font-weight:800;font-size:.68rem;letter-spacing:.04em;line-height:1;color:var(--pop-ink);background:var(--pop);border:1.5px solid var(--ink-line);border-radius:var(--radius-pill);transform:rotate(3deg)}.card__body[data-astro-cid-iyiqi2so]{display:flex;flex-direction:column;gap:9px;padding:10px 16px 16px;flex:1}.card__rank[data-astro-cid-iyiqi2so]{font-family:var(--font-display);font-weight:800;font-size:1.4rem;line-height:1;color:var(--cat);-webkit-text-stroke:1px var(--ink-line)}.card__title[data-astro-cid-iyiqi2so]{margin:0;font-size:1.06rem;line-height:1.5;color:var(--fg);font-weight:800}.card--featured[data-astro-cid-iyiqi2so] .card__title[data-astro-cid-iyiqi2so]{font-size:clamp(1.2rem,3.4vw,1.5rem)}.card[data-astro-cid-iyiqi2so]:hover .card__title[data-astro-cid-iyiqi2so]{color:var(--cat)}.card__desc[data-astro-cid-iyiqi2so]{margin:0;font-size:.87rem;line-height:1.75;color:var(--fg-muted);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card--featured[data-astro-cid-iyiqi2so] .card__desc[data-astro-cid-iyiqi2so]{-webkit-line-clamp:4;line-clamp:4}.card__foot[data-astro-cid-iyiqi2so]{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:8px}.card__tags[data-astro-cid-iyiqi2so]{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.card__tags[data-astro-cid-iyiqi2so] li[data-astro-cid-iyiqi2so]{font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--fg-muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 9px}.card__meta[data-astro-cid-iyiqi2so]{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.72rem;color:var(--fg-faint)}.card__read[data-astro-cid-iyiqi2so]{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:var(--fg-muted)}.card__read-icon[data-astro-cid-iyiqi2so]{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;flex:none}@media(min-width:680px){.card--featured[data-astro-cid-iyiqi2so]{display:grid;grid-template-columns:1.15fr 1fr;grid-template-areas:"topline side" "body    side";align-items:stretch}.card--featured[data-astro-cid-iyiqi2so] .card__cover-link[data-astro-cid-iyiqi2so]{border-radius:var(--radius)}.card--featured[data-astro-cid-iyiqi2so] .card__thumb[data-astro-cid-iyiqi2so]{display:none}.card--featured[data-astro-cid-iyiqi2so] .card__topline[data-astro-cid-iyiqi2so]{grid-area:topline}.card--featured[data-astro-cid-iyiqi2so] .card__body[data-astro-cid-iyiqi2so]{grid-area:body}.card--featured[data-astro-cid-iyiqi2so]:after{content:"PICK UP";grid-area:side;display:grid;place-items:center;margin:14px 14px 14px 0;border-radius:var(--radius-sm);border:2px solid var(--ink-line);font-family:var(--font-display);font-weight:800;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:.06em;color:color-mix(in srgb,var(--cat) 60%,var(--fg));background:radial-gradient(circle at 22% 24%,color-mix(in srgb,var(--cat) 42%,transparent),transparent 45%),radial-gradient(circle at 82% 78%,color-mix(in srgb,var(--pop) 45%,transparent),transparent 42%),var(--surface);transform:rotate(-1.5deg)}}