/* Selected topic layout A: shared library header and home headings, image-led cards. */
.pomelo-body .topic-catalog .topic-catalog-section{margin:0;padding:0}
.pomelo-body .topic-catalog .topic-catalog-section + .topic-catalog-section{margin-top:56px}
.pomelo-body .topic-catalog .topic-catalog-grid{gap:24px}
.pomelo-body .topic-catalog .topic-card--catalogue{margin:0;padding:0;min-width:0}
.pomelo-body .topic-catalog .topic-card--catalogue .topic-card-link{width:100%;border-radius:12px;border:0;box-shadow:inset 0 0 0 1px #ffffff0b;isolation:isolate;aspect-ratio:16/10;min-height:220px}
.pomelo-body .topic-catalog .topic-card--catalogue .topic-card-content{inset:auto 0 0;display:block;gap:0;padding:64px 22px 22px;background:linear-gradient(180deg,#0000 0%,#0009 39%,#000e 100%)}
.pomelo-body .topic-catalog .topic-card--catalogue .topic-card-content .topic-card-title,.pomelo-body .topic-catalog .topic-card--catalogue .topic-card-link:hover .topic-card-title{margin:0;color:#fff;font-size:20px;font-weight:600;line-height:29px;letter-spacing:.015em;display:block;overflow:visible;max-height:none;white-space:normal;text-wrap:pretty;-webkit-line-clamp:unset;text-shadow:0 1px 3px #0008}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.pomelo-body .topic-catalog .topic-card--catalogue .topic-card-image img{transition:transform .24s ease}.pomelo-body .topic-catalog .topic-card--catalogue .topic-card-link:hover .topic-card-image img{transform:scale(1.025)}}
.pomelo-body .topic-catalog .topic-card--catalogue .topic-card-link:focus-visible{outline:2px solid var(--brand-flesh);outline-offset:4px}
@media(max-width:1023px) and (min-width:768px){.pomelo-body .topic-catalog .topic-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.pomelo-body .topic-catalog .topic-catalog-grid{grid-template-columns:1fr;gap:20px}.pomelo-body .topic-catalog .topic-catalog-section + .topic-catalog-section{margin-top:40px}.pomelo-body .topic-catalog .topic-card--catalogue .topic-card-link{min-height:210px;border-radius:10px}.pomelo-body .topic-catalog .topic-card--catalogue .topic-card-content{padding:56px 20px 20px}.pomelo-body .topic-catalog .topic-card--catalogue .topic-card-content .topic-card-title{font-size:18px;line-height:27px}}
/* A failed cover remains an article card, never a full-size brand/error screen. */
.pomelo-body .topic-catalog .topic-card--catalogue .topic-card-content{z-index:4}
.pomelo-body .topic-catalog .topic-card--catalogue .image-failure{align-items:flex-start;justify-content:flex-start;padding:22px;background:linear-gradient(145deg,#222324,#151617);text-align:left}
.pomelo-body .topic-catalog .topic-card--catalogue .image-failure img{display:none}
.pomelo-body .topic-catalog .topic-card--catalogue .image-failure span{max-width:calc(100% - 76px);color:#ffffff80;font-size:12px;line-height:20px}
.pomelo-body .topic-catalog .topic-card--catalogue>.image-retry{top:12px!important;right:12px;left:auto!important;transform:none;min-width:52px;min-height:40px;padding:6px 12px;border-color:#ffffff1f;border-radius:20px;background:#ffffff08;color:#ffffffbf;font-size:12px}
.pomelo-body .topic-catalog .topic-card--catalogue>.image-retry:hover{background:#ffffff14;color:#fff}
.pomelo-body .topic-catalog .topic-card--catalogue .image-failure~.image-failure,.pomelo-body .topic-catalog .topic-card--catalogue>.image-retry~.image-retry{display:none}