@font-face {
  font-family: "Monaspace";
  src: url("../fonts/MonaspaceArgonVarVF[wght,wdth,slnt].woff2") format("woff2"), url("../fonts/MonaspaceArgonVarVF[wght,wdth,slnt].woff") format("woff");
  font-weight: 300 900;
  font-display: swap;
  font-style: italic;
}
html {
  scrollbar-gutter: stable;
}

body {
  background: var(--background-primary);
}

body, button, input, select, textarea {
  color: var(--on-primary);
  font-size: 1rem;
  line-height: 1.7;
  letter-spacing: 0.045rem;
  font-weight: 200;
}

.site-content .content-area {
  width: 80%;
}

.is-left-sidebar,
.is-right-sidebar {
  width: 20%;
}

.inside-left-sidebar {
  position: sticky;
  top: 2.75rem;
}

.main-title {
  font-size: 3rem;
}

::selection {
  background: var(--key-primary);
  color: var(--background-primary);
}

a {
  color: var(--key-primary);
}
a:not(:hover) {
  text-decoration: none;
}

#page aside, #editor aside {
  padding: 0;
}
#page aside h2, #editor aside h2 {
  margin-bottom: 1.25rem;
}

.wp-block-group .wp-block-group__inner-container {
  padding: 0;
}

input[type] {
  border-radius: 0;
  color: var(--on-primary);
  background: var(--background-secondary);
  border: none;
  padding: 0.5rem 1rem;
}
input[type]:focus-visible {
  border: none;
  outline: none;
}

.wp-block-search__label {
  display: none;
}

button {
  padding: 0.25rem 1rem;
  border-radius: 0;
  font-size: 80%;
  text-transform: uppercase;
  background: var(--key-primary);
  color: var(--background-primary);
}
button:hover {
  background: var(--on-primary);
}

.wp-block-categories-list .cat-item {
  margin: 0.25rem 0;
}
.wp-block-categories-list .children {
  margin-top: 0;
  margin-left: 2rem;
}
.wp-block-categories-list a {
  color: var(--on-primary);
  opacity: 0.7;
}
.wp-block-categories-list a:hover {
  opacity: 1;
  text-decoration: none;
  color: var(--headline-primary);
}

.wp-block-navigation__submenu-container,
.children {
  display: none;
}
.current-menu-ancestor > .wp-block-navigation__submenu-container, .current-menu-item > .wp-block-navigation__submenu-container, .current-cat-ancestor > .wp-block-navigation__submenu-container, .current-cat > .wp-block-navigation__submenu-container,
.current-menu-ancestor > .children,
.current-menu-item > .children,
.current-cat-ancestor > .children,
.current-cat > .children {
  display: block;
}

.current-cat a,
.current-cat-ancestor > a {
  opacity: 1;
  font-weight: 600;
}

.current-cat > a,
.current-menu-item > a {
  font-weight: 600;
  color: var(--key-primary);
}
.current-cat > a:hover,
.current-menu-item > a:hover {
  color: var(--key-primary);
}

#ez-toc-container {
  background: transparent;
  border: none;
  padding: 0;
}
#ez-toc-container a {
  color: var(--key-primary);
}
#ez-toc-container a:visited {
  color: inherit;
  color: var(--key-primary);
}

.one-container.archive .post:not(:last-child):not(.is-loop-template-item),
.one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
  padding: 0;
}

footer.entry-meta {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 0.35rem;
  opacity: 0;
  margin-top: 0.35rem;
}
footer.entry-meta .tags-links,
footer.entry-meta .cat-links {
  display: flex;
  gap: 0.35rem;
}
footer.entry-meta .tags-links *,
footer.entry-meta .cat-links * {
  display: none;
}
footer.entry-meta .tags-links a,
footer.entry-meta .cat-links a {
  display: inline-block;
  padding: 0.25rem 1rem;
  background: var(--background-secondary);
  color: var(--on-primary);
  border-radius: 5px;
  transition: var(--transition, 200ms);
  text-transform: uppercase;
  font-size: 80%;
  font-weight: 400;
}
footer.entry-meta .tags-links a:hover,
footer.entry-meta .cat-links a:hover {
  background: var(--key-primary);
  color: var(--on-primary);
  text-decoration: none;
}
footer.entry-meta .tags-links {
  order: -1;
}
footer.entry-meta .tags-links a {
  background: #20295a;
  color: var(--on-primary);
}
.archive footer.entry-meta {
  position: absolute;
}

