.guest-directory-tabs .route-tab { flex: 1 1 0; }
.guest-directory-summary { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; margin-block: 1rem; color: var(--sb-muted); font-size: .85rem; }
.guest-directory-summary a { display: inline-flex; align-items: center; gap: .3rem; }
.guest-directory-summary > p { display: inline-flex; align-items: center; gap: .4rem; }
.guest-directory-tools, .guest-card-header-actions, .guest-card-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.guest-directory-tools { position: relative; }
.guest-envelope-create-card .ui-help-body { white-space: pre-line; }
.guest-card-header-actions { flex-wrap: nowrap; margin-left: auto; }
.guest-card-actions { justify-content: flex-end; margin-top: .8rem; }
.guest-icon-action, .inline-card-help > summary { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; min-width: 44px; padding: 0; border: 1px solid var(--sb-line); border-radius: .75rem; color: var(--sb-gold-deep); background: #fffdf9; text-decoration: none; cursor: pointer; }
.guest-icon-action:hover, .inline-card-help > summary:hover { color: #664315; background: #f7edda; }
.guest-envelope-copy-action { width: auto; gap: .4rem; padding-inline: .75rem; font-size: .85rem; white-space: nowrap; }
.guest-icon-action-primary { color: #fffdf9; background: var(--sb-gold-deep); border-color: var(--sb-gold-deep); }
.guest-icon-action-primary:hover { color: #fffdf9; background: #664315; }
.inline-card-help, .guest-information { position: relative; flex-shrink: 0; }
.inline-card-help[open], .guest-information[open] { z-index: 40; }
.inline-card-help > summary, .guest-information > summary { list-style: none; }
.inline-card-help > summary::-webkit-details-marker, .guest-information > summary::-webkit-details-marker { display: none; }
.inline-card-help-content, .guest-information-content { position: absolute; top: calc(100% + .4rem); right: 0; width: min(20rem, calc(100vw - 4rem)); margin: 0; padding: .9rem 1rem; border: 1px solid var(--sb-line); border-radius: .8rem; color: var(--sb-muted); background: #fffdf9; box-shadow: 0 8px 28px rgb(78 55 22 / 14%); font-size: .82rem; line-height: 1.7; }
.guest-information { position: static; }
.guest-information-content { right: auto; left: 0; top: auto; bottom: calc(100% + .4rem); z-index: 40; }
.guest-card-meta { display: grid; gap: .55rem; margin-block: .5rem 0; font-size: .85rem; color: var(--sb-muted); }
.guest-meta-row { display: flex; align-items: flex-start; gap: .6rem; min-width: 0; }
.guest-meta-row > .icon { flex-shrink: 0; width: 1rem; height: 1rem; margin-top: .2rem; }
.guest-meta-row > :last-child { min-width: 0; overflow-wrap: anywhere; }
.guest-card-meta .guest-meta-row { margin: 0; }
.guest-line-attribution .guest-meta-row { justify-content: flex-end; }
.guest-print-toggle { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex-shrink: 0; }
.guest-card-header-actions > label.guest-print-toggle { display: inline-flex; margin: 0; border: 0; background: transparent; }
.guest-print-toggle > input.form-check-input[type="checkbox"] { appearance: none; position: absolute; inset: 0; width: 44px; height: 44px; margin: 0; border: 1px solid var(--sb-line); border-radius: .75rem; background: #fffdf9; cursor: pointer; }
.guest-print-toggle > input.form-check-input:checked { border-color: var(--sb-gold-deep); background: #f2e4c8; box-shadow: inset 0 0 0 2px var(--sb-gold-deep); }
.guest-print-toggle input:disabled { opacity: .4; cursor: not-allowed; }
.guest-print-toggle > .icon { position: relative; pointer-events: none; color: var(--sb-gold-deep); }
.guest-print-toggle input:disabled ~ .icon { opacity: .4; }
.guest-search-wrap { position: relative; }
.guest-search-capsule { display: grid; grid-template-columns: minmax(0, 1fr) 48px 48px; min-width: 0; border: 1px solid var(--sb-line); border-radius: 999px; background: #fffdf9; }
.guest-search-capsule-line { position: relative; grid-template-columns: minmax(0, 1fr) 48px; }
.guest-search-capsule-line > .search-popup-field { position: static; }
.guest-search-capsule-line > .guest-search-action { border-radius: 0 999px 999px 0; }
.guest-search-capsule:focus-within { border-color: #b48c50; box-shadow: 0 0 0 3px rgb(180 140 80 / 15%); }
.guest-search-capsule .form-control { min-width: 0; min-height: 50px; padding-inline: 1rem .25rem; border: 0; border-radius: 999px 0 0 999px; background: transparent; box-shadow: none; }
.guest-search-action { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 50px; padding: .5rem; color: var(--sb-gold-deep); border: 0; border-left: 1px solid var(--sb-line); background: transparent; text-decoration: none; }
.guest-search-action:hover { color: #664315; background: #f7edda; }
.guest-search-add { border-radius: 0 999px 999px 0; }
.guest-search-popup { position: absolute; inset: calc(100% + .45rem) 0 auto; z-index: 30; max-height: min(22rem, 50vh); overflow-y: auto; padding: .35rem; border: 1px solid var(--sb-line); border-radius: .8rem; background: #fffdf9; box-shadow: 0 8px 28px rgb(78 55 22 / 14%); }
.guest-search-option { display: flex; align-items: center; min-height: 44px; padding: .65rem .8rem; border-radius: .5rem; color: var(--sb-ink); text-decoration: none; overflow-wrap: anywhere; }
.guest-search-option:hover, .guest-search-option.is-active { color: var(--sb-gold-deep); background: #f7edda; }
.guest-search-option:focus-visible { outline-offset: -3px; }
.guest-line-list { display: grid; gap: .75rem; margin-bottom: 1.5rem; }
.guest-line-row { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: .6rem; padding: .9rem 1.1rem; }
.guest-line-overview { grid-column: 1; display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: .55rem; min-width: 0; }
.guest-line-person { display: flex; align-items: flex-start; gap: .75rem; min-width: 0; }
.guest-line-person-content { flex: 1 1 auto; min-width: 0; }
.guest-line-person-content::before { float: right; width: 8rem; height: 3rem; content: ''; }
.guest-line-attribution { display: flex; align-items: flex-start; flex-wrap: wrap; gap: .35rem 1rem; min-width: 0; padding-left: calc(32px + .75rem); text-align: left; }
.guest-line-attribution .guest-meta-row { justify-content: flex-start; }
.guest-line-envelope { clear: both; display: flex; align-items: flex-start; gap: .35rem; margin-top: .4rem; font-size: .8rem; overflow-wrap: anywhere; }
.guest-line-envelope > .icon { flex-shrink: 0; margin-top: .15rem; }
.guest-line-actions-disclosure { position: absolute; top: .7rem; right: .75rem; z-index: 20; min-width: 0; }
.guest-line-actions-disclosure[open] { position: static; grid-column: 1 / -1; z-index: auto; width: 100%; }
.guest-line-actions-toggle { display: flex; align-items: center; justify-content: space-between; gap: .5rem; min-width: 7.75rem; min-height: 44px; padding: .5rem .65rem; border: 1px solid var(--sb-line); border-radius: .7rem; color: var(--sb-gold-deep); background: #fffdf9; box-shadow: 0 3px 12px rgb(78 55 22 / 6%); list-style: none; cursor: pointer; font-size: .82rem; font-weight: 600; }
.guest-line-actions-toggle::marker { display: none; content: ''; }
.guest-line-actions-toggle::-webkit-details-marker { display: none; }
.guest-line-actions-toggle > span { display: inline-flex; align-items: center; gap: .4rem; }
.guest-line-actions-toggle > .icon { flex-shrink: 0; transition: transform .18s ease; }
.guest-line-actions-toggle:hover { background: var(--sb-gold-light); }
.guest-line-actions-toggle:focus-visible { outline: 2px solid var(--sb-gold-deep); outline-offset: 2px; }
.guest-line-actions-disclosure[open] > .guest-line-actions-toggle { position: absolute; top: .7rem; right: .75rem; z-index: 45; border-color: #b48c50; background: var(--sb-gold-light); }
.guest-line-actions-disclosure[open] > .guest-line-actions-toggle > .icon { transform: rotate(180deg); }
.guest-line-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; width: 100%; min-width: 0; padding: .55rem; border: 1px solid var(--sb-line); border-radius: .8rem; background: #faf6ee; }
.guest-line-actions > :only-child { grid-column: 1 / -1; }
.guest-line-action { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; width: 100%; min-width: 0; min-height: 44px; padding: .55rem .7rem; line-height: 1.35; white-space: normal; }
.guest-envelope-link-action { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; gap: .4rem; min-height: 44px; white-space: nowrap; }
.guest-line-action.guest-envelope-link-action { white-space: normal; }
.guest-envelope-money { display: grid; gap: .4rem; min-width: 0; }
.guest-envelope-money-status { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem .5rem; min-width: 0; }
.guest-envelope-money-primary { color: var(--sb-gold-deep); font-size: .92rem; font-variant-numeric: tabular-nums; }
.guest-envelope-money-count { display: inline-flex; align-items: center; gap: .35rem; color: var(--sb-gold-deep); font-size: .82rem; }
.guest-envelope-money-count > .icon, .guest-envelope-money-empty > .icon, .guest-envelope-link-status .icon { flex-shrink: 0; width: 1rem; height: 1rem; }
.guest-envelope-money-empty, .guest-envelope-link-status > span { display: inline-flex; align-items: center; gap: .35rem; color: var(--sb-muted); font-size: .75rem; }
.guest-envelope-money-status .badge { max-width: 100%; white-space: normal; text-align: left; font-size: .75rem; line-height: 1.35; font-variant-numeric: tabular-nums; }
.guest-envelope-money-breakdown { display: flex; flex-wrap: wrap; gap: .25rem .7rem; color: var(--sb-muted); font-size: .72rem; font-variant-numeric: tabular-nums; }
.guest-envelope-link-status { min-width: 0; }
.guest-envelope-inline-editor { grid-column: 1 / -1; width: 100%; min-width: 0; padding-top: 1rem; border-top: 1px solid var(--sb-line); }
.guest-envelope-editor-heading { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: 1rem; }
.guest-envelope-editor-heading h2 { display: flex; align-items: center; gap: .4rem; }
.guest-envelope-inline-editor .guest-envelope-candidates, .guest-envelope-inline-editor [data-guest-envelope-pagination] { display: none; }
.guest-envelope-inline-editor .search-popup { z-index: 45; }
.guest-envelope-chosen { padding: 1rem; margin-bottom: 1rem; border: 1px solid var(--sb-line); border-radius: .8rem; background: #fffdf9; }
.guest-line-row > [data-inline-notice] { grid-column: 1 / -1; width: 100%; min-width: 0; }
.guest-envelope-candidates { display: grid; gap: .65rem; margin-bottom: 1.5rem; }
.guest-envelope-candidate { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; min-height: 60px; padding: 1rem 1.25rem; color: var(--sb-ink); text-decoration: none; }
.guest-envelope-candidate:hover, .guest-envelope-candidate:focus-visible { color: var(--sb-gold-deep); background: #f7edda; }
.guest-envelope-candidate-name { display: flex; align-items: flex-start; gap: .6rem; min-width: 0; }
.guest-envelope-candidate-name > .icon { flex-shrink: 0; margin-top: .2rem; }
.guest-envelope-candidate-name > span { min-width: 0; overflow-wrap: anywhere; }
.guest-envelope-choose { display: inline-flex; align-items: center; gap: .25rem; flex-shrink: 0; }
.guest-line-message { grid-column: 1 / -1; width: 100%; min-width: 0; padding: .85rem 1rem; border-left: 3px solid #d4bb8b; border-radius: .15rem .65rem .65rem .15rem; background: #faf6ee; }
.guest-line-message-heading { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; margin-bottom: .5rem; color: var(--sb-muted); font-size: .75rem; }
.guest-line-message-heading > .icon { width: 1rem; height: 1rem; }
.guest-message-body { min-width: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.guest-line-message-signature, .guest-message-signed-name, .guest-message-time, .guest-message-redacted { display: flex; align-items: flex-start; gap: .4rem; min-width: 0; color: var(--sb-muted); font-size: .8rem; overflow-wrap: anywhere; }
.guest-line-message-signature { margin-top: .6rem; }
.guest-line-message-signature > .icon, .guest-message-signed-name > .icon, .guest-message-time > .icon, .guest-message-redacted > .icon { flex-shrink: 0; width: 1rem; height: 1rem; margin-top: .1rem; }
.guest-line-message-signature cite { font-style: normal; }
.guest-line-message-expand > summary { display: grid; grid-template-columns: minmax(0, 1fr) 1.25rem; align-items: start; gap: .6rem; min-height: 44px; list-style: none; cursor: pointer; }
.guest-line-message-expand > summary::-webkit-details-marker { display: none; }
.guest-line-message-preview { white-space: pre-wrap; overflow-wrap: anywhere; }
.guest-line-message-open-label { display: none; }
.guest-line-message-expand[open] > summary { margin-bottom: .5rem; }
.guest-line-message-expand[open] > summary .guest-line-message-preview { display: none; }
.guest-line-message-expand[open] > summary .guest-line-message-open-label { display: inline; }
.guest-line-message-expand[open] > summary > .icon { transform: rotate(180deg); }
.guest-message-timeline { position: relative; display: grid; gap: 1rem; margin: 0 0 1.5rem; padding: 0; list-style: none; }
.guest-message-timeline::before { content: ''; position: absolute; top: 1rem; bottom: 1rem; left: 21px; width: 2px; background: var(--sb-line); }
.guest-message-timeline > li { position: relative; min-width: 0; }
.guest-message-timeline-entry { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: start; gap: .75rem; min-width: 0; }
.guest-message-timeline-avatar { display: flex; align-items: center; justify-content: center; padding-top: .85rem; }
.guest-message-timeline-avatar .profile-avatar { box-shadow: 0 0 0 4px var(--sb-bg, #f8f5ef); }
.guest-message-timeline-card { min-width: 0; padding: 1rem 1.25rem; }
.guest-message-timeline-header { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; margin-bottom: .85rem; }
.guest-message-author { min-width: 0; }
.guest-message-timeline-header > form { flex-shrink: 0; }
.guest-message-withdraw { color: var(--bs-danger-text-emphasis); }
.guest-message-withdraw:hover { color: var(--bs-danger-text-emphasis); border-color: var(--bs-danger-border-subtle); background: var(--bs-danger-bg-subtle); }
.guest-rsvp-metric { gap: .35rem; padding: .8rem; }
.guest-rsvp-metric > strong { color: var(--sb-gold-deep); font-size: 1.35rem; }
.guest-rsvp-metric > strong small { color: var(--sb-muted); font-size: .75rem; font-weight: 400; }
.guest-rsvp-days { display: flex; gap: .65rem; overflow-x: auto; padding-block: .2rem .6rem; }
.guest-rsvp-day { display: flex; flex: 0 0 auto; flex-direction: column; gap: .35rem; min-width: 10rem; padding: .8rem 1rem; border: 1px solid var(--sb-line); border-radius: 1rem; color: var(--sb-muted); background: #fffdf9; text-decoration: none; }
.guest-rsvp-day.is-active { border-color: var(--sb-gold-deep); color: var(--sb-gold-deep); background: #f7edda; box-shadow: inset 0 0 0 1px var(--sb-gold-deep); }
.guest-rsvp-day:hover { color: var(--sb-gold-deep); background: #f7edda; }
.guest-rsvp-schedule { display: grid; grid-template-columns: minmax(7rem, auto) minmax(0, 1fr); align-items: start; gap: .5rem 1rem; padding-block: .6rem; border-top: 1px solid var(--sb-line); }
.guest-rsvp-person { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; }
.guest-rsvp-party { display: flex; gap: 1.3rem; text-align: center; }
.guest-rsvp-party dt { color: var(--sb-muted); font-size: .75rem; font-weight: 400; }
.guest-rsvp-party dd { margin: .25rem 0 0; color: var(--sb-gold-deep); font-size: 1.2rem; font-weight: 600; }
.guest-rsvp-party dd small { font-size: .75rem; font-weight: 400; }
.history-search .guest-search-capsule .form-control { font-size: 16px; }
.history-directory-summary { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; margin: 1.25rem 0 1rem; color: var(--sb-muted); font-size: .82rem; }
.history-directory-summary > * { display: inline-flex; align-items: center; gap: .4rem; }
.history-friend-grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 1rem; }
.history-friend-grid > .empty-state { grid-column: 1 / -1; }
.history-friend-card { min-width: 0; padding: 1rem 1.25rem; }
.history-friend-header { display: flex; align-items: center; gap: .8rem; }
.history-friend-header .profile-avatar { flex: 0 0 44px; width: 44px; height: 44px; }
.history-friend-name { min-width: 0; overflow-wrap: anywhere; }
.history-friend-counts { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; padding: 0 0 1rem; border-bottom: 1px solid var(--sb-line); }
.history-friend-counts > li { display: inline-flex; align-items: center; gap: .4rem; min-width: 3.5rem; padding: .3rem .65rem; border: 1px solid var(--sb-line); border-radius: 999px; color: var(--sb-gold-deep); background: #fcf8f1; font-size: .8rem; }
.history-friend-counts .icon { width: 1rem; height: 1rem; }
.history-friend-timeline { display: grid; gap: 1rem; list-style: none; margin: 0; padding: 0; }
.history-friend-entry { position: relative; display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: start; gap: .65rem; min-width: 0; }
.history-friend-entry::before { position: absolute; top: 30px; bottom: -1rem; left: 14px; border-left: 1px solid var(--sb-line); content: ""; }
.history-friend-entry:last-child::before { display: none; }
.history-friend-entry-icon { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 1px solid var(--sb-line); border-radius: 50%; color: var(--sb-gold-deep); background: #fcf8f1; }
.history-friend-entry-icon .icon { width: 1rem; height: 1rem; }
.history-friend-entry-body { min-width: 0; padding-bottom: 1rem; border-bottom: 1px solid var(--sb-line); overflow-wrap: anywhere; }
.history-friend-entry:last-child .history-friend-entry-body { padding-bottom: 0; border-bottom: 0; }
.history-friend-entry-heading { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: .25rem .6rem; margin-bottom: .35rem; }
.history-friend-direction { color: var(--sb-muted); font-size: .76rem; }
.history-friend-direction > .icon { width: .9rem; height: .9rem; }
.history-friend-amount { color: var(--sb-gold-deep); font-size: .9rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.history-friend-amount > span { font-size: .75rem; font-weight: 400; }
.history-friend-event { margin: 0 0 .3rem; font-size: .9rem; line-height: 1.7; }
.history-friend-date { margin: 0; color: var(--sb-muted); font-size: .73rem; }
.history-friend-time { margin-bottom: .35rem; color: var(--sb-gold-deep); font-variant-numeric: tabular-nums; }
.history-friend-status { display: flex; align-items: flex-start; gap: .3rem; margin: .45rem 0 0; color: var(--sb-muted); font-size: .73rem; }
.history-friend-status .icon { flex-shrink: 0; width: .9rem; height: .9rem; margin-top: .15rem; }
.history-friend-days { display: grid; gap: .45rem; margin: .65rem 0 0; padding: 0; font-size: .73rem; }
.history-friend-days > li { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem .65rem; padding: .55rem .65rem; border-radius: .65rem; background: #faf6ee; }
.history-friend-days > li > span { display: inline-flex; align-items: center; gap: .3rem; }
.history-friend-days .icon { width: .9rem; height: .9rem; }
.history-friend-days > li > .history-friend-activities { flex: 0 0 100%; color: var(--sb-muted); }
.history-friend-more { margin-top: 1rem; border-top: 1px solid var(--sb-line); }
.history-friend-more > summary { display: flex; align-items: center; justify-content: space-between; gap: .5rem; min-height: 44px; padding: .7rem 0 0; list-style: none; font-size: .8rem; }
.history-friend-more > summary::-webkit-details-marker { display: none; }
.history-friend-more > summary:focus-visible { outline-offset: 3px; border-radius: .4rem; }
.history-friend-more[open] > summary .icon { transform: rotate(180deg); }
@media (min-width: 992px) {
    .history-friend-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
    .guest-line-row { gap: .5rem; padding: .85rem 1rem .9rem; }
    .guest-line-overview { gap: .65rem; }
    .guest-line-actions-disclosure { top: .65rem; right: .75rem; }
    .guest-line-actions-disclosure[open] > .guest-line-actions-toggle { top: .65rem; right: .75rem; }
    .guest-envelope-inline-editor { padding-top: .75rem; }
}
@media (max-width: 575.98px) {
    .history-friend-card { padding: 1rem; }
    .guest-search-capsule .form-control { font-size: .8rem; }
    .guest-line-action { padding-inline: .55rem; font-size: .82rem; }
    .guest-envelope-candidate { gap: .6rem; padding: 1rem; }
    .guest-message-timeline-entry { grid-template-columns: 36px minmax(0, 1fr); gap: .5rem; }
    .guest-message-timeline::before { left: 17px; }
    .guest-message-timeline-card { padding: .85rem; }
    .guest-rsvp-person { padding: 1rem; }
    .guest-rsvp-party { width: 100%; justify-content: space-around; padding-top: .7rem; border-top: 1px solid var(--sb-line); }
    .guest-rsvp-schedule { grid-template-columns: minmax(0, 1fr); gap: .25rem; }
}
@media (max-width: 374.98px) {
    .guest-line-person-content::before { width: 7.25rem; }
    .guest-line-actions-toggle { min-width: 7rem; padding-inline: .55rem; }
    .guest-line-actions { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
    .guest-line-actions-toggle > .icon { transition: none; }
}

/* Optional event honoree illustrations keep manually entered names independent. */
.event-honoree-row--profile { align-items: start; }
.event-honoree-row--profile > .event-repeat-number { padding-top: .75rem; }
.event-honoree-fields { display: grid; gap: .45rem; min-width: 0; }
.event-honoree-fields > .form-control { min-width: 0; }
.event-honoree-profile-control { display: flex; align-items: center; gap: .55rem; min-width: 0; }
.event-honoree-profile-control > .form-select { flex: 1 1 0; min-width: 0; min-height: 42px; padding-block: .45rem; font-size: 1rem; color: var(--sb-muted); }
.event-honoree-profile-preview { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 2.25rem; width: 2.25rem; height: 2.25rem; overflow: hidden; border: 1px solid var(--sb-line); border-radius: 50%; background: var(--sb-surface); color: var(--sb-ink, #805618); font-size: .9rem; }
.event-honoree-profile-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.event-honoree-profile-preview[hidden], .event-honoree-profile-image[hidden] { display: none; }