/* Plugin introductions inherit the current site's paper, ink and type scale. */
.yomo-inner .yi-plugin-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.yomo-inner .yi-plugin-card { min-width: 0; margin: 0; border: 1px solid var(--e-line); border-radius: 12px; background: #fbf9f4; overflow: hidden; }
.yomo-inner .yi-plugin-card__link { display: flex; flex-direction: column; height: 100%; color: var(--e-ink); text-decoration: none; }
.yomo-inner .yi-plugin-card__link:focus-visible { outline-offset: -5px !important; }
.yomo-inner .yi-plugin-card__image { aspect-ratio: 16 / 8; overflow: hidden; background: var(--e-deep); }
.yomo-inner .yi-plugin-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.yomo-inner .yi-plugin-card__placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; height: 100%; padding: 24px; color: #e4e6d9; font: 10px/1.8 var(--e-sans); letter-spacing: .16em; }
.yomo-inner .yi-plugin-card__placeholder svg { width: 48px; height: 48px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.yomo-inner .yi-plugin-card__body { display: flex; flex-direction: column; flex: 1; padding: 28px; }
.yomo-inner .yi-plugin-card__eyebrow { margin: 0 0 10px; color: #715b3c; font: 10px/1.8 var(--e-sans); letter-spacing: .12em; }
.yomo-inner #main_content .yi-plugin-card__title { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; font: 400 clamp(21px, 2vw, 26px)/1.7 var(--e-serif); }
.yomo-inner #main_content .yi-plugin-card__title::before,
.yomo-inner #main_content .yi-plugin-card__title::after { display: none; }
.yomo-inner .yi-plugin-card__excerpt { margin: 18px 0 24px; color: var(--e-muted); font: 13px/2 var(--e-serif); overflow-wrap: anywhere; }
.yomo-inner .yi-plugin-card__more { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: auto; padding-top: 18px; border-top: 1px solid var(--e-line); font: 12px/1.8 var(--e-sans); }
.yomo-inner .yi-plugin-card__more svg { width: 32px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.yomo-inner .yi-plugin-card__link:hover .yi-plugin-card__title { text-decoration: underline; text-underline-offset: .2em; }
.yomo-inner .yi-plugins-empty { color: var(--e-muted); font: 14px/2 var(--e-serif); }
.yomo-inner .yi-plugins-pagination { margin-top: 44px; }
.yomo-inner .yi-plugins-pagination .page-numbers { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0; padding: 0; list-style: none; }
.yomo-inner .yi-plugins-pagination li > .page-numbers { display: flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; padding: 8px 14px; border: 1px solid var(--e-line); color: var(--e-ink); font: 12px/1.8 var(--e-sans); text-decoration: none; }
.yomo-inner .yi-plugins-pagination .current { background: var(--e-deep); color: var(--e-paper) !important; }
.yomo-inner .yi-plugins-pagination a:hover { background: var(--e-line); }
.yomo-inner .yi-plugin-featured { margin: 0 0 38px; }
.yomo-inner .yi-plugin-featured img { display: block; width: 100%; height: auto; border-radius: 12px; }
.yomo-inner #main_content .yi-plugin-content { margin-top: 0; }
.yomo-inner .yi-plugin-back { margin-top: 42px; padding-top: 26px; border-top: 1px solid var(--e-line); font: 13px/1.9 var(--e-sans); }
.yomo-inner .yi-plugin-back a { display: inline-flex; align-items: center; gap: 12px; color: var(--e-ink); }
@media (hover: hover) {
	.yomo-inner .yi-plugin-card__link:hover .yi-plugin-card__image img { transform: scale(1.025); }
}
@media (max-width: 760px) {
	.yomo-inner .yi-plugin-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
	.yomo-inner .yi-plugin-card__body { padding: 24px; }
	.yomo-inner .yi-plugin-card__excerpt { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
	.yomo-inner .yi-plugin-card__image img { transition: none; transform: none !important; }
}