/* PolarIT shared styles: navigation, footer and small polish used on every page */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* Keep in-page anchor targets clear of the sticky nav */
[id] { scroll-margin-top: 6rem; }

/* Visible keyboard focus everywhere */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 3px solid rgba(79, 70, 229, 0.45);
    outline-offset: 2px;
}

/* Headings font (also used by the shared nav/footer on pages with their own styles) */
.font-heading { font-family: 'Poppins', sans-serif; }

/* Navigation */
.site-nav { backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); }
.site-nav .nav-link[aria-current="page"] { color: #4338ca; background: #eef2ff; font-weight: 600; }
.site-nav.is-scrolled { box-shadow: 0 6px 20px -12px rgba(15, 23, 42, 0.25); }

/* Minimal resets so the shared nav/footer look identical on pages that don't load Tailwind's base styles.
   :where() keeps these at zero specificity so Tailwind utility classes always win. */
:where(.site-nav, .site-footer) *, :where(.site-nav, .site-footer) *::before, :where(.site-nav, .site-footer) *::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
:where(.site-nav, .site-footer) a { color: inherit; text-decoration: none; }
:where(.site-nav, .site-footer) ul { list-style: none; margin: 0; padding: 0; }
:where(.site-nav, .site-footer) img { display: block; max-width: 100%; }
:where(.site-nav) button { background: transparent; font: inherit; cursor: pointer; }

#mobile-menu { transition: max-height .25s ease, opacity .2s ease; max-height: 0; opacity: 0; overflow: hidden; }
#mobile-menu.is-open { max-height: 90vh; opacity: 1; overflow-y: auto; }
#mobile-menu a[aria-current="page"] { background: #eef2ff; color: #4338ca; }

/* Footer */
.site-footer a { transition: color .15s ease; }

/* Forms: submit stays locked until the security check passes */
form[data-polarit-form] [type="submit"]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
form[data-polarit-form] [type="submit"]:disabled:hover{filter:none}
.polarit-captcha{min-height:65px}