/* Owner: shell. One quiet row: logo and name left, text links right, the copyright as one small line under it. */
.footer.component-footer { display:block; padding-block:0 max(var(--space-5),env(safe-area-inset-bottom,0px)); border-top:0; background:transparent; color:var(--text-2); font-size:var(--t-small); }
.component-footer .footer-in::before { content:""; display:block; height:1px; margin-bottom:var(--space-4); background:var(--hair); }
.component-footer .footer-row { display:flex; align-items:center; justify-content:space-between; gap:var(--space-5); }
.component-footer .brand { min-height:44px; gap:9px; font-size:18px; font-weight:520; letter-spacing:-.03em; color:var(--text); }
.component-footer .brand img { width:26px; height:26px; }
.component-footer .footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:0 var(--space-5); }
/* The quiet text link: the footer's links and the row links under each description (.wf-link) share these three rules. */
.component-footer .footer-links a, .wf-link { display:inline-flex; align-items:center; min-height:44px; color:var(--text-2); text-underline-offset:4px; transition:color var(--dur-1) ease; }
.component-footer .footer-links a:focus-visible, .component-footer .brand:focus-visible, .wf-link:focus-visible { outline:2px solid var(--violet-bright); outline-offset:3px; border-radius:6px; color:var(--text); }
/* defects-r7: the copyright sits in the logo's row, 24px right of the logo, centred on it; the links stay at the far edge. */
.component-footer .footer-copyright { margin:0 auto 0 0; color:var(--text-3); font-size:13px; line-height:1.5; white-space:nowrap; }@media (hover:hover) and (pointer:fine) { .component-footer .footer-links a:hover, .wf-link:hover { color:var(--text); text-decoration:underline; } }
@media (min-width:721px) and (max-width:900px) {
  .component-footer .footer-row { flex-wrap:wrap; }
  .component-footer .footer-links { margin-left:auto; }
  .component-footer .footer-copyright { order:3; flex:0 0 100%; margin:0; }
}
@media (max-width:720px) {
  .component-footer .footer-row { flex-direction:column; align-items:flex-start; gap:0; }
  .component-footer .footer-links { justify-content:flex-start; gap:0 var(--space-4); }
  .component-footer .footer-copyright { order:3; white-space:normal; }
}
@media (prefers-reduced-motion:reduce) { .component-footer .footer-links a, .wf-link { transition:none; } }