/* The Anarchs network footer, the same on every site (source: scripts/network-footer in anarchs).
   Self-contained on purpose: no Tailwind, no inline styles (the panel's CSP), always dark. */
.ta-footer { margin-top: 4rem; border-top: 1px solid #26262b; background: #0b0b0d; color: #a1a1aa; font-size: 14px; line-height: 1.6; text-align: left; }
.ta-footer *, .ta-footer *::before, .ta-footer *::after { box-sizing: border-box; }
.ta-footer a { color: inherit; text-decoration: none; }
.ta-footer a:focus-visible, .ta-footer button:focus-visible { outline: 2px solid #f12b2b; outline-offset: 2px; border-radius: 4px; }
.ta-footer ul { margin: 0; padding: 0; list-style: none; }
.ta-footer h2 { margin: 0 0 .875rem; color: #fff; font-size: 12px; font-weight: 600; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; }
.ta-footer p { margin: 0; }

.ta-footer__inner { display: grid; gap: 2.5rem; max-width: 80rem; margin: 0 auto; padding: 3rem 1.5rem 2.25rem; }
@media (min-width: 960px) { .ta-footer__inner { grid-template-columns: minmax(15rem, 1fr) 3fr; gap: 4rem; } }

.ta-footer__logo { display: inline-flex; align-items: center; gap: .75rem; }
.ta-footer__logo img { display: block; width: 44px; height: 44px; }
.ta-footer__logo strong { display: block; color: #fff; font-size: 15px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; line-height: 1.2; }
.ta-footer__logo small { display: block; color: #8a8a94; font-size: 12px; letter-spacing: .04em; }
.ta-footer__about { max-width: 26rem; margin-top: 1rem !important; color: #8a8a94; font-size: 13.5px; }

.ta-footer__social { display: flex; gap: .5rem; margin-top: 1.25rem !important; }
.ta-footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border: 1px solid #26262b; border-radius: .5rem; background: #161619; color: #b3b3ba; transition: color .15s, border-color .15s, background-color .15s; }
.ta-footer__social a:hover { border-color: #d10d0d; background: rgb(209 13 13 / .12); color: #fff; }
.ta-footer__social svg { display: block; width: 1.05rem; height: 1.05rem; fill: currentColor; }

.ta-footer__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 1.5rem; }
@media (min-width: 720px) { .ta-footer__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ta-footer__cols li + li { margin-top: .5rem; }
.ta-footer__cols a { display: block; color: #d6d6da; transition: color .15s; }
.ta-footer__cols a:hover { color: #ff5f5f; }
.ta-footer__cols a span { display: block; color: #6b6b75; font-size: 12px; line-height: 1.4; }
.ta-footer__cols a[aria-current] { color: #ff5f5f; }
.ta-footer__cols a[aria-current] span::before { content: 'Bu site · '; color: #8a8a94; }

.ta-footer__note { max-width: 80rem; margin: 0 auto; padding: 0 1.5rem 1.75rem; color: #8a8a94; font-size: 12.5px; }
.ta-footer__note a { color: #d6d6da; text-decoration: underline; text-decoration-color: #393940; text-underline-offset: 3px; }
.ta-footer__note a:hover { color: #fff; }
.ta-footer__note strong { color: #d6d6da; }
.ta-footer__note p + p, .ta-footer__note p + ul { margin-top: .5rem; }
.ta-footer__inline { display: flex; flex-wrap: wrap; gap: .25rem 1.1rem; margin-top: .5rem !important; }

.ta-footer__bar { border-top: 1px solid #1d1d21; }
.ta-footer__bar > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1.5rem; max-width: 80rem; margin: 0 auto; padding: 1.25rem 1.5rem; color: #6b6b75; font-size: 12px; }