*,*::before,*::after {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--cd-header-height) + 24px)
}

body {
  margin:0;
  background:var(--cd-bg);
  color:var(--cd-text);
  font-family:var(--cd-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased
}

h1,h2,h3,h4,p,figure {
  margin:0
}

a {
  color:inherit;
  text-decoration:none
}

button,input,textarea,select {
  font:inherit
}

button {
  color:inherit
}

img {
  display:block;
  max-width:100%;
  height:auto
}

picture {
  display:block;
  min-width:0
}

button,a,input,summary,textarea,select {
  -webkit-tap-highlight-color:transparent
}

button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible {
  outline:2px solid var(--cd-blue);
  outline-offset:5px
}

a,button,summary {
  touch-action:manipulation
}

[hidden] {
  display:none!important
}

::selection {
  background:var(--cd-accent);
  color:#fff
}

.cd-container {
  width:min(100%,calc(var(--cd-width) + 2 * var(--cd-gutter)));
  margin-inline:auto;
  padding-inline:var(--cd-gutter)
}

.cd-container--reading>.cd-prose{max-width:var(--cd-reading)}

.cd-section {
  padding-block:var(--cd-space)
}

.cd-skip {
  position:fixed;
  top:12px;
  left:12px;
  z-index:1000;
  transform:translateY(-180%);
  padding:12px 20px;
  background:var(--cd-text);
  color:var(--cd-bg)
}

.cd-skip:focus {
  transform:none
}

#main-content:focus {
  outline:0
}

.cd-pagination {
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:48px
}

.cd-pagination [aria-current] {
  background:var(--cd-accent);
  color:#fff
}

.cd-empty {
  padding:40px 0;
  color:var(--cd-muted)
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    animation-duration:.01ms!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important
  }
}

.cd-pagination .cd-button{min-width:42px;min-height:42px;padding:8px 12px;justify-content:center}
.cd-pagination__arrow{font-size:25px;line-height:1}
.cd-pagination [aria-disabled]{opacity:.35}
.cd-pagination__gap{align-self:center;color:var(--cd-dim)}