:root {
  --10e5: oklch(0.250 0.006 56.1);
  --1aik: 8px;
  --1mu7: 1px;
  --1rcf: oklch(0.975 0.004 56.4);
  --1rtw: oklch(0.531 0.071 237.6);
  --1syf: 16px;
  --3dc4: oklch(1.000 0.001 106.4);
  --4119: 16px;
  --5fdw: oklch(0.880 0.009 56.3);
  --a9dj: oklch(1.000 0.000 0.0);
  --jfue: oklch(0.500 0.008 53.3);
  --pj5t: Spectral, Georgia, "Times New Roman", serif;
  --rp9i: Jost, "Helvetica Neue", Arial, sans-serif;
}
@font-face {
  font-display: optional;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/jost.cyr400.woff2) format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-display: optional;
  font-family: Jost;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/jost.cyr700.woff2) format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-display: optional;
  font-family: Jost;
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/jost.lat400.woff2) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-display: optional;
  font-family: Jost;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/jost.lat700.woff2) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-display: optional;
  font-family: Spectral;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/spectral.cyr700.woff2) format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-display: optional;
  font-family: Spectral;
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/spectral.lat700.woff2) format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
html {
  font-size: 18px;
}
body.b-page {
  background: var(--3dc4);
  color: var(--10e5);
  font-family: var(--rp9i);
  line-height: 1.56;
  margin: 0;
}
body.b-page {
  overflow-wrap: break-word;
}
body.b-page * {
  min-width: 0;
}
.b-masthead {
  align-items: flex-start;
  border-bottom: var(--1mu7) solid var(--5fdw);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--1syf);
  justify-content: space-between;
  padding: 8px var(--1syf);
}
.b-masthead-holder {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.b-masthead-details {
  color: var(--jfue);
  font-size: 0.707rem;
  margin: 0;
}
.b-brand {
  color: var(--10e5);
  font-family: var(--pj5t);
  font-size: 1.999rem;
  font-weight: 700;
  letter-spacing: 0;
  text-decoration: none;
}
.b-navigation {
  display: flex;
  flex-wrap: wrap;
  gap: var(--1syf);
}
.b-navigation ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--1syf);
  list-style: none;
  margin: 0;
  padding: 0;
}
.b-navigation a {
  color: var(--jfue);
  text-decoration: none;
}
.b-navigation a:hover,.b-navigation a[aria-current] {
  color: var(--1rtw);
}
@media (min-width:60rem){
  .b-aside .b-navigation {
    flex-direction: column;
  }
  .b-aside .b-navigation ul {
    flex-direction: column;
  }
}
.b-grid {
  margin: 0 auto;
  max-width: 76rem;
  padding: 16px var(--1syf);
}
.b-grid.b-grid--aside {
  display: grid;
  gap: 16px;
}
@media (min-width:60rem){
  .b-grid.b-grid--aside {
    grid-template-columns: 1fr 18rem;
  }
}
.b-aside {
  align-self: start;
  color: var(--jfue);
  font-size: 0.707rem;
}
.b-aside ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.b-aside li {
  margin-bottom: 4px;
}
.b-promo {
  margin: 0 0 16px;
}
.b-feed {
  display: grid;
  gap: 12px;
}
.b-card {
  border: var(--1mu7) solid var(--5fdw);
  border-radius: var(--4119);
  padding: 8px;
}
.b-card-heading {
  font-family: var(--pj5t);
  font-size: 1.414rem;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0;
}
.b-card-heading a {
  color: var(--10e5);
  text-decoration: none;
}
.b-card-heading a:hover {
  color: var(--1rtw);
}
.b-card-details {
  color: var(--jfue);
  font-size: 0.707rem;
  margin: 4px 0 0;
}
.b-breadcrumbs {
  color: var(--jfue);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.707rem;
  gap: 4px;
  margin: 0 0 12px;
}
.b-breadcrumbs a {
  color: var(--jfue);
}
.b-details {
  color: var(--jfue);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.707rem;
  gap: 8px;
  margin: 0 0 12px;
}
.b-outline {
  background: var(--1rcf);
  border-radius: var(--1aik);
  margin: 12px 0;
  padding: 8px;
}
.b-outline-heading {
  display: block;
  font-family: var(--pj5t);
  margin-bottom: 4px;
}
.b-outline ul,.b-outline ol {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.b-outline a {
  color: var(--1rtw);
}
.b-recommended {
  margin: 16px 0 0;
}
.b-recommended-details {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.b-group-heading {
  font-family: var(--pj5t);
  font-size: 1.414rem;
  font-weight: 700;
  letter-spacing: 0;
  margin: 16px 0 8px;
}
.b-keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 12px 0 0;
}
.b-keywords a {
  background: var(--1rcf);
  border-radius: var(--1aik);
  color: var(--jfue);
  font-size: 0.707rem;
  padding: 4px 8px;
  text-decoration: none;
}
.b-writer {
  color: var(--jfue);
  margin: 0;
}
.b-writer:has(.b-writer-mark) {
  align-items: center;
  background: var(--1rcf);
  border-radius: var(--4119);
  display: flex;
  gap: 8px;
  margin: 16px 0 0;
  padding: 12px;
}
.b-profile {
  align-items: center;
  background: var(--1rcf);
  border-radius: var(--4119);
  display: flex;
  gap: 8px;
  margin: 12px 0;
  padding: 12px;
}
.b-writer-mark {
  align-items: center;
  background: var(--1rtw);
  border-radius: 999px;
  color: var(--3dc4);
  display: inline-flex;
  flex-shrink: 0;
  font-family: var(--pj5t);
  font-size: 0.707rem;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.b-profile-mark {
  align-items: center;
  background: var(--1rtw);
  border-radius: 999px;
  color: var(--3dc4);
  display: inline-flex;
  flex-shrink: 0;
  font-family: var(--pj5t);
  font-size: 1.414rem;
  height: 24px;
  justify-content: center;
  width: 24px;
}
.b-writer-line {
  color: var(--10e5);
  margin: 0;
}
.b-writer-details {
  color: var(--jfue);
  font-size: 0.707rem;
  margin: 0;
}
.b-profile-details {
  color: var(--jfue);
  margin: 0;
}
.b-socials {
  display: flex;
  gap: 8px;
  margin: 8px 0 0;
}
.b-heading {
  font-family: var(--pj5t);
  font-size: 2.827rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0 0 var(--1syf);
}
.b-intro {
  color: var(--jfue);
  font-size: 1.414rem;
}
.b-prose h2 {
  font-family: var(--pj5t);
  font-size: 1.999rem;
  font-weight: 700;
  letter-spacing: 0;
  margin: 16px 0 var(--1syf);
}
.b-prose img {
  border-radius: var(--1aik);
  height: auto;
  max-width: 100%;
}
.b-prose a {
  color: var(--1rtw);
}
.b-prose table {
  border-collapse: collapse;
  display: block;
  font-size: 0.707rem;
  margin: 12px 0;
  overflow-x: auto;
  width: 100%;
}
.b-prose th {
  border-bottom: var(--1mu7) solid var(--5fdw);
  font-family: var(--pj5t);
  font-weight: 700;
  padding: 4px 8px;
  text-align: left;
  white-space: nowrap;
}
.b-prose td {
  border-bottom: var(--1mu7) solid var(--5fdw);
  padding: 4px 8px;
  vertical-align: top;
}
.b-cover, .b-figure {
  margin: 0 0 12px;
}
.b-cover-media, .b-figure-media {
  border-radius: var(--1aik);
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}
.b-figure {
  margin-top: 12px;
}
.b-bottom {
  align-items: baseline;
  border-top: var(--1mu7) solid var(--5fdw);
  color: var(--jfue);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.707rem;
  gap: var(--1syf);
  justify-content: center;
  margin: 0 auto;
  max-width: 76rem;
  padding: 12px var(--1syf);
}
.b-bottom-holder {
  display: flex;
  flex-wrap: wrap;
  gap: var(--1syf);
}
.b-bottom p {
  margin: 0;
}
.b-totop {
  align-items: center;
  color: var(--jfue);
  display: inline-flex;
  gap: 4px;
}
.b-totop svg {
  height: 1em;
  width: 1em;
}
.b-banner {
  background: var(--1rcf);
  border: var(--1mu7) solid var(--5fdw);
  color: var(--10e5);
  z-index: 20;
}
.b-banner p {
  margin: 0;
}
.b-banner-holder {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--1syf);
  padding: var(--1syf);
}
.b-banner-controls {
  align-items: center;
  background: var(--1rtw);
  border: 0;
  border-radius: var(--1aik);
  color: var(--a9dj);
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  gap: calc(var(--1syf) / 3);
  padding: calc(var(--1syf) / 2) var(--1syf);
}
.b-banner-anchor {
  color: var(--1rtw);
}
.b-banner svg {
  height: 1em;
  width: 1em;
}
.b-banner {
  border-width: var(--1mu7) 0 0;
  inset: auto 0 0 0;
  position: fixed;
}