/* Reset and element defaults */
*,*::before,*::after{box-sizing:border-box}

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--header-h) + 20px);
}

body{
  margin:0;
  background:var(--color-bg);
  color:var(--color-text);
  font-family:var(--font-sans);
  font-size:var(--fs-body);
  line-height:var(--lh-body);
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}

img,svg,video,canvas{display:block;max-width:100%}

/* Icons inherit text colour and align to the text baseline rather than
   sitting on it, which is what stops them looking pasted on. */
.icon{
  flex:none;
  vertical-align:middle;
  shape-rendering:geometricPrecision;
}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,textarea,select{font:inherit;color:inherit}
ul,ol{list-style:none;margin:0;padding:0}
figure{margin:0}
table{border-collapse:collapse;width:100%}

:focus-visible{
  outline:2px solid var(--color-primary);
  outline-offset:3px;
  border-radius:4px;
}

::selection{background:rgba(25,199,242,.3)}

.screen-reader-text{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}
.screen-reader-text:focus{
  position:static!important;
  width:auto;height:auto;
  clip:auto;white-space:normal;
}

.skip-link{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--color-primary);color:#02050A;
  padding:.75rem 1.25rem;border-radius:0 0 var(--radius-sm) 0;
  font-weight:700;
}
.skip-link:focus{left:0}

/* WordPress core alignment classes */
.alignleft{float:left;margin:0 var(--space-md) var(--space-sm) 0}
.alignright{float:right;margin:0 0 var(--space-sm) var(--space-md)}
.aligncenter{margin-inline:auto;display:block}
.alignwide{max-width:1280px;margin-inline:auto}
.alignfull{max-width:none;width:100%}
.wp-caption{max-width:100%}
.wp-caption-text,figcaption{
  font-size:var(--fs-small);
  color:var(--color-text-secondary);
  margin-top:.6rem;text-align:center;
}
.sticky{position:relative}