.pin-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 12px; position: relative; z-index: 1; }
.pin-tags span { display: inline-block; padding: 3px 6px; border-radius: 4px; background: #fff9; color: #425247; font: 500 9px/1.15 var(--mono); letter-spacing: 0; text-transform: none; overflow-wrap: anywhere; }
.note-pin.pin-has-tags { padding-bottom: 15px; }
.note-pin.pin-has-tags > span { position: static; display: block; margin-top: 12px; }
.action-pin.pin-has-tags { flex-wrap: wrap; }
.action-pin.pin-has-tags .pin-tags { width: 100%; margin-top: 0; }
.image-pin.pin-has-tags { display: flex; flex-direction: column; justify-content: end; gap: 8px; padding: 15px 11px 11px; }
.image-pin.pin-has-tags p { position: relative; left: auto; bottom: auto; z-index: 1; }
.image-pin.pin-has-tags .pin-tags { margin: 0; }
.image-pin .pin-tags span { background: #fffde8; }
.link-pin.pin-has-tags .pin-tags { margin-top: 12px; }
.mantra-pin.pin-has-tags .pin-tags { margin-top: 9px; }
#pinTags { width: 100%; }
#pinDialog .tag-hint { color: var(--muted); font: 11px/1.35 var(--sans); letter-spacing: 0; }
.release-pin { min-height: 145px; border-radius: 7px; padding: 15px; background: #dce7eb; color: #3c5960; display: flex; flex-direction: column; justify-content: space-between; }
.release-pin:before { content: 'RELEASE'; font: 500 9px var(--mono); letter-spacing: 1px; color: #617c82; }
.release-pin p { font: 500 19px/1.25 var(--serif); margin: 17px 0; }
.release-pin:after { content: 'Letting go makes room.'; font: 500 10px var(--sans); color: #6a7e80; }
@media (max-width: 380px) { #pinTags { font-size: 16px; } }