/* Consolidated from inline <style> in templates/layout.php. ASCII only. */
/* -- orange brand chrome (matches landing + contact) ----------------------- */
  :root{
    --orange:#f4620d; --orange-d:#d8520a; --lime:#a6d70b; --lime-d:#8ab800;
    --bgreen:#1f9d4e; --bgreen-d:#177a3c; --bink:#15130c;
  }
  body{margin:0;background:var(--orange);color:#fff;min-height:100vh;
    display:flex;flex-direction:column;
    font:16px/1.55 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
  a{color:inherit}
  .am-wrap{max-width:1040px;margin:0 auto;padding:0 22px;width:100%}

  /* header */
  header.am-top{position:relative;z-index:5}
  .am-top-inner{display:flex;align-items:center;gap:14px;padding:16px 0 8px;flex-wrap:wrap}
  .am-brand{display:flex;align-items:center;gap:11px}
  .am-brand img{height:42px;width:auto;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}
  .am-brand .name{font-weight:900;font-size:21px;letter-spacing:-.02em;line-height:1.05;color:#fff}
  .am-brand .name b{color:var(--lime)}
  .am-brand .tag{font-size:11px;font-weight:800;letter-spacing:.06em;opacity:.95;color:#000}
  .am-brand .tag b{color:var(--lime)}
  .am-nav{margin-left:auto;display:flex;align-items:center;gap:16px;font-weight:700;font-size:14px;flex-wrap:wrap}
  .am-nav a{opacity:.92;text-decoration:none;color:#fff}
  .am-nav a:hover{opacity:1;text-decoration:underline}
  .am-nav a.active{color:var(--lime);opacity:1}
  .am-auth{display:flex;align-items:center;gap:10px;padding-left:16px;border-left:1px solid rgba(255,255,255,.35)}
  .am-auth .avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.6)}
  .am-auth .who{font-weight:700;font-size:13.5px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .am-auth .login{background:var(--lime);color:var(--bink);padding:8px 14px;border-radius:9px;font-weight:900;
    text-transform:uppercase;letter-spacing:.02em;box-shadow:0 4px 0 var(--lime-d)}

  /* content sits in a white card on the orange field, like the contact page */
  main.am-main{flex:1;padding:24px 0 56px}
  .am-card{background:#fff;color:var(--bink);border-radius:16px;
    box-shadow:0 12px 28px rgba(0,0,0,.26);border:1px solid rgba(0,0,0,.06);
    padding:30px 32px 36px;margin:0 auto;max-width:760px}
  .am-card.wide{max-width:1040px}

  /* normalize the page-body classes from style.css onto the white card */
  .am-card .page-head{padding:0 0 6px}
  .am-card .page-head h1{color:var(--orange-d);font-family:"Arial Black",sans-serif;
    font-weight:900;text-transform:uppercase;font-size:clamp(26px,4vw,38px);line-height:1;margin:0 0 8px}
  .am-card .lede,.am-card .lead{color:#6c6450;font-weight:600}
  .am-card a{color:var(--orange-d);font-weight:700;text-decoration:none}
  .am-card a:hover{text-decoration:underline}
  .am-card label{color:#7a6f55}
  .am-card .contact-form input,.am-card .contact-form textarea,.am-card .contact-form select,
  .am-card .admin-addform input,.am-card .admin-addform select{
    border:2px solid #e7ddc4;border-radius:9px}
  .am-card .contact-form input:focus,.am-card .contact-form textarea:focus,.am-card .contact-form select:focus{
    border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,98,13,.18)}
  /* lime CTA buttons (override the green primary) */
  .am-card .btn-primary,.am-card button[type=submit]{
    background:var(--lime);color:var(--bink);border:0;border-radius:11px;
    padding:13px 24px;font-weight:900;text-transform:uppercase;letter-spacing:.01em;
    box-shadow:0 5px 0 var(--lime-d),0 8px 14px rgba(0,0,0,.18)}
  .am-card .btn-primary:hover,.am-card button[type=submit]:hover{
    transform:translateY(1px);box-shadow:0 4px 0 var(--lime-d),0 6px 11px rgba(0,0,0,.18)}
  .am-card .notice.ok{background:rgba(31,157,78,.12);border:1px solid var(--bgreen);color:var(--bgreen-d)}
  .am-card .notice.err{background:rgba(216,82,10,.10);border:1px solid var(--orange);color:var(--orange-d)}

  /* ============================================================= */
  /* ONE shared site footer (templates/_footer.php) -- BLACK chrome */
  /* Modeled on assets/style.css .site-foot{background:#0c1410}.    */
  /* Linked on every surface, so it overrides any orange-field bg.  */
  /* ============================================================= */
  footer.foot{background:#0c1410;color:#ffffff;margin-top:40px;
    padding:0;text-align:left;font-size:14px;border-top:3px solid var(--lime)}
  footer.foot .foot-inner{max-width:1060px;margin:0 auto;
    padding:34px 22px 30px;display:flex;flex-direction:column;gap:18px}
  footer.foot .foot-cols{display:flex;flex-wrap:wrap;gap:30px 48px}
  footer.foot .foot-col{flex:1 1 160px;min-width:150px}
  footer.foot .foot-brand-col{flex:1 1 230px}
  footer.foot .foot-brand{font-weight:900;font-size:18px;color:#ffffff;letter-spacing:-.01em}
  footer.foot .foot-tag{margin:8px 0 12px;color:#ffffff;opacity:.85;font-size:13px;line-height:1.5;max-width:34ch}
  footer.foot .foot-h{font-weight:800;font-size:12px;text-transform:uppercase;
    letter-spacing:.08em;color:var(--lime);margin-bottom:10px}
  footer.foot .foot-links{list-style:none;margin:0;padding:0;display:flex;
    flex-direction:column;gap:7px}
  footer.foot .foot-links li{margin:0}
  footer.foot a{color:#ffffff;text-decoration:none;font-weight:600}
  footer.foot a:hover,footer.foot a:focus{color:#ffffff;text-decoration:underline}
  footer.foot .foot-ssl{display:inline-flex;align-items:center;gap:6px;
    font-size:12px;font-weight:700;color:#ffffff;opacity:.9}
  footer.foot .foot-ssl svg{flex:0 0 auto;color:var(--lime)}
  footer.foot .foot-legal{border-top:1px solid rgba(255,255,255,.14);
    padding-top:16px;color:#ffffff;opacity:.7;font-size:12.5px;max-width:90ch;line-height:1.5}
  footer.foot .foot-credit{color:#ffffff;opacity:.6;font-size:12px}
  footer.foot .foot-credit a{text-decoration:underline;color:#ffffff}
  @media(max-width:620px){ footer.foot .foot-cols{gap:24px 32px} footer.foot .foot-col{flex:1 1 45%} }

  @media(max-width:620px){ .am-card{padding:22px 18px 26px} .am-nav{font-size:13px;gap:12px} }

/* themed-scrollbar v1 (moneyfornoth.in) */
* { scrollbar-width: thin; scrollbar-color: #f4620d #15130c; }
::-webkit-scrollbar { width: 13px; height: 13px; }
::-webkit-scrollbar-track { background: #15130c; }
::-webkit-scrollbar-thumb { background: #f4620d; border-radius: 7px; border: 2px solid #15130c; }
::-webkit-scrollbar-thumb:hover { background: #a6d70b; }
::-webkit-scrollbar-corner { background: #15130c; }

/* -- language switcher (flag dropdown) --------------------------------------
   Reusable EN/ES flag dropdown. <details>/<summary> so it works without JS:
   click the flag pill to reveal the menu; pick a language to switch (?lang=).
   Inlined SVG flags (NO TOFU). Used in layout.php nav + landing.php auth-bar. */
.lang-switch{position:relative;display:inline-block;font-size:13px;line-height:1}
.lang-switch summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;
  background:#fff;color:#15130c;border:1px solid #e0d6bd;border-radius:999px;
  padding:5px 10px 5px 9px;font-weight:700;white-space:nowrap;
  box-shadow:0 1px 2px rgba(0,0,0,.12);transition:border-color .15s ease,box-shadow .15s ease}
.lang-switch summary::-webkit-details-marker{display:none}
.lang-switch summary:hover{border-color:#f4620d;box-shadow:0 2px 6px rgba(244,98,13,.18)}
.lang-switch .lang-flag{display:inline-flex;width:20px;height:15px;flex:0 0 20px;
  border-radius:2px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.lang-switch .lang-flag svg{width:100%;height:100%;display:block;object-fit:cover}
.lang-switch .lang-name{font-weight:700}
.lang-switch .lang-caret{display:inline-flex;color:#8a8170;margin-left:1px;transition:transform .18s ease}
.lang-switch[open] .lang-caret{transform:rotate(180deg)}
.lang-switch .lang-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;
  background:#fff;border:1px solid #e0d6bd;border-radius:12px;padding:5px;min-width:160px;
  box-shadow:0 12px 28px rgba(0,0,0,.22)}
.lang-switch .lang-opt{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;
  color:#15130c;text-decoration:none;font-weight:700}
.lang-switch .lang-opt:hover{background:#fbf4e6}
.lang-switch .lang-opt.is-active{background:rgba(244,98,13,.10);color:#d8520a}
.lang-switch .flag-fallback{font-size:10px;font-weight:800;letter-spacing:.04em}
/* on the orange landing auth-bar, give the pill a touch more contrast spacing */
.auth-bar .lang-switch{margin-right:2px}