@charset "UTF-8"; :root{--c-primary:#5DADE2;--c-primary_hover:#3498DB;--c-primary_light:#D6EAF8;--c-primary_glow:rgba(93,173,226,0.25);--c-heading:#2C3E50;--c-body:#475569;--c-subtle:#94A3B8;--c-bg:#FFFFFF;--c-surface:#FAFAFA;--c-surface_alt:#EBF5FB;--c-border:#E2E8F0;--c-success:#10B981;--c-white:#FFFFFF;--f-heading:"Cormorant Garamond",Georgia,serif;--f-body:"Josefin Sans",system-ui,sans-serif} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} /* === UNIVERSAL RESPONSIVE SAFETY NET (May 2026) === Prevents any element from breaking layout at narrow viewports. Applied site-wide. */ html,body{overflow-x:hidden;max-width:100vw} img,video,iframe,svg,canvas{max-width:100%;height:auto;display:block} table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%} pre,code{max-width:100%;overflow-x:auto;word-wrap:break-word;white-space:pre-wrap} /* Touch target minimum -- 44x44px tap area for any clickable element */ button,a.soul-btn,a.btn,input[type="submit"],input[type="button"]{min-height:44px} /* === END RESPONSIVE SAFETY NET === */ html{scroll-behavior:smooth}body{font-family:var(--f-body);color:var(--c-body);background:var(--c-bg);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased} /* === GLOBAL TYPOGRAPHY (May 6 2026 -- Cormorant Garamond headings + Josefin Sans body, 17px base) === Applied site-wide. Individual page templates may override but inherit these defaults. */ h1,h2,h3,h4,h5,h6{font-family:var(--f-heading);color:var(--c-heading);line-height:1.15} h1{font-size:clamp(2.4rem,4.5vw,3.4rem);font-weight:700;letter-spacing:-0.3px;line-height:1.1} h2{font-size:clamp(1.9rem,3vw,2.5rem);font-weight:700} h3{font-size:clamp(1.35rem,2vw,1.75rem);font-weight:700;line-height:1.2} h4{font-size:1.25rem;font-weight:700} p,li,td{font-family:var(--f-body);font-size:17px;line-height:1.7} .nav-link{font-family:var(--f-body);font-size:15px;font-weight:500;letter-spacing:0.1px} /* Note: removed `nav a` from above selector — it was matching .soul-nav-link inside