/* Shared accessibility and readability layer (leaner-site draft 2026-10-15).
   Loaded last in <head> on every page so it can raise minimums without
   touching each page's own design. Keep it small. */

/* Darker "faint" text so small grey text meets WCAG AA contrast on cream. */
:root{--ink-faint:#6E685E;}

body{line-height:1.5;}

/* Skip link: hidden until it receives keyboard focus. */
.skip-link{position:fixed;left:12px;top:-60px;z-index:10001;background:#142C46;color:#fff !important;
  font:600 16px/1.2 Inter,system-ui,sans-serif;padding:12px 18px;border-radius:4px;text-decoration:underline;}
.skip-link:focus{top:12px;}
main:focus{outline:none;}

/* Visible keyboard focus everywhere. Rust on light areas, gold on dark bars. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:3px solid #a32225;outline-offset:2px;}
nav a:focus-visible,nav button:focus-visible,footer a:focus-visible,footer button:focus-visible,
.hero a:focus-visible,.ctaband a:focus-visible,.form-section a:focus-visible,.form-section button:focus-visible{
  outline-color:#DDB465;}

/* Tap targets of at least 44px for menu, footer and button links. */
.nav-links a:not(.nav-cta){display:inline-block;line-height:20px;padding-top:12px;padding-bottom:12px;}
.nav-links a.nav-cta{line-height:22px;padding-top:11px;padding-bottom:11px;}
.nav-toggle{min-height:44px;}
footer .fcol a{min-height:44px;display:flex;align-items:center;padding-top:0;padding-bottom:0;margin-bottom:0;font-size:16px;}
footer .fcol p{font-size:16px !important;}
.btn,.btn-settings,.download-btn{min-height:44px;}

/* Footer bottom line: readable contrast on navy. */
.foot-bottom{color:rgba(245,240,232,.78) !important;}

/* Translation help line in every footer. */
.foot-lang{max-width:1240px;margin:22px auto 0;padding:0 64px;font:400 16px/1.5 Inter,system-ui,sans-serif;color:rgba(245,240,232,.88);}
.foot-lang a{color:#F5F0E8;text-decoration:underline;display:inline;min-height:0;}
main .foot-lang{padding:0;margin:40px 0 0;color:inherit;}
main .foot-lang a{color:inherit;}
@media (max-width:980px){.foot-lang{padding:0 32px;}}
@media (max-width:820px){.foot-lang{padding:0 22px;}}

/* Breadcrumbs on deeper pages. */
.crumbs{font:500 15px/1.5 Inter,system-ui,sans-serif;margin:0 0 14px;}
.crumbs a{text-decoration:underline;}