/* Shared shell footer: same container, gutters and semantic surfaces as header. */
body .t3-footer { background: var(--twoip-surface); color: var(--twoip-on-surface-variant); border-top: 1px solid var(--twoip-outline-variant); }
body .twoip-footer-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; padding-inline: 18px; }
body .twoip-footer-row .email { display: flex; align-items: center; gap: 8px; margin: 0; }
body .twoip-footer-row .email .twoip-icon { font-size: 18px; color: var(--twoip-primary); }
body .twoip-footer-row .social-icons { display: flex; justify-content: center; gap: 4px; margin: 0; padding: 0; }
body .twoip-footer-row .social-icons li { margin: 0; padding: 0; list-style: none; }
body .twoip-footer-row .date { justify-self: end; text-align: right; margin: 0; color: var(--twoip-on-surface-variant); font-size: 13px; }
@media (max-width: 767px) { body .twoip-footer-row { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 6px; } body .twoip-footer-row .email { width: auto; justify-self: center; justify-content: center; } body .twoip-footer-row .date { justify-self: center; text-align: center; } }
body .t3-copyright { padding: 12px 0; border-top: 0; font-size: 14px; }
/* Native footer actions keep the existing share callbacks and keyboard access. */
body .t3-footer .t3-copyright .social-icons li button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; border-radius: var(--twoip-radius-full); }
body .t3-footer .t3-copyright .social-icons li button:hover { background: var(--twoip-primary-container); }
body .t3-footer .t3-copyright .social-icons button .twoip-icon { color: var(--twoip-on-surface-variant); font-size: 18px; line-height: 1; }
body .t3-footer .social-icons button:focus-visible { outline: 2px solid var(--twoip-primary); outline-offset: 2px; }
.t3-footer .t3-copyright .trademark {
  top: -1.0em;
  font-size: 55%;
}