form{display:flex;flex-direction:column;gap:.7rem}
input,select,textarea{width:100%;border:1px solid #d9edf4;background:#fbfeff;padding:.8rem .9rem;border-radius:10px;font-size:1rem}
label{font-weight:800} summary{cursor:pointer;font-weight:800} blockquote{margin:0}

.logo{height:38px;width:auto;display:block}
@media(max-width:480px){.logo{height:32px}}


/* --- CSS-only mobile menu toggle --- */
.nav-toggle{position:absolute;left:-9999px;top:-9999px;}
@media (max-width:860px){
  /* hamburger becomes a label now */
  .hamburger{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;height:44px;
    border-radius:12px;
    border:1px solid rgba(0,0,0,.06);
    background:#fff;
    font-size:24px;
    line-height:1;
    cursor:pointer;
    user-select:none;
  }
  /* Overlay menu panel */
  #mobileMenu{
    display:none;
    position:fixed;
    top:64px; left:0; right:0; bottom:0;
    background:#fff;
    padding:1rem;
    border-top:1px solid #e6f4f8;
    overflow:auto;
    z-index:1200;
    box-shadow:0 18px 40px rgba(0,0,0,.12);
  }
  /* Backdrop */
  #menuBackdrop{
    display:none;
    position:fixed;
    top:64px; left:0; right:0; bottom:0;
    background:rgba(0,0,0,.25);
    z-index:1100;
  }

  /* When checked, show menu + backdrop, lock body scroll (best effort) */
  #navToggle:checked ~ #menuBackdrop{display:block;}
  #navToggle:checked ~ #mobileMenu{display:block;}

  /* Make sure header stays above content */
  header{position:sticky;top:0;z-index:1300;}
}

/* If your mobileMenu/backdrop are not siblings of the checkbox due to DOM order,
   we add an alternative selector using :has for modern browsers. */
@media (max-width:860px){
  body:has(#navToggle:checked) #mobileMenu{display:block;}
  body:has(#navToggle:checked) #menuBackdrop{display:block;}
  body:has(#navToggle:checked){overflow:hidden;}
}

/* Footer social icons under Contact */
.footer .contact-list{list-style:none;padding-left:0;margin:.6rem 0 0 0;display:flex;flex-direction:column;gap:.55rem;}
.footer .contact-list a{display:flex;align-items:center;gap:.6rem;color:#cfe7ee;text-decoration:none;font-weight:800;}
.footer .contact-list a:hover{text-decoration:underline;}
.footer .contact-list svg{flex-shrink:0;}


/* Hide Netlify honeypot and detection form */
.honeypot,
#netlify-form-detect,
input[name="bot-field"]{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  overflow:hidden !important;
}