/* D4U footer (website/tools/d4u_footer.py): columns on top, © and Powered by below. */
.foot-top, .foot-bottom { font-size: 14px; font-weight: 400; line-height: 1.6; }
.foot-top { display: flex; flex-wrap: wrap; gap: 24px 72px; text-align: left; }
.foot-col p { margin: 0; line-height: 1.6; }
.foot-col strong { color: var(--ink); font-weight: 600; }
.foot-label { margin: 0 0 8px !important; font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.foot-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.foot-col a { color: var(--ink); font-size: 14px; font-weight: 400; text-decoration: none; }
.foot-col a:hover { text-decoration: underline; }
.foot-bottom { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 24px; text-align: left; }
.foot-bottom p { margin: 0; }
.foot-bottom .powered a { font: 700 15px/1 "JetBrains Mono", ui-monospace, Menlo, monospace; letter-spacing: -.02em; color: var(--ink); text-decoration: none; }
.foot-bottom .powered b { color: #1652F0; font-weight: 700; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .foot-bottom .powered b { color: #5B87FF; } }
:root[data-theme="dark"] .foot-bottom .powered b { color: #5B87FF; }
@media (max-width: 600px) {
  .foot-top { flex-direction: column; }
  .foot-bottom { flex-direction: column; align-items: flex-start; }
}