/* Guide artwork is decorative; the adjacent title and actions remain semantic. */
.resource-row{grid-template-columns:128px minmax(0,1fr) auto!important}
.resource-cover{position:relative;width:128px;aspect-ratio:3/4;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#fff;box-shadow:0 5px 14px #0b0d1209;color:#0b0d12;isolation:isolate}
.resource-cover img{display:block;width:100%;height:100%;object-fit:cover}
.resource-cover-title{position:absolute;inset:12% 9% auto;font:500 20px/1.12 var(--font-reading,var(--serif));letter-spacing:-.025em;text-wrap:balance}
.resource-cover-imprint{position:absolute;inset:4% 9% auto;font:500 6px/1.2 var(--font-ui,var(--sans));letter-spacing:.12em}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.resource-cover{transition:transform 180ms var(--ease-out,cubic-bezier(.22,1,.36,1))}.resource-row:hover .resource-cover{transform:translateY(-2px)}}
@media(max-width:1000px){.resource-row{grid-template-columns:108px minmax(0,1fr)!important}.resource-cover{width:108px}.resource-cover-title{font-size:18px}.resource-actions{grid-column:2!important}}
@media(max-width:620px){.resource-row{grid-template-columns:80px minmax(0,1fr)!important;gap:16px!important}.resource-cover{width:80px}.resource-cover-title{font-size:13px}.resource-cover-imprint{font-size:5px}.resource-actions{grid-column:1/-1!important}}
@media(max-width:350px){.resource-row{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important}.resource-cover{width:72px}.resource-cover-title{font-size:12px}}
@media(prefers-reduced-motion:reduce){.resource-cover{transform:none!important;transition:none!important}}