/* Nov 8 2026: the ONE header and footer look for every codaoutbound.com page, home included.
   Markup is copied from the home page by chrome_sync.py; tests/chrome_audit.py fails the deploy on any difference.
   Selectors start with header.m / footer.foot so each page's own older rules (.btn, .wrap, nav a...) can't change them.
   Practical UI (Corey, Nov 8): every control 48px tall, spacing only from 8/16/24/32/48, focus rings visible. */
@font-face{font-family:"Albert Sans";font-weight:400;font-display:swap;src:url(/green/home/albert-sans-400.woff2) format("woff2")}
@font-face{font-family:"Albert Sans";font-weight:500;font-display:swap;src:url(/green/home/albert-sans-500.woff2) format("woff2")}
@font-face{font-family:"Albert Sans";font-weight:600;font-display:swap;src:url(/green/home/albert-sans-600.woff2) format("woff2")}

header.m{position:sticky;top:max(8px,env(safe-area-inset-top,0px));bottom:auto;left:auto;right:auto;z-index:50;display:flex;justify-content:center;
  margin:0;padding:0 16px;width:auto;height:auto;pointer-events:none;background:none;border:0;box-shadow:none;
  font:400 16px/1.6 "Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.005em;color:#2C332D;text-align:left}
header.m *,footer.foot *{box-sizing:border-box;text-wrap:wrap;text-transform:none;word-spacing:normal;font-feature-settings:normal;font-style:normal}
footer.foot{text-wrap:wrap}
header.m .m-in{pointer-events:auto;display:flex;align-items:center;gap:8px;margin:0;padding:8px;width:auto;max-width:100%;
  background:#FFFDF7;border:0;border-radius:999px;box-shadow:0 1px 2px rgba(15,31,23,.08),0 10px 28px -10px rgba(15,31,23,.28)}
header.m a{text-decoration:none;letter-spacing:-.005em}
header.m .m-logo{display:inline-flex;align-items:center;min-height:48px;margin:0;padding:0 16px;border-radius:999px;background:none;
  color:#111311;font:600 16px/1 "Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header.m .m-links{display:flex;gap:8px;margin:0;padding:0;background:none}
header.m .m-links a,header.m .m-login{display:inline-flex;align-items:center;min-height:48px;margin:0;padding:0 16px;border:0;border-radius:999px;
  background:transparent;box-shadow:none;color:#111311;font:500 16px/1 "Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  white-space:nowrap;transition:background .15s;transform:none}
header.m .m-links a:hover{background:#EEF5E9;color:#111311}header.m .m-login{background:#EEF5E9;color:#111311}header.m .m-login:hover{background:#D3E6C8;color:#111311}header.m .m-links a[aria-current]{background:#DCEBD2;color:#111311}
header.m .m-book{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:48px;margin:0 0 0 8px;padding:0 24px;
  border:0;border-radius:999px;background:#0B5D45;box-shadow:none;color:#fff;
  font:600 16px/1 "Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;transition:background .15s}
header.m .m-book:hover{background:#084936;color:#fff}
header.m .m-menu{display:none;position:relative;margin:0;padding:0}
header.m .m-menu summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;min-height:48px;margin:0;padding:0 16px;
  border:1.5px solid #111311;border-radius:999px;background:none;color:#111311;font:500 16px/1 "Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header.m .m-menu summary::-webkit-details-marker{display:none}
header.m .m-menu nav{position:absolute;right:0;top:64px;bottom:auto;width:240px;display:grid;gap:4px;margin:0;padding:8px;
  background:#FFFDF7;border-radius:16px;box-shadow:0 12px 36px -10px rgba(15,31,23,.35)}
header.m .m-menu nav a{display:flex;align-items:center;min-height:48px;margin:0;padding:0 16px;border-radius:12px;background:none;
  color:#111311;font:500 16px/1 "Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header.m .m-menu nav a:hover,header.m .m-menu nav a[aria-current]{background:#DCEBD2}
header.m a:focus-visible,header.m summary:focus-visible{outline:3px solid #0B5D45;outline-offset:3px}
@media(min-width:1001px){header.m .m-links{display:flex}header.m .m-login{display:inline-flex}header.m .m-menu{display:none}}
@media(max-width:1000px){
  header.m{margin-top:8px}
  header.m .m-links,header.m .m-login{display:none}
  header.m .m-menu{display:block}
  header.m .m-in{width:100%;justify-content:space-between}
  header.m .m-logo{margin-right:auto}
  header.m .m-book.hero-on{display:none}
}

/* older pages carry "footer,footer a{color:...!important}", so the footer colours need !important too */
footer.foot{display:block;position:static;gap:normal;justify-content:normal;z-index:auto;margin:0;padding:32px 0 48px;background:none;border:0;
  font:400 14px/1.6 "Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.005em;color:#2C332D!important;text-align:left}
footer.foot .foot-in{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center;max-width:1168px;margin:0 auto;color:#2C332D!important;border:0;
  padding:0 max(24px,env(safe-area-inset-right,0px)) 0 max(24px,env(safe-area-inset-left,0px))}
footer.foot p{margin:0;padding:0;font-size:14px;color:#2C332D!important}
footer.foot nav{display:flex;flex-wrap:wrap;gap:0 16px;justify-content:normal;margin:0;padding:0}
footer.foot a{display:inline-flex;align-items:center;min-height:48px;padding:0;color:#2C332D!important;font-size:14px;text-decoration:underline;text-underline-offset:2px;border:0}
footer.foot nav a{min-width:0;width:auto;margin:0;text-align:left;vertical-align:baseline}
footer.foot .foot-in p{max-width:none;width:auto;flex:0 1 auto;line-height:1.6;letter-spacing:-.005em}
header.m .m-links a,header.m .m-login,header.m .m-logo,header.m .m-book,header.m .m-menu nav a{min-width:0;max-width:none;text-align:left;vertical-align:baseline;line-height:1}
footer.foot a:hover{color:#111311!important}
footer.foot a:focus-visible{outline:3px solid #0B5D45;outline-offset:3px}
@media(max-width:720px){footer.foot .foot-in{padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}}

/* Nov 8: legal pages start below the floating header with 32px of air (Corey: header covered the Texting Policy card) */
main > .sub-legal:first-child{margin-top:0!important;padding-top:32px!important}