/* footer.css: THE ONE FOOTER, both hosts, 2026-09-22 (ruled: consistent for the context and
   in style). Same markup everywhere; this sheet renders it identically under the door's
   system.css and the inner pages' palette.css + site.css, and undoes site.css's terracotta
   footer chrome. Tokens fall back to the palette's names, then to literals. */
html{background:var(--bg,#f3ead6)}
footer.site-foot{position:static;isolation:auto;color:inherit;background:var(--g-3,#e9dcc4);
  max-width:none;margin:0;padding:0;font-size:inherit}
footer.site-foot::before{content:none}
/* 2026-10-14 (the door review): the footer is light --g-3 everywhere, and its inner box is
   the content sheet exactly (54rem, the band gutter), so its columns sit on the same edge as
   the page text above. It was nested inside a band's padding on the door, 32px off. */
footer.site-foot .site-foot__in{max-width:var(--sheet,54rem);margin:0 auto;
  padding:var(--s-6,2rem) var(--s-5,1.5rem) var(--s-7,3rem)}
footer.site-foot{margin-top:var(--s-7,3rem);border-top:1px solid var(--line-strong,rgba(42,33,24,.30))}
/* --flush: the page ends on a full-width band of another ground, so the grounds already
   separate; no gap, no rule. */
footer.site-foot.site-foot--flush{margin-top:0;border-top:0}
/* after a full band the footer opens on --s-8: at --s-6 it sat 32px under a page whose every
   other band boundary breathes 64-96px, and read as cut off rather than arrived at. */
footer.site-foot.site-foot--flush .site-foot__in{padding-top:var(--s-8,4rem);padding-bottom:var(--s-8,4rem)}
footer.site-foot.site-foot--flush .site-foot__legal{margin-top:var(--s-7,3rem)}
@media(max-width:640px){footer.site-foot.site-foot--flush .site-foot__in{padding-top:var(--s-7,3rem);padding-bottom:var(--s-7,3rem)}}
footer.site-foot .site-foot__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5,1.5rem)}
/* 2026-10-14 (the craft pass): the column heads lose their underline and take the full
   ink. They were a .70 head over .78 links with a .09 rule under each, three near-equal
   values; now the head is one clear tier above its links and the footer carries one rule. */
footer.site-foot .site-foot__head{font-size:var(--t-2xs,.66rem);letter-spacing:.14em;text-transform:uppercase;
  font-weight:600;color:var(--ink,#2a2118);margin-bottom:var(--s-3,.75rem);
  padding-bottom:0;border-bottom:0}
footer.site-foot .site-foot__col ul{list-style:none;margin:0;padding:0}
footer.site-foot .site-foot__col li+li{margin-top:var(--s-1,.25rem)}
/* 24px targets (2.5.8): the link box grows 4px, the list gap gives the 4px back */
footer.site-foot .site-foot__col a{display:inline-flex;align-items:center;min-height:24px;font-size:var(--t-sm,.82rem);color:var(--ink-2,var(--muted,#5a4e45));text-decoration:none}
footer.site-foot .site-foot__col a:hover{color:var(--ink,#2a2118);text-decoration:underline;text-underline-offset:3px}
footer.site-foot .site-foot__legal{margin-top:var(--s-5,1.5rem);padding-top:var(--s-4,1rem);
  border-top:1px solid var(--line,rgba(42,33,24,.16));font-size:var(--t-xs,.72rem);color:var(--ink-3,var(--muted,#6b5f55));
  line-height:var(--lh-body,1.5)}
footer.site-foot .site-foot__legal p{margin:0;font-size:inherit;color:var(--ink-3,inherit);text-align:left}
footer.site-foot .site-foot__legal p+p{margin-top:var(--s-2,.5rem)}
footer.site-foot .site-foot__claim{color:var(--ink,#2a2118);font-weight:500}
footer.site-foot .site-foot__legal b{font-weight:600;color:var(--ink-2,var(--ink,#2a2118))}
footer.site-foot .site-foot__legal a{color:var(--ink-3,var(--muted,#6b5f55));text-decoration:underline;text-underline-offset:3px}
footer.site-foot .site-foot__legal a:hover{color:var(--ink,#2a2118)}
@media(max-width:700px){footer.site-foot .site-foot__cols{grid-template-columns:1fr}}