@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box;letter-spacing:0}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-ui,'Inter',system-ui,sans-serif);
  -webkit-font-smoothing:antialiased;
  font-size:14px;
  color:var(--ink,#1A202C);
  background:var(--surface,#FFFFFF);
}
button,input,textarea,select{font:inherit;max-width:100%}
button,a{touch-action:manipulation;cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.45}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{flex-shrink:0}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,.section-title,.hero h1,.page-heading h1,.article-heading h1{
  font-family:var(--font-display,'Archivo',system-ui,sans-serif);
}
button:focus-visible,a:focus-visible{outline:2px solid var(--orange,#F47B20);outline-offset:4px}
::selection{background:#ffe1c7;color:#1A202C}
.icon{width:1em;height:1em;display:inline-block;vertical-align:-.125em}
.icon-sm{width:14px;height:14px}
.icon-md{width:18px;height:18px}
.icon-lg{width:24px;height:24px}
.spin{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.skip-link{
  position:absolute;left:-999px;top:0;background:var(--orange);color:#fff;padding:8px 12px;z-index:1000
}
.skip-link:focus{left:8px;top:8px}