@font-face {
  font-display: swap;
  font-family: Literata;
  font-style: normal;
  font-weight: 400;
  src: url(/font/literata.cyr400-1kmx0r.woff2) format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-display: swap;
  font-family: Literata;
  font-style: normal;
  font-weight: 700;
  src: url(/font/literata.cyr700-17376n.woff2) format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-display: swap;
  font-family: Literata;
  font-style: normal;
  font-weight: 400;
  src: url(/font/literata.lat400-102tdn.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: swap;
  font-family: Literata;
  font-style: normal;
  font-weight: 700;
  src: url(/font/literata.lat700-1522xc.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: 17px;
}
body.shell {
  background: rgb(250 240 236);
  color: rgb(41 31 27);
  font-family: Literata, Georgia, "Times New Roman", serif;
  line-height: 1.63;
  margin: 0;
}
body.shell {
  overflow-wrap: break-word;
}
body.shell * {
  min-width: 0;
}
.topbar {
  align-items: flex-start;
  border-bottom: 1px solid rgb(222 206 199);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  padding: 8px 16px;
}
.topbar__box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.topbar__info {
  color: rgb(110 93 86);
  font-size: 0.750rem;
  margin: 0;
}
.wordmark {
  color: rgb(41 31 27);
  font-family: Literata, Georgia, "Times New Roman", serif;
  font-size: 1.777rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-decoration: none;
}
.navigation {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.navigation ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.navigation a {
  color: rgb(110 93 86);
  text-decoration: none;
}
.navigation a:hover,.navigation a[aria-current] {
  color: rgb(124 91 0);
}
@media (min-width:60rem){
  .rail .navigation {
    flex-direction: column;
  }
  .rail .navigation ul {
    flex-direction: column;
  }
}
.grid {
  margin: 0 auto;
  max-width: 76rem;
  padding: 16px 16px;
}
.grid.grid--aside {
  display: grid;
  gap: 16px;
}
@media (min-width:60rem){
  .grid.grid--aside {
    grid-template-columns: 1fr 18rem;
  }
  .grid.grid--aside {
    grid-template-columns: 18rem 1fr;
  }
  .rail {
    order: -1;
  }
}
.rail {
  align-self: start;
  color: rgb(110 93 86);
  font-size: 0.750rem;
}
.rail ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rail li {
  margin-bottom: 4px;
}
.list {
  display: grid;
  gap: 12px;
}
.preview {
  border-radius: 999px;
  box-shadow: none;
  padding: 8px;
}
.preview__heading {
  font-family: Literata, Georgia, "Times New Roman", serif;
  font-size: 1.333rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  margin: 0;
}
.preview__heading a {
  color: rgb(41 31 27);
  text-decoration: none;
}
.preview__heading a:hover {
  color: rgb(124 91 0);
}
.preview__info {
  color: rgb(110 93 86);
  font-size: 0.750rem;
  margin: 4px 0 0;
}
.trail {
  color: rgb(110 93 86);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.750rem;
  gap: 4px;
  margin: 0 0 12px;
}
.trail a {
  color: rgb(110 93 86);
}
.info {
  color: rgb(110 93 86);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.750rem;
  gap: 8px;
  margin: 0 0 12px;
}
.outline {
  border-left: 1px solid rgb(222 206 199);
  margin: 0 0 12px;
  padding-left: 8px;
}
.outline__heading {
  display: block;
  font-family: Literata, Georgia, "Times New Roman", serif;
  margin-bottom: 4px;
}
.outline ul,.outline ol {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.outline a {
  color: rgb(124 91 0);
}
.recommended {
  margin: 16px 0 0;
}
.recommended__info {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.group__heading {
  font-family: Literata, Georgia, "Times New Roman", serif;
  font-size: 1.333rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  margin: 16px 0 8px;
}
.keywords {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 12px 0 0;
}
.keywords a {
  background: rgb(239 229 225);
  border-radius: 999px;
  color: rgb(110 93 86);
  font-size: 0.750rem;
  padding: 4px 8px;
  text-decoration: none;
}
.author {
  color: rgb(110 93 86);
  margin: 0;
}
.author:has(.author__mark) {
  align-items: center;
  background: rgb(239 229 225);
  border-radius: 999px;
  display: flex;
  gap: 8px;
  margin: 16px 0 0;
  padding: 12px;
}
.profile {
  align-items: center;
  background: rgb(239 229 225);
  border-radius: 999px;
  display: flex;
  gap: 8px;
  margin: 12px 0;
  padding: 12px;
}
.author__mark {
  align-items: center;
  background: rgb(124 91 0);
  border-radius: 999px;
  color: rgb(250 240 236);
  display: inline-flex;
  flex-shrink: 0;
  font-family: Literata, Georgia, "Times New Roman", serif;
  font-size: 0.750rem;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.profile__mark {
  align-items: center;
  background: rgb(124 91 0);
  border-radius: 999px;
  color: rgb(250 240 236);
  display: inline-flex;
  flex-shrink: 0;
  font-family: Literata, Georgia, "Times New Roman", serif;
  font-size: 1.333rem;
  height: 24px;
  justify-content: center;
  width: 24px;
}
.author__line {
  color: rgb(41 31 27);
  margin: 0;
}
.author__info {
  color: rgb(110 93 86);
  font-size: 0.750rem;
  margin: 0;
}
.profile__info {
  color: rgb(110 93 86);
  margin: 0;
}
.socials {
  display: flex;
  gap: 8px;
  margin: 8px 0 0;
}
.heading {
  font-family: Literata, Georgia, "Times New Roman", serif;
  font-size: 2.369rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 0 0 16px;
}
.standfirst {
  color: rgb(110 93 86);
  font-size: 1.333rem;
}
.copy h2 {
  font-family: Literata, Georgia, "Times New Roman", serif;
  font-size: 1.777rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  margin: 16px 0 16px;
}
.copy img {
  border-radius: 999px;
  height: auto;
  max-width: 100%;
}
.copy a {
  color: rgb(124 91 0);
}
.copy table {
  border-collapse: collapse;
  display: block;
  font-size: 0.750rem;
  margin: 12px 0;
  overflow-x: auto;
  width: 100%;
}
.copy th {
  border-bottom: 1px solid rgb(222 206 199);
  font-family: Literata, Georgia, "Times New Roman", serif;
  font-weight: 400;
  padding: 4px 8px;
  text-align: left;
  white-space: nowrap;
}
.copy td {
  border-bottom: 1px solid rgb(222 206 199);
  padding: 4px 8px;
  vertical-align: top;
}
.cover, .figure {
  margin: 0 0 12px;
}
.cover__media, .figure__media {
  border-radius: 999px;
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}
.figure {
  margin-top: 12px;
}
.colophon {
  align-items: baseline;
  border-top: 1px solid rgb(222 206 199);
  color: rgb(110 93 86);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.750rem;
  gap: 16px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 76rem;
  padding: 12px 16px;
}
.colophon__box {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.colophon p {
  margin: 0;
}
.totop {
  align-items: center;
  color: rgb(110 93 86);
  display: inline-flex;
  gap: 4px;
}
.totop svg {
  height: 1em;
  width: 1em;
}