/* Modern Advice — shared static styles.
   Most visual styling lives inline on each element (imported from the original
   design). This file only handles what a static site needs that the original
   relied on JavaScript for: responsive nav, the mobile menu, and hover/focus. */

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#F4F6EF;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:'Hanken Grotesk',system-ui,sans-serif;}
input,textarea,button,select{font-family:inherit;}
input:focus,textarea:focus{outline:none;}
::selection{background:#52704A;color:#EDF1E6;}
img{max-width:100%;}

/* [hidden] must always win, even over inline display values */
[hidden]{display:none !important;}

/* Mobile dropdown menu stacks vertically when shown ([hidden] overrides this) */
.mobile-menu{display:flex;}

/* Responsive navigation: swap desktop nav for the mobile menu button at 880px */
.only-desktop{display:block;}
.only-mobile{display:none;}
@media (max-width:880px){
  .only-desktop{display:none;}
  .only-mobile{display:block;}
}

/* Portal dropzone active state */
.dropzone.is-dragover{border-color:#52704A !important;background:#E6EEDA !important;}

@keyframes hookDrift{0%,100%{transform:translateY(0);}50%{transform:translateY(-7px);}}
@media (prefers-reduced-motion: reduce){
  [data-hook-line]{opacity:1 !important;transform:none !important;}
  [data-hook-float]{animation:none !important;}
}