@import url('./design-tokens.css');
footer.tt-footer{display:block;max-width:none;width:100%;margin:0;padding:var(--space-section) var(--space-page);border-top:1px solid var(--color-border);background:transparent;color:var(--color-muted);font:16px/1.8 var(--font-sans);text-align:left;box-sizing:border-box}
.tt-footer .tt-footer-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-page)}
.tt-footer section{margin:0;padding:0}.tt-footer h2{font:700 16px/1.5 var(--font-sans);letter-spacing:normal;margin:0 0 12px;color:var(--color-text)}
.tt-footer a{display:block;color:var(--color-primary);text-decoration:none}.tt-footer a:hover{color:var(--color-primary-hover);text-decoration:underline}.tt-footer p{margin:12px 0;font-size:14px}.tt-footer a:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
@media(max-width:700px){.tt-footer .tt-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.tt-footer .tt-footer-grid{grid-template-columns:1fr}}

/* Dark links use a lighter blue to retain readable contrast on Slate 900. */
footer.tt-footer[data-theme="dark"]{--color-text:#f8fafc;--color-muted:#cbd5e1;--color-primary:#93c5fd;--color-primary-hover:#bfdbfe;--color-border:#334155;background:#0f172a}
@media(max-width:640px){.tt-footer a{padding:8px 0;min-height:44px;box-sizing:border-box}}
/* The home action bar is visible through 600px; 80px covers its content and padding. */
@media(max-width:600px){footer.tt-footer-floating-bar{padding-bottom:calc(var(--space-section) + 80px + env(safe-area-inset-bottom))}}