/* AskLedger shared design system, used across all sub-pages */ :root{ --navy:#0A1B3D; --ink:#101a2e; --blue:#1E6BFF; --blue-d:#0B4FD1; --muted:#4d5a70; --muted2:#7b8798; --line:#e5e8ef; --line-d:#1d2b4d; --paper:#ffffff; --wash:#f5f7fb; --green:#0f9d6b; --max:1080px; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--paper);color:var(--ink);line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased} img{max-width:100%} .container{max-width:var(--max);margin:0 auto;padding:0 28px} /* Scroll-in entrance. Fail-safe: content is visible by default; the animation class is only added when an element scrolls into view, and it always ends visible, so nothing can get stuck hidden if JS is slow or absent. */ @keyframes al-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}} .js-anim{animation:al-rise .6s cubic-bezier(.22,.61,.36,1) both} @media(prefers-reduced-motion:reduce){.js-anim{animation:none}} a{color:var(--blue);text-decoration:none} a:hover{text-decoration:underline} /* ---------- Shared top nav / mega-menu ---------- */ /* neutralise any page-level `nav{}` rules on the injected inner