/* An editorial sign-off with practical navigation and appearance controls. */
footer.foot { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 3.5rem 4rem; padding-top: 3rem; padding-bottom: 2rem; border-top: 1px solid var(--border); }
.foot .foot-brand .brand { font-size: 1.7rem; letter-spacing: -.055em; color: var(--fg); }
.foot .foot-brand .logo-c { width: 2rem; height: 2rem; }
.foot .foot-brand .foot-statement { margin: 1.5rem 0 0; max-width: none; font-size: clamp(1.5rem,2.3vw,2rem); line-height: 1.3; letter-spacing: -.035em; font-weight: 500; color: var(--fg); }
.foot-statement em { font-family: var(--font-display); font-weight: 400; color: var(--accent); }
.foot .foot-brand .foot-description { font-size: .75rem; line-height: 1.8; margin-top: 1rem; }
.foot .foot-links { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 2rem; padding-top: .4rem; }
.foot .foot-links div { gap: .85rem; }
.foot .foot-links h2 { font-size: .65rem; font-weight: 700; color: var(--fg-muted); margin-bottom: .6rem; }
.foot .foot-links a { width: fit-content; font-size: .8rem; line-height: 1.6; color: var(--fg); text-underline-offset: 4px; }
.foot .foot-links a:hover { color: var(--accent); text-decoration: underline; }
.foot .foot-links .foot-start { color: var(--accent); font-weight: 700; }
.foot-start span { margin-left: .5rem; }
.foot-free { font-size: .65rem; color: var(--fg-muted); line-height: 1.7; }
.foot .foot-base { padding-top: 1.25rem; font-size: .65rem; gap: 1.25rem; }
.foot-base p > span { margin-inline: .6rem; color: var(--border); }
.foot-top { color: var(--fg-muted); text-decoration: none; margin-left: auto; font-size: .65rem; }
.foot-top span { margin-left: .5rem; }
.foot-top:hover { color: var(--accent); }
.foot-appearance { display: flex; gap: .75rem; align-items: center; }
.foot-appearance > span { font-size: .6rem; }
.foot .theme { border-radius: 6px; background: var(--tint); border-color: transparent; }
.foot .theme button { border-radius: 4px; width: 1.85rem; height: 1.85rem; }
.foot .theme button[aria-pressed=true] { background: var(--bg); color: var(--accent); box-shadow: 0 1px 3px #00000012; }
.foot a:focus-visible, .foot button:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media(max-width:760px) {
  footer.foot { grid-template-columns: minmax(0,1fr); gap: 2.5rem; padding-top: 2rem; }
  .foot .foot-links { max-width: 32rem; }
  .foot .foot-base { flex-wrap: wrap; gap: 1rem; }
  .foot-base > p { flex-basis: 100%; }
  .foot-top { margin-left: 0; }
  .foot-appearance { margin-left: auto; }
}
@media(max-width:360px) {
  .foot .foot-links { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 1rem; }
  .foot-appearance > span { display: none; }
}