/* Page-level styles carried over from the design artboards. */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper)}
a{color:var(--ink)}
a:hover{color:var(--tangerine-text)}
img{max-width:100%}
[hidden]{display:none!important}

/* Small screens: the main navigation folds behind a Menu button. */
.nav-toggle{display:none}
@media (max-width:1139px){
  .nav-toggle{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-button);background:var(--paper);color:var(--ink);font:500 13px/1 var(--font-sans);cursor:pointer}
  .site-nav{display:none!important;flex-basis:100%;flex-direction:column;align-items:flex-start!important;gap:18px!important;padding:8px 0 4px;font-size:16px!important}
  .site-nav.open{display:flex!important}
}
@media (max-width:400px){.ft-logo{font-size:22px}.ft-logo img{width:28px;height:28px}}

/* Cookie consent banner, added by /js/consent.js. Accept and Reject share one button style.
   max-width keeps it on screen when a page is wider than a phone's viewport. */
.ft-consent{position:fixed;left:0;right:0;bottom:0;z-index:100;max-width:100vw;border-top:1px solid var(--line-strong)}
.ft-consent .inner{max-width:var(--container);margin:0 auto;padding:var(--space-5) clamp(20px,4vw,48px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4) var(--space-8)}
.ft-consent p{max-width:640px;font-size:14px;line-height:1.65;color:var(--muted)}
.ft-consent p a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.ft-consent p a:hover{color:var(--tangerine-text)}
.ft-consent .actions{display:flex;gap:var(--space-3)}
.ft-consent .ft-button{min-width:120px}
@media (max-width:600px){.ft-consent .actions{width:100%}.ft-consent .ft-button{flex:1 1 0;min-width:0}}
