h1,h2,h3,h4,h5,h6 {
  --pico-typography-spacing-top: 0.5rem;
}

:root {
  --pico-block-spacing-vertical: 0.5em;
  --pico-block-spacing-horizontal: 0.5em;
  --pico-typography-spacing-vertical: 0.5rem;
  --pico-typography-spacing: 0.5rem;
  --pico-line-height: 1.25;
}

.mb {
  margin-bottom: 1em;
}

header {
  --pico-block-spacing-vertical: 0.5em;
}

body>header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body>header .container nav ul.icons:before {
  display: block;
  height: 1.125rem;
  margin-inline: var(--pico-nav-element-spacing-horizontal);
  border-left: var(--pico-border-width) solid var(--pico-form-element-border-color);
  content: "";
}




main>hgroup p.chapter {
  margin-bottom: calc(var(--pico-spacing)* .25);
}
.chapter {
    color: #8b4f00;
    font-weight: 800;
    font-size: 1em;
    letter-spacing: .0625em;
    text-transform: uppercase;
}
main>hgroup p {
    text-wrap: pretty;
}

header {
	border-bottom: solid 1px #ccc;
}


/* ===================================================
                    FROM SNIPS
   ===================================================*/
.hidden {
  display: none;
}

label, fieldset legend {
  margin-bottom: 0;
}


.hidden { display: none !important; }




/* ========================================================
                    valid checkmark
   ========================================================*/
[aria-valid=true]:not(input, select, textarea, html) {
  white-space: nowrap;
}
[aria-valid=true]:not(input, select, textarea, html)::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: var(--pico-icon-valid);
  background-size: 1em auto;
  background-repeat: no-repeat;
  content: "";
  vertical-align: -0.125em;
}
[aria-valid=true]:not(input, select, textarea, html):not(:empty)::before {
  margin-inline-end: calc(var(--pico-spacing) * 0.5);
}
[aria-valid=true]:not(input, select, textarea, html):empty {
  text-align: center;
}


nav {
  justify-content: space-between;
  overflow: visible;
  font-size: 0.8rem;
}
nav ol,
nav ul {
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
nav ol:first-of-type,
nav ul:first-of-type {
  margin-left: calc(var(--pico-nav-element-spacing-horizontal) * -1);
}
nav ol:last-of-type,
nav ul:last-of-type {
  margin-right: calc(var(--pico-nav-element-spacing-horizontal) * -1);
}
nav li {
  display: inline-block;
  margin: 0;
  padding: var(--pico-nav-element-spacing-vertical) var(--pico-nav-element-spacing-horizontal);
}
nav li :where(a, [role=link]) {
  display: inline-block;
  margin: calc(var(--pico-nav-link-spacing-vertical) * -1) calc(var(--pico-nav-link-spacing-horizontal) * -1);
  padding: var(--pico-nav-link-spacing-vertical) var(--pico-nav-link-spacing-horizontal);
  border-radius: var(--pico-border-radius);
}
nav li :where(a, [role=link]):not(:hover) {
  text-decoration: none;
}
nav li button,
nav li [role=button],
nav li [type=button],
nav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),
nav li select {
  height: auto;
  margin-right: inherit;
  margin-bottom: 0;
  margin-left: inherit;
  padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
}
nav[aria-label=breadcrumb] {
  align-items: center;
  justify-content: start;
}
nav[aria-label=breadcrumb] ul li:not(:first-child) {
  margin-inline-start: var(--pico-nav-link-spacing-horizontal);
}
nav[aria-label=breadcrumb] ul li a {
  margin: calc(var(--pico-nav-link-spacing-vertical) * -1) 0;
  margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) * -1);
}
nav[aria-label=breadcrumb] ul li:not(:last-child)::after {
  display: inline-block;
  position: absolute;
  width: calc(var(--pico-nav-link-spacing-horizontal) * 4);
  margin: 0 calc(var(--pico-nav-link-spacing-horizontal) * -1);
  content: var(--pico-nav-breadcrumb-divider);
  color: var(--pico-muted-color);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
nav[aria-label=breadcrumb] a[aria-current]:not([aria-current=false]) {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

/* ===============================================
                    iPhone
   ===============================================*/
@media (max-width:600px) {
  body>header .container nav ul li.hide-before-sm {
    display: none;
  }

  body>header .container nav ul li {
    font-size: 0.9em;
  }
  header .header_title {
    font-size: 1.2em;
  }

  .mobile_hidden {
    display: none;
  }

}