.archive article .entry-header {
  margin-bottom: 0.5rem;
}
.archive article .entry-summary {
  margin-top: 0rem;
}
.archive article .entry-content {
  margin-top: 0rem;
}
.archive article .entry-title pre.wp-block-code.has-large-font-size {
  margin-bottom: 0;
}
.archive article:hover .entry-meta {
  opacity: 1;
}
.archive article:hover .read-more-container .entry-meta {
  opacity: 0 !important;
}

.tags {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
}
.tags .tag {
  display: inline-block;
  padding: 0.25rem 1rem;
  background: var(--background-secondary);
  color: var(--on-primary);
  border-radius: 5px;
  transition: var(--transition, 200ms);
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--headline-primary);
}
h1 .tags, h2 .tags, h3 .tags, h4 .tags, h5 .tags, h6 .tags {
  margin-left: 0.25rem;
}

h1 {
  font-size: 200%;
}
#main h1 {
  border-bottom: 1px solid #313a6a;
  padding-bottom: 3.75rem;
  margin-bottom: 3.75rem;
}

#main h2, h2.block-editor-block-list__block {
  margin-bottom: 2.5rem;
  font-size: 150%;
}
#main h2:not(:first-child), h2.block-editor-block-list__block:not(:first-child) {
  margin-top: 3.75rem;
}

h3 {
  font-size: 120%;
  margin-bottom: 1.25rem;
}
article h3:has(a) {
  gap: 0.5rem;
  display: flex;
  flex-flow: row nowrap;
}
article h3:has(a) .tag {
  order: 2;
}
article h3:has(a) a {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
  order: -1;
  color: var(--headline-primary);
}
article h3:has(a) a:hover span:not(.tag) {
  color: var(--key-primary) !important;
}
article h3:has(a) a:hover .tag {
  color: var(--headline-primary);
  opacity: 1;
}

h4 {
  font-size: 110%;
}

article {
  position: relative;
}
article .entry-title pre.wp-block-code span {
  font-size: 1.25rem;
}
article .post-link {
  opacity: 0;
  font-size: 1rem;
}
article .post-link.to-clipboard {
  color: green;
}
article .post-link.to-clipboard:active, article .post-link.to-clipboard:focus, article .post-link.to-clipboard:target, article .post-link.to-clipboard:focus-visible, article .post-link.to-clipboard:focus-within {
  opacity: 1 !important;
}
article .post-link:ho ver {
  cursor: pointer;
}
article:hover .post-link {
  opacity: 1;
}
article:hover .post-link:hover {
  opacity: 0.8;
}

p > code {
  font-size: 0.875rem;
  background: #12193f;
  padding: 0.45rem 0.75rem;
  border-radius: 5px;
  margin-right: 8px;
  margin-bottom: 5px;
  line-height: 2.75;
}

pre.wp-block-code code {
  font-family: "Monaspace";
  font-variation-settings: "wght" 375;
}

.wp-block-group {
  margin-bottom: 3.75rem;
}
.wp-block-group:not(:first-child) {
  margin-top: 3.75rem;
}

pre.wp-block-code {
  display: flex;
  flex-flow: column-reverse nowrap;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 1.75rem;
  color: var(--on-primary);
  background: var(--background-secondary);
  border: none;
  padding: 1rem 1.5rem;
}
pre.wp-block-code ::selection {
  background: var(--key-primary);
  color: var(--background-primary);
}
pre.wp-block-code:last-child {
  margin-bottom: 0;
}
pre.wp-block-code.has-large-font-size {
  background: transparent;
  padding: 0;
  margin-bottom: 1.25rem;
}
pre.wp-block-code.has-large-font-size div, pre.wp-block-code.has-large-font-size span {
  font-size: 1.125rem;
  font-weight: 400;
}
pre.wp-block-code .token.regex, pre.wp-block-code .token.important, pre.wp-block-code .token.variable {
  color: var(--key-primary);
}
pre.wp-block-code .prism-titlename {
  background: transparent;
  font-size: 13px;
  font-weight: 300;
  color: #ffffff;
  margin: 1rem 0 0;
  padding: 0;
}
pre.wp-block-code span {
  white-space: normal;
}
pre.wp-block-code code[class*=language-] {
  white-space: pre;
}

hr.wp-block-separator {
  margin: 3.75rem auto;
  border-width: 1px;
  border-color: var(--border-primary);
}