body {
  text-rendering: optimizeLegibility;
  font-family: "Raleway", "Open Sans", "Segoe UI", Helvetica, "Arial Narrow", sans-serif;
}

.layout-container {
  background: var(--bg-rgb);
  color: var(--text-rgb);
}

.pswp--open,
.layout-container {
  font-variant: small-caps;
  font-size-adjust: 0.475;
  font-size: 1.1em;
  letter-spacing: 0.075em;
}

.wrap-inner {
  background-color: var(--wood-flat);
  background: radial-gradient(ellipse farthest-corner, var(--wood-rgb-a) var(--wood-pt-a), var(--wood-rgb-b) var(--wood-pt-b), var(--wood-rgb-c) var(--wood-pt-c));
  background: radial-gradient(ellipse farthest-corner, var(--wood-ok-a) var(--wood-pt-a), var(--wood-ok-b) var(--wood-pt-b), var(--wood-ok-c) var(--wood-pt-c));
  position: relative;
  z-index: 0;
}
.wrap-inner::before {
  content: "";
  pointer-events: none;
  z-index: -1;
  position: absolute;
  inset: 0;
  background-position: center;
  opacity: var(--wood-opacity-alpha);
  background-image: url("../design/wg3-alpha-1024.png");
}
@supports (mix-blend-mode: overlay) {
  .wrap-inner::before {
    background-image: url("../design/wg4-overlay-1024.webp");
    opacity: var(--wood-opacity-overlay);
    mix-blend-mode: overlay;
  }
}
@supports (transform: scale(1)) {
  .wrap-inner::before {
    inset: 25%;
    transform: scale(2);
    background-image: url("../design/wg3-alpha-512.png");
  }
  @supports (mix-blend-mode: overlay) {
    .wrap-inner::before {
      background-image: url("../design/wg4-overlay-512.webp");
      mix-blend-mode: overlay;
    }
  }
}
.wrap-inner::after {
  content: "";
  pointer-events: none;
  z-index: -1;
  position: absolute;
  inset: 0;
  background-position: center;
}
@supports (mix-blend-mode: overlay) {
  .wrap-inner::after {
    background-image: url("../design/wg3-screen-1024.webp");
    opacity: var(--wood-opacity-screen);
    mix-blend-mode: screen;
  }
}
@supports (transform: scale(1)) {
  .wrap-inner::after {
    inset: 25%;
    transform: scale(2);
  }
  @supports (mix-blend-mode: overlay) {
    .wrap-inner::after {
      background-image: url("../design/wg3-screen-512.webp");
      mix-blend-mode: screen;
    }
  }
}

body {
  background: var(--header-bg-rgb);
  background-image: url("../design/clean-textile-420.png");
  background-position: center;
}

header,
footer {
  background: var(--header-bg-rgb);
  color: var(--header-text-rgb);
}
header a, header a:active, header a:hover, header a:visited,
footer a,
footer a:active,
footer a:hover,
footer a:visited {
  color: var(--header-text-rgb);
}
header,
footer {
  position: relative;
  z-index: 0;
}
header::before,
footer::before {
  content: "";
  pointer-events: none;
  z-index: -1;
  position: absolute;
  inset: 0;
  background-image: url("../design/clean-textile-420.png");
  background-position: center;
}
header a,
footer a {
  border: none !important;
}

ul.directions {
  padding-left: 0;
}
ul.directions > li {
  list-style: none;
  margin-bottom: 1.5em;
}
ul.directions > li > ol {
  margin: 1em 0 1em 1em;
  padding: 0 0 0 1em;
}
ul.directions > li > ol > li {
  padding-left: 0.5em;
}

.media {
  line-height: 0px;
}

.floatimageright {
  line-height: 0px;
}

.shadowed {
  filter: drop-shadow(0.3em 0.3em 0.3em #909088);
}

table .text caption {
  font-weight: bold;
}
table .text tr {
  border-top: 1px dotted;
}

address {
  font-style: normal;
}

.page, .page::before {
  border-radius: 2rem;
}
.page {
  background-clip: padding-box;
  background: var(--pickguard-rgb-a);
  color: var(--page-text-rgb);
  background: radial-gradient(ellipse farthest-corner, var(--pickguard-rgb-a) var(--pickguard-pt-a), var(--pickguard-rgb-b) 100%);
  background: radial-gradient(ellipse farthest-corner, var(--pickguard-ok-a) var(--pickguard-pt-a), var(--pickguard-ok-b) 100%);
  position: relative;
  z-index: 0;
}
.page::before {
  content: "";
  pointer-events: none;
  z-index: -1;
  position: absolute;
  inset: 0;
  background-position: center;
  opacity: 0.375;
  filter: blur(1px);
  background-image: url("../design/pickguard-740.png");
}
@supports (mix-blend-mode: overlay) {
  .page::before {
    background-image: url("../design/pguard-overlay-740.webp");
    mix-blend-mode: overlay;
    opacity: var(--pickguard-img-opacity);
  }
}
@supports (transform: scale(1)) {
  .page::before {
    inset: 25%;
    transform: scale(2);
    filter: blur(0.5px);
    background-image: url("../design/pickguard-370.png");
  }
  @supports (mix-blend-mode: overlay) {
    .page::before {
      background-image: url("../design/pguard-overlay-370.webp");
    }
  }
}
.page::after {
  content: "";
  pointer-events: none;
  z-index: -1;
  position: absolute;
  inset: 0;
  inset: 1rem;
  opacity: var(--pickguard-screw-opacity);
  filter: var(--pickguard-screw-filter);
  background-image: url(../design/screw-oval.svg), url(../design/screw-oval.svg), url(../design/screw-oval.svg), url(../design/screw-oval.svg);
  background-position: top left, top right, bottom left, bottom right;
  background-repeat: no-repeat;
  background-size: 0.75rem 0.75rem;
}
.page a {
  color: var(--page-link-rgb);
  border-bottom: 0.05em dotted var(--page-link-rgb);
}
.page a:visited {
  color: var(--page-link-rgb-visited);
  border-color: var(--page-link-rgb-visited);
}
.page a:hover, .page a:active {
  color: var(--page-link-rgb-selected);
  border-color: var(--page-link-rgb-selected);
}
.page hr {
  border: none;
  border-bottom: 0.15em dotted var(--page-text-rgb);
}

/*# sourceMappingURL=design.css.map */