/* ── site-chrome.css — shared header + footer, identical on EVERY page ──
   Karen standing rules (live review 2026-08-26): navigation persists on all
   inside pages, identical top and bottom, wordmark ABAEthics.org.
   Loaded AFTER page styles so the chrome is the same everywhere.
   Skin: abaethics-design-APPROVED-20260826.html (Karen sign-off, via moltbot).
   A11y: small-text clay is #AD5730 (5.02:1 w/ white); #E05B2B is large-text-only. */

.site-header{background:var(--ivory,#FBF7F0);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line,#E2D9C8)}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 1.75rem;display:flex;align-items:center;gap:1.625rem;height:70px}

/* Wordmark — leaf ✓ + ABAEthics.org + 'A Special Learning Company' (approved) */
.nav-inner .logo{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-decoration:none;flex-shrink:0;margin-right:.375rem}
.logo .logo-top{display:flex;align-items:center;gap:.625rem;font-family:var(--serif,'Fraunces',Georgia,serif);font-weight:640;font-size:1.42rem;letter-spacing:-.01em;color:var(--ink,#26302B)}
.logo .leaf{width:30px;height:30px;border-radius:50% 50% 50% 4px;background:var(--pine,#123E31);display:inline-flex;align-items:center;justify-content:center;color:var(--ivory,#FBF7F0);font-size:.85rem;transform:rotate(-8deg);flex-shrink:0}
.logo .tld{color:var(--clay-ink,#AD5730);font-style:italic;font-weight:460}
.logo .logo-sub{font-family:var(--sans,'Switzer',system-ui,sans-serif);font-size:.66rem;font-weight:600;letter-spacing:.06em;color:var(--ink-2,#3E4A44);padding-left:40px;white-space:nowrap}

/* Legacy wordmark markup (templates not yet swapped) still renders cleanly */
.logo-wrap{display:flex;align-items:center;gap:.625rem;flex-shrink:0;text-decoration:none}
.brand-wordmark{font-family:var(--serif,'Fraunces',Georgia,serif);font-weight:640;font-size:1.42rem;color:var(--ink,#26302B);letter-spacing:-.01em;white-space:nowrap;text-decoration:none}
.brand-tld{color:var(--clay-ink,#AD5730);font-style:italic;font-weight:460}

.nav-links{display:flex;align-items:center;gap:2px;list-style:none;margin:0 0 0 auto;padding:0}
.nav-links a{color:var(--ink-2,#3E4A44);font-size:.9rem;font-weight:500;padding:.5625rem .8125rem;border-radius:100px;text-decoration:none;font-family:var(--sans,'Switzer',system-ui,sans-serif);transition:color .15s,background .15s;display:block}
.nav-links a:hover{background:var(--sage-soft,#DEEDE0);color:var(--pine,#123E31)}

/* Claim button — clay, AA-safe */
.nav-cta,.btn-claim{background:#AD5730;color:#fff !important;padding:.6875rem 1.375rem !important;border-radius:100px;font-weight:600 !important;font-size:.9rem !important;text-decoration:none !important;font-family:var(--sans,'Switzer',system-ui,sans-serif);transition:background .15s !important;flex-shrink:0}
.nav-cta:hover,.btn-claim:hover{background:#8A4526 !important}

.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;margin-left:auto}
.hamburger span{display:block;width:22px;height:2px;background:var(--ink,#26302B);border-radius:2px}
.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ivory,#FBF7F0);border-bottom:1px solid var(--line,#E2D9C8);padding:1rem 1.75rem;flex-direction:column;gap:.25rem}
.mobile-menu.open{display:flex}
.mobile-menu a{color:var(--ink-2,#3E4A44);font-size:1rem;font-weight:500;padding:.75rem;border-radius:100px;display:block;text-decoration:none;font-family:var(--sans,'Switzer',system-ui,sans-serif)}
.mobile-menu a:hover{background:var(--sage-soft,#DEEDE0);color:var(--pine,#123E31)}
.mobile-menu .m-cta{background:#AD5730;color:#fff;text-align:center;margin-top:.5rem;font-weight:600}
.mobile-menu .m-cta:hover{background:#8A4526;color:#fff}

/* ── Shared footer — warm ivory, full nav (approved) ── */
.site-footer{background:var(--ivory-2,#F4EDE1);color:var(--ink-2,#3E4A44);padding:3.25rem 0 1.875rem;font-family:var(--sans,'Switzer',system-ui,sans-serif);font-size:.875rem;border-top:1px solid var(--line,#E2D9C8)}
.footer-grid{max-width:1200px;margin:0 auto;padding:0 1.75rem;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:2.375rem}
.footer-brand .logo{margin-bottom:.75rem}
.footer-brand .brand-wordmark{display:inline-block;margin-bottom:1rem;text-decoration:none}
.footer-brand p{font-size:.84rem;line-height:1.6;color:var(--ink-2,#3E4A44);max-width:280px}
.footer-col h4,.footer-col h5{font-family:var(--sans,'Switzer',system-ui,sans-serif);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2,#3E4A44);margin:0 0 .75rem}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.footer-col ul li a{font-size:.875rem;color:var(--ink-2,#3E4A44);text-decoration:none;transition:color .15s}
.footer-col ul li a:hover{color:var(--pine,#123E31)}
.footer-bottom{max-width:1200px;margin:0 auto;padding:1.25rem 1.75rem 0;border-top:1px solid var(--line,#E2D9C8);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.footer-bottom p{font-size:.78rem;color:var(--ink-2,#3E4A44);margin:0}
.footer-partners{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}
.footer-partners span{font-size:.75rem;color:var(--ink-2,#3E4A44);font-weight:500}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.nav-links{display:none}.hamburger{display:flex}.nav-cta{display:none}.mobile-menu .m-cta{display:block}}

/* ── Shared breadcrumb (pages without their own styles) ── */
.breadcrumb{background:#fff;border-bottom:1px solid var(--line,#E2D9C8);padding:.75rem 0;font-family:var(--sans,'Switzer',system-ui,sans-serif);font-size:.8rem}
.bc-inner{max-width:1200px;margin:0 auto;padding:0 1.75rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.breadcrumb a{color:var(--clay-ink,#AD5730);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.bc-sep{color:var(--gray-400,#B7AE9C)}
.bc-current{color:var(--ink,#26302B);font-weight:600}