/* foot.css — the site footer, on every route.
   Split out of base.css so the authority and blog layouts can load it
   without base.css, which collides with their stylesheets on .wrap,
   .brand and .nav. Same arrangement as rail.css for the header.

   The var() fallbacks are load-bearing: these rules were written against
   base.css's names, and authority.css and blog.css use --accent,
   --accent-ink and --radius instead. */

/* FOOTER — identity block + link columns, social icons grouped in one capsule */
footer{border-top:1px solid var(--line);background:var(--bg2)}
.foot{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:40px;padding:56px 0 44px;align-items:start}
.foot-id .brand{margin-bottom:16px}
.foot-bio{color:var(--mut);font-size:14px;max-width:330px;line-height:1.75}
/* isolate (not direction:ltr) so the Latin string stays intact but still hugs the column's start edge in RTL */
.foot-copy{display:block;color:var(--mut);font-size:12.5px;margin-top:18px;font-family:var(--mono);unicode-bidi:isolate}
.foot-col h3{font-family:'Instrument Sans',Qomraa,Tajawal;font-size:14px;font-weight:700;margin-bottom:14px;color:var(--txt)}
.foot-col ul{list-style:none;display:flex;flex-direction:column}
.foot-col a{color:var(--mut);font-size:14px;transition:color .2s}
.foot-col a:hover{color:var(--acc, var(--accent))}
.soc-pill{display:inline-flex;gap:2px;margin-top:20px;padding:5px;
  background:var(--card2);border:1px solid var(--line);border-radius:var(--r-pill, 999px)}
.soc-pill a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--mut);transition:.22s}
.soc-pill a svg{width:17px;height:17px}
.soc-pill a:hover{background:var(--acc, var(--accent));color:var(--acc-ink, var(--accent-ink))}
.foot-bar{border-top:1px solid var(--line);padding:16px 0;color:var(--mut);font-size:12.5px;
  text-align:center;font-family:var(--mono);direction:ltr}
@media(max-width:760px){
  .foot{grid-template-columns:1fr 1fr;gap:32px;padding:44px 0 32px}
  .foot-id{grid-column:1 / -1}
  .foot-bio{max-width:none}}