@charset "UTF-8";
@import url("https://use.typekit.net/exn0lys.css");
::-moz-selection {
  background: rgba(20, 40, 62, 0.1);
}

::selection {
  background: rgba(20, 40, 62, 0.1);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  width: 100%;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  background-color: hsl(211, 52%, 90%);
  color: hsl(211, 52%, 16%);
  font-family: "fagun", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  position: relative;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.6rem;
  font-weight: 300;
}

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

p a {
  position: relative;
  padding: 0 0.3rem;
}
p a::after {
  transition: all 0.3s;
  content: "";
  display: block;
  position: absolute;
  height: 0.2rem;
  background-color: rgba(20, 40, 62, 0.1);
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
p a:hover {
  color: hsl(211, 52%, 90%);
}
p a:hover::after {
  background-color: #14283e;
  height: 1.2em;
}

figure {
  border: none;
  outline: none;
  display: block;
  width: 100%;
}
figure iframe {
  aspect-ratio: 16/9;
  border: none;
  width: 100%;
  vertical-align: middle;
}
figure img {
  vertical-align: middle;
}
figure figcaption {
  background-color: hsl(211, 52%, 16%);
  color: hsl(211, 52%, 90%);
  padding: 0.6rem;
}

video,
img {
  height: auto;
  object-fit: contain;
  width: 100%;
}

details summary::-webkit-details-marker,
details summary::marker {
  display: none;
}

ol,
ul {
  line-height: 1.25;
  list-style: none;
}
ol li + li,
ul li + li {
  margin-top: 1em;
}
ol li,
ul li {
  padding-left: 2.4rem;
  position: relative;
}
ol li::before,
ul li::before {
  left: 0;
  position: absolute;
}

ul {
  list-style: none;
}
ul li::before {
  content: "●";
}
ul.checklist li {
  cursor: pointer;
  position: relative;
}
ul.checklist li::before {
  content: "◻";
  opacity: 0.5;
}
ul.checklist li::after {
  content: "✔";
  color: hsl(211, 52%, 16%);
  position: absolute;
  left: 0.2rem;
  top: -0.2rem;
}
ul.checklist li.unchecked::after {
  content: none;
}
ul.checklist.unchecked li::before {
  content: "◻";
}

ol {
  counter-reset: item;
}
ol li {
  counter-increment: item;
}
ol li::before {
  content: counter(item) ".";
}

nav ol,
nav ul {
  list-style: none;
}
nav ol li + li,
nav ul li + li {
  margin: 0;
}
nav ol li,
nav ul li {
  padding-left: 0;
}
nav ol li::before,
nav ul li::before {
  content: none;
  position: relative;
}
nav ol li a:focus, nav ol li a:hover, nav ol li a:active,
nav ul li a:focus,
nav ul li a:hover,
nav ul li a:active {
  opacity: 0.8;
}
nav ol li > details > summary,
nav ul li > details > summary {
  list-style: none;
}
nav.breadcrumb ol, nav[aria-label=breadcrumb] ol {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
  line-height: 1.5;
}
nav.breadcrumb ol li + li::before, nav[aria-label=breadcrumb] ol li + li::before {
  content: "❯";
  margin-right: 1em;
}
nav.breadcrumb ol li:first-of-type, nav[aria-label=breadcrumb] ol li:first-of-type {
  font-weight: 600;
}
nav.breadcrumb ol li.home a, nav[aria-label=breadcrumb] ol li.home a {
  display: block;
}
nav.breadcrumb ol li.home a img, nav[aria-label=breadcrumb] ol li.home a img {
  vertical-align: top;
  margin-top: 0.4rem;
  height: 1.6rem;
  width: 1.6rem;
}

hr {
  border-top: 0.3rem solid #14283e;
}

form {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
form label,
form input {
  display: block;
  font-size: inherit;
  width: 100%;
}
form label {
  font-size: 1.2rem;
}
form input {
  background-color: rgba(255, 255, 255, 0.1);
  border: 0;
  border-radius: 0.3rem;
  color: inherit;
  display: block;
  font-size: inherit;
  outline: 0;
  outline: 0.1rem solid hsl(211, 52%, 16%);
  padding: 0.6em;
  position: relative;
  width: 100%;
}
form input:focus, form input:hover, form input:active {
  background-color: rgba(255, 255, 255, 0.3);
  outline: 0.1rem solid hsl(211, 52%, 16%);
}
form input[type=submit] {
  display: inline-block;
  width: auto;
}
form ::placeholder {
  color: inherit;
  font-size: inherit;
}
form :-ms-input-placeholder {
  color: inherit;
  font-size: inherit;
}
form ::-ms-input-placeholder {
  color: inherit;
  font-size: inherit;
}
form .controls.buttons {
  display: flex;
  flex-direction: row;
  gap: 2.4rem;
  justify-content: flex-end;
}

button,
input[type=submit],
a.button {
  background-color: transparent;
  border: 1px solid hsl(211, 52%, 16%);
  border-radius: 0.6rem;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  opacity: 1;
  outline: none;
  padding: 0.6rem 2.4rem;
  text-align: center;
  text-transform: uppercase;
  transition: opacity 0.3s;
}
button.button-primary,
input[type=submit].button-primary,
a.button.button-primary {
  color: hsl(211, 52%, 90%);
  background-color: hsl(211, 52%, 16%);
  border: 0;
}
button.button-phone,
input[type=submit].button-phone,
a.button.button-phone {
  border: 1px solid hsl(211, 52%, 16%);
  overflow: hidden;
  position: relative;
}
button.button-phone::after,
input[type=submit].button-phone::after,
a.button.button-phone::after {
  background-color: hsl(211, 52%, 90%);
  outline: 2px solid hsl(211, 52%, 16%);
  border-radius: 0.6rem;
  color: hsl(211, 52%, 16%);
  content: "☎ " attr(data-phone);
  left: 0;
  padding: 0.45rem 0.6rem;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translate(0, -100%);
  transition: transform 0.3s;
  width: calc(100% - 1.2rem);
  z-index: 1;
}
button:focus, button:hover, button:active,
input[type=submit]:focus,
input[type=submit]:hover,
input[type=submit]:active,
a.button:focus,
a.button:hover,
a.button:active {
  opacity: 0.8;
}
button:focus.button-phone, button:hover.button-phone, button:active.button-phone,
input[type=submit]:focus.button-phone,
input[type=submit]:hover.button-phone,
input[type=submit]:active.button-phone,
a.button:focus.button-phone,
a.button:hover.button-phone,
a.button:active.button-phone {
  opacity: 1;
}
button:focus.button-phone::after, button:hover.button-phone::after, button:active.button-phone::after,
input[type=submit]:focus.button-phone::after,
input[type=submit]:hover.button-phone::after,
input[type=submit]:active.button-phone::after,
a.button:focus.button-phone::after,
a.button:hover.button-phone::after,
a.button:active.button-phone::after {
  transform: translate(0, 0);
}

button.mobile-nav-button {
  background-color: hsl(211, 52%, 16%);
  border: 0.1rem solid hsl(211, 52%, 90%);
  border-radius: 100%;
  bottom: 2.4rem;
  cursor: pointer;
  height: 4.8rem;
  left: 50%;
  line-height: 0;
  position: fixed;
  transform: translate(-50%, 0);
  transform-origin: center center;
  width: 4.8rem;
  z-index: 2;
}
button.mobile-nav-button .icon {
  background-color: hsl(211, 52%, 90%);
  display: block;
  height: 0.3rem;
  line-height: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  width: 3rem;
}
button.mobile-nav-button .icon::before, button.mobile-nav-button .icon::after {
  background-color: hsl(211, 52%, 90%);
  content: "";
  display: block;
  height: 0.3rem;
  transition: all 0.3s;
  transform-origin: center center;
  width: 3rem;
  position: absolute;
}
button.mobile-nav-button .icon::before {
  transform: translate(0, -0.9rem);
}
button.mobile-nav-button .icon::after {
  transform: translate(0, 0.9rem);
}
button.mobile-nav-button:focus, button.mobile-nav-button:hover, button.mobile-nav-button:active {
  opacity: 1;
}
button.mobile-nav-button.open .icon {
  background-color: rgba(216, 229, 243, 0);
}
button.mobile-nav-button.open .icon::before {
  transform: translate(0, 0) rotate(45deg);
}
button.mobile-nav-button.open .icon::after {
  transform: translate(0, 0) rotate(-45deg);
}

/* width */
::-webkit-scrollbar {
  background: hsl(211, 52%, 90%);
  width: 0.4rem;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 0.4rem;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: hsl(211, 52%, 16%);
  border-radius: 0.4rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #204165;
}

body {
  background-color: #fff;
  color: #000;
  font-size: 12pt;
  padding: 2cm 2cm;
}

main article .tags,
main article .pagination,
header .user,
button#nav-hide-button,
button.mobile-nav-button {
  display: none;
}

main header form,
main header nav {
  display: none;
}
main header h1 {
  filter: brightness(0);
  width: 5cm;
}
main article {
  margin-top: 1cm;
}
main article * + * {
  margin-top: 1cm;
}
main article section.section.title h2 {
  font-size: 48pt;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
main article section.section.content h3 {
  font-size: 24pt;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
main article section.section.content h4,
main article section.section.content h5,
main article section.section.content h6 {
  font-size: 18pt;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
main article section.section.content h1,
main article section.section.content h2,
main article section.section.content h3,
main article section.section.content h4,
main article section.section.content h5,
main article section.section.content h6,
main article section.section.content p,
main article section.section.content ul,
main article section.section.content ol {
  break-inside: avoid;
}
main article section.section.note {
  border: 0.3rem solid #000;
  padding: 1cm 1cm 1cm 3cm;
  position: relative;
}
main article section.section.note h3 {
  margin-top: 16pt;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  word-break: break-all;
}
main article section.section.note::before {
  content: "🛈";
  font-size: 48pt;
  left: 1cm;
  line-height: 1;
  position: absolute;
  top: 1cm;
}
main article section.section.note.warning::before {
  content: "⚠";
}
main article section.section .textimage {
  border-top: 1pt solid hsl(211, 52%, 16%);
  padding-top: 1cm;
}
main article section.section .textimage:has(.textimage-image) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1cm;
}
main article section.section .textimage .textimage-image {
  margin-top: 0;
}
main article section.section .textimage .textimage-image figure {
  border: 1pt solid hsl(211, 52%, 16%);
}
main article section.section .textimage .textimage-image figure figcaption {
  margin-top: 0;
  border-top: 1pt solid hsl(211, 52%, 16%);
  background-color: transparent;
  color: hsl(211, 52%, 16%);
}
main article section.section .textimage .textimage-mixed {
  display: none;
}
main footer {
  text-align: center;
}
main footer .logo {
  filter: brightness(0);
  width: 2.5cm;
}
main footer nav {
  display: none;
}/*# sourceMappingURL=print.css.map */