/* ============================================================
   Shared site chrome: the "Get In Touch" footer grid + the nav
   link list, used identically on every page.

   ONE file. Edit here, every page picks it up on next load —
   nothing to keep in sync by hand, nothing to regenerate.
   Loaded via <link rel="stylesheet" href="/assets/chrome.css">
   Paired with /assets/chrome.js, which paints the actual markup
   into #site-nav-links / #site-footer-grid mount points.
   ============================================================ */

/* ---- footer grid ---- */
.unifoot{background:#111827;border-top:1px solid #2a3040;color:#cbd5e1;font-family:'Inter',-apple-system,sans-serif;text-align:left}
.uf-inner{max-width:1200px;margin:0 auto;padding:1.5rem 2rem 1rem}
.cta-label{font:700 15px 'Inter',sans-serif;color:#f1f5f9;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}
.uf-tag{color:#94a3b8;font-size:15px;margin-top:10px;line-height:1.6}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.pcard{background:#1a1f2e;border:1px solid #2a3040;border-radius:14px;padding:1.5rem;display:block;color:#f1f5f9;text-decoration:none}
.pcard-head{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}
.pcard-head h3{font-size:1.02rem;margin:0}
.pcard-head .card-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:none}
.pcard-links{display:flex;flex-wrap:wrap;gap:8px}
.pcard-links a{display:flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:99px;border:1px solid #2a3040;color:#f1f5f9;text-decoration:none;font-size:.83rem;font-weight:600;transition:border-color .15s,transform .15s;width:fit-content}
.pcard-links a:hover{border-color:#60a5fa;transform:translateY(-1px);text-decoration:none}
.pcard-links .ic{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex:none}
.pcard-desc{color:#94a3b8;font-size:.9rem;line-height:1.5;margin:0}
.footer-copy{text-align:center;padding:0.3rem 0 1.2rem;color:#94a3b8;font-size:.8rem}
@media(max-width:900px){.pgrid{grid-template-columns:1fr}}

/* ---- nav link list (painted into whichever container the page already
   styles as its nav bar -- this only standardises the LIST + ORDER + hrefs,
   not each page's own bar/brand/background styling) ---- */
.site-nav-links{display:contents}