/* Category tag on a card photo, top left: blog, topic pages, news, landlord library, Keep learning and Keep reading cards.
   Lime from the tag palette with dark bold capitals; data-tone="info" (blue) and "brand" (pink) for the other palette fills. */
:is(.bi-media, .th-media, .rc-card-media, .rc-feature-media, .kl-cover, .res-card-media):has(> .pub-photo-tag) { position:relative; }
.pub-photo-tag { position:absolute; top:12px; left:12px; z-index:1; display:inline-flex; align-items:center; min-height:26px; max-width:calc(100% - 24px);
  padding:3px 9px; border-radius:4px; background:#D1F48C; color:#1B1C1A; font:700 12px/1.25 "Open Sans", sans-serif; letter-spacing:.05em;
  text-transform:uppercase; text-align:left; white-space:normal; pointer-events:none; }
.pub-photo-tag[data-tone="info"] { background:#C3DBFF; }
.pub-photo-tag[data-tone="brand"] { background:#FFB8FC; }