/* Dynamic featured section only. Uses the landing page's Ghost-controlled colors. */
.eh-featured-status { margin-top: 22px; color: var(--eh-muted); font-size: 11px; }
.eh-featured-status:empty { display: none; }
.eh-featured-placeholder { height: 405px; background: var(--eh-surface); border: 1px solid var(--eh-line); border-radius: 2px; }
.eh-featured-empty { grid-column: 1 / -1; padding: 27px; border: 1px solid var(--eh-line); font-size: 13px; color: var(--eh-muted); }
.eh-featured-empty a { color: var(--eh-ink); text-decoration: underline; text-underline-offset: 4px; }
.eh-featured-verified { position: absolute; top: 15px; right: 15px; background: var(--eh-accent); color: var(--eh-on-accent); border-radius: 2px; padding: 5px 10px; font-size: 9px; font-weight: 700; }
.eh-featured-photo-fallback { width: 100%; height: 100%; display: grid; place-items: center; background: var(--eh-surface); color: var(--eh-muted); font-family: var(--eh-heading-font); font-size: 54px; letter-spacing: -.04em; }
.eh-featured-photo-fallback[hidden] { display: none; }
.eh-featured-meta { overflow-wrap: anywhere; }
[data-eh-featured] .eh-talent-tag { max-width: calc(100% - 112px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1180px) { .eh-featured-placeholder { height: 370px; } }
@media (max-width: 980px) { .eh-featured-placeholder { height: 330px; } }
@media (max-width: 760px) { .eh-featured-placeholder { height: 410px; } .eh-featured-placeholder:nth-child(n+2) { display: none; } }