/* Signature card: line 1 = "Regards,"  line 2 = "Name, Role (School)" on ONE line */
body:not(#x) .inner-page .page-about-us .section-title p.p-sign,
body:not(#x) .page-about-us .section-title p.p-sign {
    display: grid !important; grid-template-columns: 56px 16px auto auto minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 0 !important; row-gap: 2px !important;
    align-items: center; width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    padding: 16px 28px 16px 24px !important; white-space: nowrap;
}
.p-sign::before { grid-column: 1 !important; grid-row: 1 / span 2 !important; width: 56px !important; height: 56px !important; font-size: 23px !important; margin-right: 0; }
.p-sign .sg-r { grid-column: 3 / -1 !important; grid-row: 1 !important; font: italic 700 18px/1.3 "Playfair Display", Georgia, serif !important; color: var(--c-green, #2f8f22) !important; }
body:not(#x) .p-sign strong.sg-n { grid-column: 3 !important; grid-row: 2 !important; font: 800 20px/1.3 "DM Sans", sans-serif !important; color: var(--iv-navy, #0a2c63) !important; }
.p-sign .sg-n::after { content: ","; }
.p-sign .sg-role { grid-column: 4 !important; grid-row: 2 !important; margin: 0 0 0 8px !important; padding: 0 !important; background: none !important; border-radius: 0 !important; font: 800 20px/1.3 "DM Sans", sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--iv-navy, #0a2c63) !important; }
.p-sign .sg-s { grid-column: 5 !important; grid-row: 2 !important; margin-left: 8px; font: 600 17px/1.3 "DM Sans", sans-serif !important; color: #5b6b7f !important; }
.p-sign .sg-s::before { content: "(" !important; margin: 0 !important; color: inherit !important; font-weight: inherit !important; display: inline !important; }
.p-sign .sg-s::after { content: ")"; }
/* phones: no room for one line, so the name, role and school stack under "Regards," */
@media (max-width: 767px) {
    body:not(#x) .inner-page .page-about-us .section-title p.p-sign,
    body:not(#x) .page-about-us .section-title p.p-sign { grid-template-columns: 48px 12px minmax(0, 1fr); grid-template-rows: none; white-space: normal; padding: 16px 18px !important; }
    .p-sign::before { grid-row: 1 / span 4 !important; width: 48px !important; height: 48px !important; font-size: 20px !important; }
    .p-sign .sg-r, body:not(#x) .p-sign strong.sg-n, .p-sign .sg-role, .p-sign .sg-s { grid-column: 3 !important; grid-row: auto !important; margin-left: 0 !important; }
    .p-sign .sg-r, body:not(#x) .p-sign strong.sg-n, .p-sign .sg-role { font-size: 17px !important; }
    .p-sign .sg-s { font-size: 15px !important; }
}