/* Resource branding and neutral activity markers. Visible names remain the accessible labels. */
.resource-card>h3,.listing>h3{display:flex;align-items:center;gap:.8rem}
.resource-card>h3>.resource-title,.listing>h3>a{min-width:0;flex:1}
.resource-mark{width:2.75rem;height:2.75rem;display:grid;place-items:center;flex:0 0 2.75rem;border-radius:.7rem;background:var(--green-soft,#dfece6);color:var(--green,#28695e)}
.resource-mark svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.resource-mark--grid,.resource-mark--puzzle,.resource-mark--cards,.resource-mark--map{background:#f8e8d2;color:#925014}
.resource-mark--headphones,.resource-mark--music{background:#e8e5f4;color:#554c87}
.resource-mark--phone,.resource-mark--chat,.resource-mark--people,.resource-mark--search{background:#e3ebf1;color:#234451}
.resource-mark--heart,.resource-mark--mail{background:#f6e4df;color:#963023}
.resource-brand{box-sizing:border-box;position:relative;display:grid;place-items:center;flex:0 0 4rem;width:4rem;height:4rem;padding:.3rem;background:#fff;border:1px solid #e6e7e4;border-radius:.4rem}
.resource-brand img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.resource-brand--wide{flex-basis:10rem;width:10rem;height:4.5rem;padding:.5rem}
.resource-brand--dark{background:#203b43;border-color:#203b43}
.resource-brand--dorfromantik{height:6rem;padding:1rem;background:#82bad1;border-color:#82bad1}
/* Frame the blank margins of the owner's original Wordle image; keep the artwork intact. */
.resource-brand--wordle{overflow:hidden}
.resource-brand--wordle img{position:absolute;left:50%;top:50%;width:190%;height:auto;max-width:none;transform:translate(-50%,-60%)}
.resource-brand--small-icon img{width:2rem;height:2rem}
.resource-card>h3.resource-heading--wide,.listing>h3.resource-heading--wide{flex-wrap:wrap;align-items:flex-start}
.resource-card>h3.resource-heading--wide>.resource-title,.listing>h3.resource-heading--wide>a{flex-basis:100%}
.resource-brands{display:flex;align-items:center;gap:.5rem;max-width:100%}
.resource-brands .resource-brand--wide{flex-basis:8rem;width:8rem}
@media(max-width:820px){.resource-mark{width:2.35rem;height:2.35rem;flex-basis:2.35rem}.resource-card>h3,.listing>h3{gap:.65rem}}
@media print{.resource-mark,.resource-brand,.resource-brands{display:none}.resource-card>h3,.listing>h3{display:block}}