* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Inter', sans-serif; color: #1c2b2a; }
h1, h2, h3, h4 { font-family: 'Poppins', sans-serif; }
a { color: #0e6f6b; text-decoration: none; }
a:hover { color: #0a4f4c; }
.form-control:focus, .form-select:focus { border-color: #0e6f6b; box-shadow: 0 0 0 0.2rem rgba(14,111,107,0.15); }
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal; font-style: normal; font-size: 24px; line-height: 1;
  letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap;
  word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
/* Google Website Translator: keep only our own nav dropdown, hide Google's own banner/tooltip UI. */
.goog-te-banner-frame { display: none !important; }
body { top: 0px !important; position: static !important; }
.goog-te-gadget { height: 0; overflow: hidden; }
.goog-tooltip, .goog-tooltip:hover { display: none !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }
/* Main nav offcanvas (#mainNav): only constrain its width below the lg breakpoint, where it's a real slide-out
   drawer. At lg+ it reverts to Bootstrap's inline "offcanvas-lg" nav behavior and must be left free to size
   itself — an inline style here would apply at every breakpoint and break the desktop layout. */
@media (max-width: 991.98px) {
  #mainNav { width: 85%; max-width: 320px; }
}