/* Shared footer (2026-10-24 look): the brand and a line about Sitepeel, three link columns
   with small mono heads, and a bottom line. Uses the --ui-* tokens from site-header.css, so
   it follows light and dark mode. The directory links stay in the page, hidden. */
footer.sp-footer{display:block;margin:0;padding:64px 0 28px;border:0;border-top:.8px solid var(--ui-line-soft);background:var(--ui-bg-alt);color:var(--ui-text);font:400 15px/1.5 var(--ui-font);letter-spacing:-.02em;-webkit-font-smoothing:antialiased}
.sp-footer *{box-sizing:border-box}
.sp-footer .sp-footer-inner{width:min(1180px,calc(100% - 40px));margin:0 auto}
.sp-footer .sp-footer-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,3fr);gap:32px}
.sp-footer .sp-footer-logo{display:inline-flex;align-items:center;gap:8px;color:var(--ui-text);font-size:16.5px;font-weight:600;letter-spacing:-.03em;text-decoration:none}
.sp-footer .sp-footer-logo img{display:block;width:28px;height:28px;border-radius:7px}
.sp-footer .sp-footer-brand p{max-width:280px;margin:14px 0 0;color:var(--ui-faint);font-size:14px;line-height:1.6}
.sp-footer .sp-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.sp-footer .sp-footer-group h2{margin:4px 0 14px;padding:0;color:var(--ui-faint);font:400 12px/1.5 var(--ui-mono);letter-spacing:0;text-transform:none}
.sp-footer .sp-footer-group ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.sp-footer .sp-footer-group a{color:var(--ui-dim);font-size:14.5px;text-decoration:none;transition:color .15s}
.sp-footer .sp-footer-group a:hover{color:var(--ui-text)}
.sp-footer a:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px;border-radius:4px}
.sp-footer .sp-footer-featured{display:none}
.sp-footer .sp-footer-meta{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:20px;border-top:.8px solid var(--ui-line);color:var(--ui-faint);font:400 12px/1.5 var(--ui-mono);letter-spacing:0}
.sp-footer .sp-footer-meta p{margin:0}
@media (max-width:900px){.sp-footer .sp-footer-main{grid-template-columns:1fr}}
@media (max-width:600px){footer.sp-footer{padding:48px 0 24px}.sp-footer .sp-footer-links{grid-template-columns:1fr 1fr;gap:28px 20px}.sp-footer .sp-footer-group:last-child{grid-column:1 / -1}.sp-footer .sp-footer-meta{flex-direction:column;gap:4px}}