/* DEMO / Reset PICO */


:host, :root {
  --pico-font-size: initial !important;
  --pico-color: initial !important;
  --pico-font-family: var(--font-body) !important;
}
h1, h2, h3 {
  --pico-font-size: initial !important;
  --pico-color: initial !important;
  margin: 0;
}
/*
@media (min-width: 1536px) {
  :host, :root {
    --pico-font-size: 131.25%;
  }
}
*/
  
/* Remove breakpoints for stage width */
.container {
  padding-inline: 3% !important;
  max-width: 100% !important;
}
@media (min-width: 1920px) {
  .container {
    padding-inline: 0 !important;
  }
}
/*
@media (min-width: 576px) {
  .container {
    max-width: 1855px !important;
    padding-right: var(--pico-spacing) !important;
    padding-left: var(--pico-spacing) !important;
  }
}
*/

:where(ol, ul) li {
  --pico-typography-spacing-vertical: 0;
}





/**************************************
  ???
 **************************************/
 
 
/* misc */
article {
  padding-inline: 0;
  background: none;
}
nav ul {
  display: block;
}
nav li {
  padding-block: calc(0.25 * var(--padding));
}
:where(nav li)::before {
  display: none;
}
nav > ul > li {
  padding-block: var(--padding);
}

a {
  text-decoration: none;
}
ul, ol {
  margin: 0;
  padding: 0;
}
ul[role="list"] li, ol li {
  list-style: none;
}
aside li {
  padding: 0;
}
:where(article, address, blockquote, dl, figure, form, ol, p, pre, table, ul) ~ :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 0;
}

/* Typography */

/*
:root {
  --pico-typography-spacing-vertical: 0;
  --pico-typography-spacing-top: 0;
}
h2, h3, h4, h5, h6 {
  --pico-font-size: 1.25em;
}
p {
  margin-bottom: 0;
}
p + p {
  --pico-typography-spacing-vertical: 1em;
  margin-top: var(--pico-typography-spacing-vertical);
}
li > p {
  --pico-typography-spacing-vertical: 0;
}
*/