/* Target the name rows only, keeping connecting wording on its existing typography. */
.invitation-details .wi-family-invitation .wi-hosts[data-text-role] > .wi-parent-pair[class]{font-family:var(--parent-font)!important;font-size:var(--parent-size)!important;font-weight:var(--parent-weight)!important;font-style:var(--parent-style)!important;color:var(--parent-color)!important;letter-spacing:var(--parent-spacing)!important;text-transform:var(--parent-case)!important;line-height:var(--parent-leading)!important;max-width:100%}
.invitation-details .wi-hosts .wi-parent-pair > :is(.wi-parent-name,.wi-parent-amp){font:inherit!important;color:inherit!important;letter-spacing:inherit!important;text-transform:inherit!important}
@media(max-width:760px){.invitation-details .wi-family-invitation .wi-hosts[data-text-role] > .wi-parent-pair[class]{font-size:var(--parent-mobile-size)!important}}
#parent-typography-settings{margin-top:18px;border-top:1px solid #d8dfdf;padding-top:12px}
#parent-typography-settings>summary{font:600 13px/1.5 system-ui,sans-serif;cursor:pointer}
#parent-typography-settings input[type=number]{width:80px}
#parent-typography-settings .parent-type-colour{display:grid;grid-template-columns:42px 1fr;gap:8px;margin:16px 0}
#parent-typography-settings .parent-type-colour label{grid-column:1/-1;font:13px system-ui,sans-serif}
#parent-typography-settings input[type=color]{width:42px;height:34px;padding:2px}
#parent-type-color{box-sizing:border-box;width:100%;min-width:0;font:13px ui-monospace,monospace;padding:8px;border:1px solid #cbd0d2;border-radius:4px}
#parent-type-color:invalid{border-color:#a64f3c}