.writing-credit-date { display: inline-flex; align-items: center; flex-wrap: wrap; gap: .65rem; }
.card-topline .writing-credit-date { align-items: flex-end; flex-direction: column; gap: .35rem; }
.writing-credit { position: relative; display: inline-flex; align-items: center; width: max-content; padding: .25rem .55rem; border: 1px solid currentColor; border-radius: 100px; color: #365d4b; background: #eff7f1; cursor: help; font-family: var(--wp--preset--font-family--mono, monospace); font-size: .65rem; font-weight: 600; line-height: 1.2; letter-spacing: 0; text-transform: none; white-space: nowrap; }
.writing-credit--ai { color: #5b4a80; background: #f3effc; }
.writing-credit:focus-visible { outline: 2px solid var(--accent, #e65f48); outline-offset: 3px; }
.writing-credit__tooltip { position: absolute; z-index: 30; top: calc(100% + 8px); left: 0; width: max-content; max-width: min(280px, calc(100vw - 48px)); padding: .65rem .8rem; border-radius: 5px; color: #fff; background: #152726; box-shadow: 0 8px 22px #15272630; cursor: default; font-family: var(--wp--preset--font-family--sans, sans-serif); font-size: .78rem; font-weight: 400; line-height: 1.45; letter-spacing: 0; text-align: left; text-transform: none; white-space: normal; opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .15s ease, transform .15s ease, visibility .15s ease; pointer-events: none; }
.card-topline .writing-credit__tooltip { right: 0; left: auto; }
.writing-credit:hover .writing-credit__tooltip,
.writing-credit:focus .writing-credit__tooltip { opacity: 1; visibility: visible; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) { .writing-credit__tooltip { transition: none; } }