/* Compact resource rows adapted from HeroUI v3 Card (Apache-2.0).
 * Original dark surface, foreground/muted tokens, 24px radius and Inter typography.
 * Layout adapted for resource previews and metadata.
 */
.resource-cards.yatochka-list { gap:8px; }
.resource-cards .yatochka-list-card {
 display:grid; grid-template-columns:72px minmax(0,1fr) max-content; align-items:center; gap:12px;
 padding:8px 12px; border:0; border-radius:24px;
 background:oklch(.2103 .0059 285.89); color:oklch(.9911 0 0);
 font:400 15px/22px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif;
 box-shadow:0 0 0 0 transparent inset; transition:background-color 150ms ease;
 opacity:1; transform:none; min-width:0;
}
.resource-cards .yatochka-list-card:hover { transform:none; box-shadow:none; background:color-mix(in oklab,oklch(.2103 .0059 285.89) 96%,oklch(.9911 0 0) 4%); }
.resource-cards .yatochka-list-icon { width:72px; height:72px; border-radius:12px; box-shadow:none; }
.resource-cards .yatochka-list-icon img { border-radius:12px; }
.resource-cards .yatochka-list-body { gap:4px; min-width:0; }
.resource-cards .yatochka-list-title { gap:6px; line-height:24px; }
.resource-cards .yatochka-list-title > a { font:500 16px/24px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; color:oklch(.9911 0 0); letter-spacing:normal; overflow-wrap:anywhere; }
.resource-cards .yatochka-author-inline { font:400 13px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; color:oklch(70.5% .015 286.067); }
.resource-cards .yatochka-author-label, .resource-cards .yatochka-author-link { font:inherit; letter-spacing:normal; color:inherit; }
.resource-cards .yatochka-author-link:hover { color:oklch(.9911 0 0); }
.resource-cards .yatochka-list-description {
 font:400 15px/22px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; color:oklch(70.5% .015 286.067);
 margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.resource-cards .yatochka-list-tags { align-items:center; gap:8px 16px; }
.resource-cards .yatochka-category-inline { font:400 13px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; color:oklch(70.5% .015 286.067); padding:0; }
.resource-cards .yatochka-category-inline i { font-size:12px; color:inherit; }
.resource-cards .yatochka-list-stats {
 display:grid; grid-column:auto; grid-row:auto; grid-template-columns:auto auto; align-items:center; justify-content:end; align-self:start;
 gap:4px 12px; margin-left:0; padding-top:2px; font:400 13px/20px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif;
 color:oklch(70.5% .015 286.067); text-align:left;
}
.resource-cards .yatochka-list-stats .stat { display:inline-flex; gap:4px; font:inherit; color:inherit; }
.resource-cards .yatochka-list-stats .updated { grid-column:1 / -1; justify-self:end; }
.resource-cards .yatochka-list-stats .stat i { font-size:12px; color:inherit; }
.resource-cards .yatochka-version { font:500 11px/16px BronzCategoryInter,ui-sans-serif,system-ui,sans-serif; letter-spacing:normal; padding:2px 8px; }
@media(max-width:575px) {
 .resource-cards .yatochka-list-card { grid-template-columns:56px minmax(0,1fr) minmax(80px,max-content); padding:8px; gap:10px; text-align:left; }
 .resource-cards .yatochka-list-icon { width:56px; height:56px; }
 .resource-cards .yatochka-list-stats { grid-column:auto; grid-row:auto; gap:4px 8px; font-size:12px; max-width:110px; }
 .resource-cards .yatochka-list-stats .updated { white-space:normal; text-align:right; }
 .resource-cards .yatochka-list-title { gap:0 6px; }
}
@media(prefers-reduced-motion:reduce) { .resource-cards .yatochka-list-card { transition:none; } }