body {
  width: 100%;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
input,
button {
  margin: 0;
  padding: 0;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
html,
body,
#container {
  height: 100%;
}
body {
  background: #f7f4ec;
  font: 16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  -webkit-text-size-adjust: 100%;
}
.outer {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px;
}
.outer:before,
.outer:after {
  content: "";
  display: table;
}
.outer:after {
  clear: both;
}
.inner {
  display: inline;
  float: left;
  width: 98.33333333333333%;
  margin: 0 0.833333333333333%;
}
.left,
.alignleft {
  float: left;
}
.right,
.alignright {
  float: right;
}
.clear {
  clear: both;
}
#container {
  position: relative;
}
.mobile-nav-on {
  overflow: hidden;
}
#wrap {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  z-index: 1;
  background: #f7f4ec;
}
.mobile-nav-on #wrap {
  left: 280px;
}
@media screen and (min-width: 768px) {
  #main {
    display: inline;
    float: left;
    width: 73.33333333333333%;
    margin: 0 0.833333333333333%;
  }
}
@media screen and (min-width: 768px) {
  #main {
    float: right;
  }
}
.article-date,
.article-category-link,
.archive-year,
.widget-title {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #756e64;
  margin-bottom: 1em;
  margin-left: 5px;
  line-height: 1em;
  text-shadow: 0 1px #fff;
  font-weight: bold;
}
.article-inner,
.archive-article-inner {
  background: #fff;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  border: 1px solid #ded7ca;
  border-radius: 3px;
}
.article-entry h1,
.widget h1 {
  font-size: 2em;
}
.article-entry h2,
.widget h2 {
  font-size: 1.5em;
}
.article-entry h3,
.widget h3 {
  font-size: 1.3em;
}
.article-entry h4,
.widget h4 {
  font-size: 1.2em;
}
.article-entry h5,
.widget h5 {
  font-size: 1em;
}
.article-entry h6,
.widget h6 {
  font-size: 1em;
  color: #756e64;
}
.article-entry hr,
.widget hr {
  border: 1px dashed #ded7ca;
}
.article-entry strong,
.widget strong {
  font-weight: bold;
}
.article-entry em,
.widget em,
.article-entry cite,
.widget cite {
  font-style: italic;
}
.article-entry sup,
.widget sup,
.article-entry sub,
.widget sub {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.article-entry sup,
.widget sup {
  top: -0.5em;
}
.article-entry sub,
.widget sub {
  bottom: -0.2em;
}
.article-entry small,
.widget small {
  font-size: 0.85em;
}
.article-entry acronym,
.widget acronym,
.article-entry abbr,
.widget abbr {
  border-bottom: 1px dotted;
}
.article-entry ul,
.widget ul,
.article-entry ol,
.widget ol,
.article-entry dl,
.widget dl {
  margin: 0 20px;
  line-height: 1.75em;
}
.article-entry ul ul,
.widget ul ul,
.article-entry ol ul,
.widget ol ul,
.article-entry ul ol,
.widget ul ol,
.article-entry ol ol,
.widget ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
.article-entry ul,
.widget ul {
  list-style: disc;
}
.article-entry ol,
.widget ol {
  list-style: decimal;
}
.article-entry dt,
.widget dt {
  font-weight: bold;
}
#header {
  height: 76px;
  position: relative;
  border-bottom: 1px solid #ded7ca;
}
#header:before,
#header:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 40px;
}
#header:before {
  top: 0;
  background: -webkit-linear-gradient(rgba(0,0,0,0.2), transparent);
  background: -moz-linear-gradient(rgba(0,0,0,0.2), transparent);
  background: -ms-linear-gradient(rgba(0,0,0,0.2), transparent);
  background: linear-gradient(rgba(0,0,0,0.2), transparent);
}
#header:after {
  bottom: 0;
  background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.2));
  background: -moz-linear-gradient(transparent, rgba(0,0,0,0.2));
  background: -ms-linear-gradient(transparent, rgba(0,0,0,0.2));
  background: linear-gradient(transparent, rgba(0,0,0,0.2));
}
#header-outer {
  height: 100%;
  position: relative;
}
#header-inner {
  position: relative;
  overflow: hidden;
}
#banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("images/banner.jpg") center #000;
  background-size: cover;
  z-index: -1;
}
#header-title {
  text-align: center;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
}
#logo,
#subtitle {
  text-decoration: none;
  color: #fff;
  font-weight: 300;
  text-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
#logo {
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 2px;
}
#subtitle {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 1px;
}
#subtitle-wrap {
  margin-top: 16px;
}
#main-nav {
  float: left;
  margin-left: -15px;
}
.nav-icon,
.main-nav-link {
  float: left;
  color: #fff;
  opacity: 0.6;
  text-decoration: none;
  text-shadow: 0 1px rgba(0,0,0,0.2);
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
  display: block;
  padding: 20px 15px;
}
.nav-icon:hover,
.main-nav-link:hover {
  opacity: 1;
}
.nav-icon {
  text-align: center;
  font-size: 16px;
  width: 16px;
  height: 16px;
  padding: 20px 15px;
  position: relative;
  cursor: pointer;
}
.main-nav-link {
  font-weight: 300;
  letter-spacing: 1px;
}
@media screen and (max-width: 479px) {
  .main-nav-link {
    display: none;
  }
}
#main-nav-toggle {
  display: none;
}
@media screen and (max-width: 479px) {
  #main-nav-toggle {
    display: block;
  }
}
#sub-nav {
  float: right;
  margin-right: -15px;
}
#search-form-wrap {
  position: absolute;
  top: 15px;
  width: 150px;
  height: 30px;
  right: -150px;
  opacity: 0;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
#search-form-wrap.on {
  opacity: 1;
  right: 0;
}
@media screen and (max-width: 479px) {
  #search-form-wrap {
    width: 100%;
    right: -100%;
  }
}
.search-form {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 5px 15px;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.search-form-input {
  border: none;
  background: none;
  color: #2c261f;
  width: 100%;
  font: 13px -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  outline: none;
}
.search-form-input::-webkit-search-results-decoration,
.search-form-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.search-form-submit {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -7px;
  font: 13px ForkAwesome;
  border: none;
  background: none;
  color: #bbb;
  cursor: pointer;
}
.search-form-submit:hover,
.search-form-submit:focus {
  color: #777;
}
.article {
  margin: 32px 0;
}
.article-inner {
  overflow: hidden;
}
.article-meta:before,
.article-meta:after {
  content: "";
  display: table;
}
.article-meta:after {
  clear: both;
}
.article-date {
  float: left;
}
.article-category {
  float: left;
  line-height: 1em;
  color: #ccc;
  text-shadow: 0 1px #fff;
  margin-left: 8px;
}
.article-category:before {
  content: "\2022";
}
.article-category-link {
  margin: 0 12px 1em;
}
.article-header {
  padding: 32px 32px 0;
}
.article-title {
  text-decoration: none;
  font-size: 2em;
  font-weight: bold;
  color: #2c261f;
  line-height: 1.25em;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s;
}
a.article-title:hover {
  color: #c85f3d;
}
.article-entry {
  color: #2c261f;
  padding: 0 32px;
}
.article-entry:before,
.article-entry:after {
  content: "";
  display: table;
}
.article-entry:after {
  clear: both;
}
.article-entry p,
.article-entry table {
  line-height: 1.75em;
  margin: 1.75em 0;
}
.article-entry h1,
.article-entry h2,
.article-entry h3,
.article-entry h4,
.article-entry h5,
.article-entry h6 {
  font-weight: bold;
}
.article-entry h1,
.article-entry h2,
.article-entry h3,
.article-entry h4,
.article-entry h5,
.article-entry h6 {
  line-height: 1.25em;
  margin: 1.25em 0;
}
.article-entry a {
  color: #c85f3d;
  text-decoration: none;
}
.article-entry a:hover {
  text-decoration: underline;
}
.article-entry ul,
.article-entry ol,
.article-entry dl {
  margin-top: 1.75em;
  margin-bottom: 1.75em;
}
.article-entry img,
.article-entry video {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
}
.article-entry iframe {
  border: none;
}
.article-entry table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.article-entry th {
  font-weight: bold;
  border-bottom: 3px solid #ded7ca;
  padding-bottom: 0.5em;
}
.article-entry td {
  border-bottom: 1px solid #ded7ca;
  padding: 10px 0;
}
.article-entry blockquote {
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, "Times New Roman", serif;
  margin: 1.75em 20px;
  text-align: center;
}
.article-entry blockquote footer {
  font-size: 16px;
  margin: 1.75em 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.article-entry blockquote footer cite:before {
  content: "—";
  padding: 0 0.5em;
}
.article-entry .pullquote {
  text-align: left;
  width: 45%;
  margin: 0;
}
.article-entry .pullquote.left {
  margin-left: 0.5em;
  margin-right: 1em;
}
.article-entry .pullquote.right {
  margin-right: 0.5em;
  margin-left: 1em;
}
.article-entry .caption {
  color: #756e64;
  display: block;
  font-size: 0.9em;
  margin-top: 0.5em;
  position: relative;
  text-align: center;
}
.article-entry .video-container {
  position: relative;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
}
.article-entry .video-container iframe,
.article-entry .video-container object,
.article-entry .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
}
.article-more-link a {
  display: inline-block;
  line-height: 1em;
  padding: 6px 15px;
  border-radius: 15px;
  background: #f7f4ec;
  color: #756e64;
  text-shadow: 0 1px #fff;
  text-decoration: none;
}
.article-more-link a:hover {
  background: #c85f3d;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px #a34b2e;
}
.article-footer {
  font-size: 0.85em;
  line-height: 1.75em;
  border-top: 1px solid #ded7ca;
  padding-top: 1.75em;
  margin: 0 32px 32px;
}
.article-footer:before,
.article-footer:after {
  content: "";
  display: table;
}
.article-footer:after {
  clear: both;
}
.article-footer a {
  color: #756e64;
  text-decoration: none;
}
.article-footer a:hover {
  color: #2c261f;
}
.article-tag-list-item {
  float: left;
  margin-right: 10px;
}
.article-tag-list-link:before {
  content: "#";
}
.article-comment-link {
  float: right;
}
.article-comment-link:before {
  padding-right: 8px;
}
.article-share-link {
  cursor: pointer;
  float: right;
  margin-left: 20px;
}
.article-share-link:before {
  padding-right: 6px;
}
#article-nav {
  position: relative;
}
#article-nav:before,
#article-nav:after {
  content: "";
  display: table;
}
#article-nav:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  #article-nav {
    margin: 32px 0;
  }
  #article-nav:before {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
    content: "";
    border-radius: 50%;
    background: #ded7ca;
    -webkit-box-shadow: 0 1px 2px #fff;
    box-shadow: 0 1px 2px #fff;
  }
}
.article-nav-link-wrap {
  text-decoration: none;
  text-shadow: 0 1px #fff;
  color: #756e64;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 32px;
  text-align: center;
  display: block;
}
.article-nav-link-wrap:hover {
  color: #2c261f;
}
@media screen and (min-width: 768px) {
  .article-nav-link-wrap {
    width: 50%;
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  #article-nav-newer {
    float: left;
    text-align: right;
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  #article-nav-older {
    float: right;
    text-align: left;
    padding-left: 20px;
  }
}
.article-nav-caption {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ded7ca;
  line-height: 1em;
  font-weight: bold;
}
#article-nav-newer .article-nav-caption {
  margin-right: -2px;
}
.article-nav-title {
  font-size: 0.85em;
  line-height: 1.75em;
  margin-top: 0.5em;
}
.article-share-box {
  position: absolute;
  display: none;
  background: #fff;
  -webkit-box-shadow: 1px 2px 10px rgba(0,0,0,0.2);
  box-shadow: 1px 2px 10px rgba(0,0,0,0.2);
  border-radius: 3px;
  margin-left: -145px;
  overflow: hidden;
  z-index: 1;
}
.article-share-box.on {
  display: block;
}
.article-share-input {
  width: 100%;
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font: 14px -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  padding: 0 15px;
  color: #2c261f;
  outline: none;
  border: 1px solid #ded7ca;
  border-radius: 3px 3px 0 0;
  height: 36px;
  line-height: 36px;
}
.article-share-links {
  background: #f7f4ec;
}
.article-share-links:before,
.article-share-links:after {
  content: "";
  display: table;
}
.article-share-links:after {
  clear: both;
}
.article-share-twitter,
.article-share-facebook,
.article-share-pinterest,
.article-share-linkedin {
  width: 50px;
  height: 36px;
  display: block;
  float: left;
  position: relative;
  color: #999;
  text-shadow: 0 1px #fff;
}
.article-share-twitter .fa,
.article-share-facebook .fa,
.article-share-pinterest .fa,
.article-share-linkedin .fa {
  font-size: 20px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  text-align: center;
}
.article-share-twitter:hover,
.article-share-facebook:hover,
.article-share-pinterest:hover,
.article-share-linkedin:hover {
  color: #fff;
}
.article-share-twitter:hover {
  background: #00aced;
  text-shadow: 0 1px #008abe;
}
.article-share-facebook:hover {
  background: #3b5998;
  text-shadow: 0 1px #2f477a;
}
.article-share-pinterest:hover {
  background: #cb2027;
  text-shadow: 0 1px #a21a1f;
}
.article-share-linkedin:hover {
  background: #0077b5;
  text-shadow: 0 1px #005f91;
}
.article-gallery {
  background: #000;
  position: relative;
}
.article-gallery-photos {
  position: relative;
  overflow: hidden;
}
.article-gallery-img {
  display: none;
  max-width: 100%;
}
.article-gallery-img:first-child {
  display: block;
}
.article-gallery-img.loaded {
  position: absolute;
  display: block;
}
.article-gallery-img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
#comments {
  background: #fff;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  padding: 32px;
  border: 1px solid #ded7ca;
  border-radius: 3px;
  margin: 32px 0;
}
#comments a {
  color: #c85f3d;
}
.archives-wrap {
  margin: 32px 0;
}
.archives:before,
.archives:after {
  content: "";
  display: table;
}
.archives:after {
  clear: both;
}
.archive-year-wrap {
  margin-bottom: 1em;
}
.archives {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .archives {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media screen and (min-width: 768px) {
  .archives {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
.archive-article {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  overflow: hidden;
  break-inside: avoid-column;
}
.archive-article-inner {
  padding: 10px;
  margin-bottom: 15px;
}
.archive-article-title {
  text-decoration: none;
  font-weight: bold;
  color: #2c261f;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s;
  line-height: 1.75em;
}
.archive-article-title:hover {
  color: #c85f3d;
}
.archive-article-footer {
  margin-top: 1em;
}
.archive-article-date {
  color: #756e64;
  text-decoration: none;
  font-size: 0.85em;
  line-height: 1em;
  margin-bottom: 0.5em;
  display: block;
}
#page-nav {
  margin: 32px auto;
  background: #fff;
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  border: 1px solid #ded7ca;
  border-radius: 3px;
  text-align: center;
  color: #756e64;
  overflow: hidden;
}
#page-nav:before,
#page-nav:after {
  content: "";
  display: table;
}
#page-nav:after {
  clear: both;
}
#page-nav a,
#page-nav span {
  padding: 10px 20px;
  line-height: 1;
  height: 2ex;
}
#page-nav a {
  color: #756e64;
  text-decoration: none;
}
#page-nav a:hover {
  background: #756e64;
  color: #fff;
}
#page-nav .prev {
  float: left;
}
#page-nav .next {
  float: right;
}
#page-nav .page-number {
  display: inline-block;
}
@media screen and (max-width: 479px) {
  #page-nav .page-number {
    display: none;
  }
}
#page-nav .current {
  color: #2c261f;
  font-weight: bold;
}
#page-nav .space {
  color: #ded7ca;
}
#footer {
  background: #171512;
  padding: 50px 0;
  border-top: 1px solid #ded7ca;
  color: #756e64;
}
#footer a {
  color: #c85f3d;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer-info {
  line-height: 1.75em;
  font-size: 0.85em;
}
.article-entry pre,
.article-entry .highlight {
  background: #2d2d2d;
  margin: 0 -32px;
  padding: 15px 32px;
  border-style: solid;
  border-color: #ded7ca;
  border-width: 1px 0;
  overflow: auto;
  color: #ccc;
  line-height: 28px;
}
.article-entry .highlight .gutter pre,
.article-entry .gist .gist-file .gist-data .line-numbers {
  color: #666;
  font-size: 0.85em;
}
.article-entry pre,
.article-entry code {
  font-family: "Source Code Pro", "JetBrains Mono", Consolas, Monaco, Menlo, monospace;
}
.article-entry code {
  background: #f7f4ec;
  text-shadow: 0 1px #fff;
  padding: 0 0.3em;
}
.article-entry pre code {
  background: none;
  text-shadow: none;
  padding: 0;
}
.article-entry .highlight pre {
  border: none;
  margin: 0;
  padding: 0;
}
.article-entry .highlight table {
  margin: 0;
  width: auto;
}
.article-entry .highlight td {
  border: none;
  padding: 0;
}
.article-entry .highlight figcaption {
  font-size: 0.85em;
  color: #999;
  line-height: 1em;
  margin-bottom: 1em;
}
.article-entry .highlight figcaption:before,
.article-entry .highlight figcaption:after {
  content: "";
  display: table;
}
.article-entry .highlight figcaption:after {
  clear: both;
}
.article-entry .highlight figcaption a {
  float: right;
}
.article-entry .highlight .gutter {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.article-entry .highlight .gutter pre {
  text-align: right;
  padding-right: 20px;
}
.article-entry .highlight .line {
  height: 28px;
}
.article-entry .highlight .line.marked {
  background: #515151;
}
.article-entry .gist {
  margin: 0 -32px;
  border-style: solid;
  border-color: #ded7ca;
  border-width: 1px 0;
  background: #2d2d2d;
  padding: 15px 32px 15px 0;
}
.article-entry .gist .gist-file {
  border: none;
  font-family: "Source Code Pro", "JetBrains Mono", Consolas, Monaco, Menlo, monospace;
  margin: 0;
}
.article-entry .gist .gist-file .gist-data {
  background: none;
  border: none;
}
.article-entry .gist .gist-file .gist-data .line-numbers {
  background: none;
  border: none;
  padding: 0 20px 0 0;
}
.article-entry .gist .gist-file .gist-data .line-data {
  padding: 0 !important;
}
.article-entry .gist .gist-file .highlight {
  margin: 0;
  padding: 0;
  border: none;
}
.article-entry .gist .gist-file .gist-meta {
  background: #2d2d2d;
  color: #999;
  font: 0.85em -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  text-shadow: 0 0;
  padding: 0;
  margin-top: 1em;
  margin-left: 32px;
}
.article-entry .gist .gist-file .gist-meta a {
  color: #c85f3d;
  font-weight: normal;
}
.article-entry .gist .gist-file .gist-meta a:hover {
  text-decoration: underline;
}
pre .comment,
pre .title {
  color: #999;
}
pre .variable,
pre .attribute,
pre .tag,
pre .regexp,
pre .ruby .constant,
pre .xml .tag .title,
pre .xml .pi,
pre .xml .doctype,
pre .html .doctype,
pre .css .id,
pre .css .class,
pre .css .pseudo {
  color: #f2777a;
}
pre .number,
pre .preprocessor,
pre .built_in,
pre .literal,
pre .params,
pre .constant {
  color: #f99157;
}
pre .class,
pre .ruby .class .title,
pre .css .rules .attribute {
  color: #9c9;
}
pre .string,
pre .value,
pre .inheritance,
pre .header,
pre .ruby .symbol,
pre .xml .cdata {
  color: #9c9;
}
pre .css .hexcolor {
  color: #6cc;
}
pre .function,
pre .python .decorator,
pre .python .title,
pre .ruby .function .title,
pre .ruby .title .keyword,
pre .perl .sub,
pre .javascript .title,
pre .coffeescript .title {
  color: #69c;
}
pre .keyword,
pre .javascript .function {
  color: #c9c;
}
@media screen and (max-width: 479px) {
  #mobile-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 100%;
    background: #191919;
    border-right: 1px solid #fff;
  }
}
@media screen and (max-width: 479px) {
  .mobile-nav-link {
    display: block;
    color: #756e64;
    text-decoration: none;
    padding: 15px 20px;
    font-weight: bold;
  }
  .mobile-nav-link:hover {
    color: #fff;
  }
}
@media screen and (min-width: 768px) {
  #sidebar {
    display: inline;
    float: left;
    width: 23.333333333333332%;
    margin: 0 0.833333333333333%;
  }
}
.widget-wrap {
  margin: 32px 0;
}
.widget {
  color: #5f574d;
  text-shadow: 0 1px #fff;
  background: #faf8f1;
  -webkit-box-shadow: 0 -1px 4px #ded7ca inset;
  box-shadow: 0 -1px 4px #ded7ca inset;
  border: 1px solid #ded7ca;
  padding: 15px;
  border-radius: 3px;
}
.widget a {
  color: #c85f3d;
  text-decoration: none;
}
.widget a:hover {
  text-decoration: underline;
}
.widget ul ul,
.widget ol ul,
.widget dl ul,
.widget ul ol,
.widget ol ol,
.widget dl ol,
.widget ul dl,
.widget ol dl,
.widget dl dl {
  margin-left: 15px;
  list-style: disc;
}
.widget {
  line-height: 1.75em;
  word-wrap: break-word;
  font-size: 0.9em;
}
.widget ul,
.widget ol {
  list-style: none;
  margin: 0;
}
.widget ul ul,
.widget ol ul,
.widget ul ol,
.widget ol ol {
  margin: 0 20px;
}
.widget ul ul,
.widget ol ul {
  list-style: disc;
}
.widget ul ol,
.widget ol ol {
  list-style: decimal;
}
.category-list-count,
.tag-list-count,
.archive-list-count {
  padding-left: 5px;
  color: #756e64;
  font-size: 0.85em;
}
.category-list-count:before,
.tag-list-count:before,
.archive-list-count:before {
  content: "(";
}
.category-list-count:after,
.tag-list-count:after,
.archive-list-count:after {
  content: ")";
}
.tagcloud a {
  margin-right: 5px;
  display: inline-block;
}
html {
  scroll-behavior: smooth;
}
body {
  color: #2c261f;
  background: -webkit-linear-gradient(270deg, #fff 0, #f6f8fb 420px);
  background: -moz-linear-gradient(270deg, #fff 0, #f6f8fb 420px);
  background: -ms-linear-gradient(270deg, #fff 0, #f6f8fb 420px);
  background: linear-gradient(180deg, #fff 0, #f6f8fb 420px);
  font: 16px -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
body:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  z-index: 10;
  background: -webkit-linear-gradient(0deg, #d97706, #2563eb, #059669);
  background: -moz-linear-gradient(0deg, #d97706, #2563eb, #059669);
  background: -ms-linear-gradient(0deg, #d97706, #2563eb, #059669);
  background: linear-gradient(90deg, #d97706, #2563eb, #059669);
}
#container {
  min-height: 100%;
}
#wrap {
  height: auto;
  min-height: 100%;
  position: relative;
  background: transparent;
}
.outer {
  max-width: 1160px;
  padding: 0 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (max-width: 479px) {
  .outer {
    padding: 0 18px;
  }
}
.doc-shell {
  padding-top: 16px;
  padding-bottom: 34px;
}
#header {
  height: 76px;
  background: rgba(255,255,255,0.94);
  border-bottom: 1px solid #ded7ca;
  position: sticky;
  top: 0;
  z-index: 5;
  backdrop-filter: blur(14px);
}
#header:before,
#header:after {
  display: none;
}
#banner {
  display: none;
}
#header-outer {
  height: 100%;
}
#header-inner,
#header-title {
  width: auto;
  float: none;
  overflow: visible;
}
#header-title {
  position: static;
  height: auto;
  margin: 0;
  text-align: left;
}
#header-outer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 24px;
}
#header-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#logo-wrap,
#subtitle-wrap {
  margin: 0;
}
#logo {
  color: #111827;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-shadow: none;
}
#subtitle {
  display: block;
  color: #756e64;
  font-size: 13px;
  line-height: 1.4;
  margin-top: 6px;
  letter-spacing: 0;
  text-shadow: none;
}
#main-nav,
#sub-nav {
  float: none;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 4px;
}
.main-nav-link,
.nav-icon {
  color: #374151;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 7px;
  text-decoration: none;
  text-shadow: none;
  font-weight: 600;
  letter-spacing: 0;
  opacity: 1;
  -webkit-transition: background 0.15s, color 0.15s;
  -moz-transition: background 0.15s, color 0.15s;
  -ms-transition: background 0.15s, color 0.15s;
  transition: background 0.15s, color 0.15s;
}
.main-nav-link:hover,
.nav-icon:hover {
  background: #eef2f7;
  color: #111827;
}
.nav-icon {
  width: 36px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
}
#search-form-wrap {
  top: 21px;
}
.search-form {
  border: 1px solid #ded7ca;
  border-radius: 8px;
  -webkit-box-shadow: 0 12px 30px rgba(15,23,42,0.12);
  box-shadow: 0 12px 30px rgba(15,23,42,0.12);
}
@media screen and (min-width: 768px) {
  .doc-shell {
    display: grid;
    grid-template-columns: 220px minmax(0, 820px);
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: 28px;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    align-items: start;
  }
}
@media screen and (min-width: 768px) {
  .doc-shell #main {
    display: block;
    float: none;
    width: auto;
    margin: 0;
    min-width: 0;
  }
}
@media screen and (min-width: 768px) {
  .doc-shell #sidebar {
    display: block;
    float: none;
    width: auto;
    margin: 0;
    position: sticky;
    top: 100px;
  }
}
@media screen and (min-width: 768px) {
  .doc-shell {
    grid-template-columns: 220px minmax(0, 820px);
  }
}
@media screen and (min-width: 768px) {
  .doc-shell #main {
    grid-column: 2;
    grid-row: 1;
  }
}
@media screen and (min-width: 768px) {
  .doc-shell #sidebar {
    grid-column: 1;
    grid-row: 1;
  }
}
.article {
  margin: 0 0 30px;
}
.article-inner {
  background: #fff;
  border: 1px solid #ded7ca;
  border-radius: 8px;
  -webkit-box-shadow: 0 16px 36px rgba(15,23,42,0.06);
  box-shadow: 0 16px 36px rgba(15,23,42,0.06);
  overflow: hidden;
}
.article-meta {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 10px;
  padding: 0 32px 12px;
  color: #756e64;
  font-size: 13px;
}
.article-date,
.article-category-link {
  color: #756e64;
  text-transform: none;
  letter-spacing: 0;
  text-shadow: none;
  margin: 0;
  font-weight: 500;
}
.article-category {
  color: #756e64;
  margin: 0;
  text-shadow: none;
}
.article-category:before {
  color: #c7ced8;
  margin-right: 10px;
}
.article-header {
  padding: 28px 32px 8px;
}
.article-title {
  color: #111827;
  font-size: 2.25em;
  line-height: 1.18;
  letter-spacing: 0;
  font-weight: 750;
}
a.article-title:hover {
  color: #c85f3d;
}
@media screen and (max-width: 479px) {
  .article-title {
    font-size: 1.8em;
  }
}
.article-entry {
  color: #24292f;
  padding: 8px 32px 32px;
  font-size: 16px;
  line-height: 1.78;
  word-break: break-word;
}
.article-entry h1,
.article-entry h2,
.article-entry h3,
.article-entry h4,
.article-entry h5,
.article-entry h6 {
  color: #111827;
  letter-spacing: 0;
  scroll-margin-top: 110px;
}
.article-entry h1 {
  font-size: 2em;
  margin: 1.45em 0 0.6em;
}
.article-entry h2 {
  font-size: 1.55em;
  padding-top: 1.35em;
  margin: 1.35em 0 0.65em;
  border-top: 1px solid #ded7ca;
}
.article-entry h3 {
  font-size: 1.25em;
  margin: 1.25em 0 0.45em;
}
.article-entry p,
.article-entry table {
  line-height: 1.78;
}
.article-entry a {
  color: #c85f3d;
  text-decoration: none;
  border-bottom: 1px solid rgba(37,99,235,0.25);
}
.article-entry a:hover {
  border-bottom-color: #c85f3d;
}
.article-entry blockquote {
  margin: 1.25em 0;
  padding: 14px 18px;
  border-left: 4px solid #d97706;
  background: #fff7ed;
  color: #4b5563;
  text-align: left;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.article-entry table {
  display: block;
  overflow-x: auto;
  border: 1px solid #ded7ca;
  border-radius: 8px;
}
.article-entry th,
.article-entry td {
  padding: 10px 14px;
  border-bottom: 1px solid #ded7ca;
}
.article-entry th {
  background: #f9fafb;
  border-bottom: 1px solid #ded7ca;
}
.article-entry img,
.article-entry video {
  border-radius: 8px;
  border: 1px solid #ded7ca;
}
.article-more-link a {
  border-radius: 7px;
  background: #111827;
  color: #fff;
  text-shadow: none;
  font-weight: 600;
  padding: 8px 13px;
}
.article-more-link a:hover {
  background: #c85f3d;
}
.article-footer {
  border-top: 1px solid #ded7ca;
  margin: 0 32px 32px;
  color: #756e64;
}
.article-share-link {
  display: none;
}
.article-tag-list-link {
  color: #374151;
  background: #eef2f7;
  border-radius: 999px;
  padding: 3px 9px;
}
.article-tag-list-link:before {
  color: #756e64;
}
#article-nav {
  margin: 26px 0;
}
#article-nav:before {
  display: none;
}
.article-nav-link-wrap {
  color: #4b5563;
  background: #fff;
  border: 1px solid #ded7ca;
  border-radius: 8px;
  padding: 16px;
  text-shadow: none;
}
.article-nav-link-wrap:hover {
  border-color: #b7c2d2;
  color: #111827;
}
.article-nav-caption {
  color: #756e64;
  letter-spacing: 0;
  text-transform: none;
}
.widget-wrap {
  margin: 0 0 24px;
}
.widget-title {
  color: #111827;
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
  margin: 0 0 10px;
  text-shadow: none;
}
.widget {
  color: #5f574d;
  background: transparent;
  border: 0;
  border-left: 1px solid #ded7ca;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 0 0 16px;
  text-shadow: none;
}
.widget a {
  color: #4b5563;
  display: inline-block;
  padding: 3px 0;
  text-decoration: none;
}
.widget a:hover {
  color: #c85f3d;
  text-decoration: none;
}
.category-list-count,
.tag-list-count,
.archive-list-count {
  color: #9ca3af;
}
.tagcloud a {
  background: #eef2f7;
  border-radius: 999px;
  color: #374151;
  margin: 4px 5px 4px 0;
  padding: 2px 9px;
}
.archive-article {
  background: #fff;
  border: 1px solid #ded7ca;
  border-radius: 8px;
  padding: 16px 18px;
}
#footer {
  margin-top: 54px;
  background: #111827;
  border-top: 0;
  padding: 28px 0;
  color: #cbd5e1;
}
#footer a {
  color: #93c5fd;
}
#mobile-nav {
  display: none;
}
.article-entry pre,
.article-entry .highlight {
  border-radius: 8px;
  border: 1px solid #243044;
  margin: 1.25em 0;
}
.article-entry code {
  border-radius: 4px;
  background: #eef2f7;
  color: #111827;
  text-shadow: none;
}
.article-entry pre code {
  color: inherit;
  background: transparent;
}
body {
  background: -webkit-radial-gradient(circle at 20% 0, rgba(224,104,67,0.08), transparent 30%), -webkit-linear-gradient(270deg, #fbfaf4 0, #f6f1e8 100%);
  background: -moz-radial-gradient(circle at 20% 0, rgba(224,104,67,0.08), transparent 30%), -moz-linear-gradient(270deg, #fbfaf4 0, #f6f1e8 100%);
  background: -ms-radial-gradient(circle at 20% 0, rgba(224,104,67,0.08), transparent 30%), -ms-linear-gradient(270deg, #fbfaf4 0, #f6f1e8 100%);
  background: radial-gradient(circle at 20% 0, rgba(224,104,67,0.08), transparent 30%), linear-gradient(180deg, #fbfaf4 0, #f6f1e8 100%);
  color: #2b261f;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
body:before {
  background: -webkit-linear-gradient(0deg, #e46e4a, #d9a35f, #8f7f62);
  background: -moz-linear-gradient(0deg, #e46e4a, #d9a35f, #8f7f62);
  background: -ms-linear-gradient(0deg, #e46e4a, #d9a35f, #8f7f62);
  background: linear-gradient(90deg, #e46e4a, #d9a35f, #8f7f62);
}
#header {
  background: rgba(251,249,242,0.82);
  border-bottom: 1px solid rgba(91,76,57,0.12);
}
#logo {
  color: #1e1a15;
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 650;
}
#logo:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  border: 2px solid #dd6f4e;
  border-radius: 999px;
  vertical-align: -1px;
}
#subtitle {
  color: #8a8174;
}
.doc-shell {
  max-width: 1220px;
  padding-top: 22px;
}
@media screen and (min-width: 768px) {
  .doc-shell {
    grid-template-columns: 260px minmax(0, 760px);
    gap: 34px;
  }
}
#sidebar {
  background: rgba(250,248,241,0.92);
  border: 1px solid #ddd4c5;
  border-radius: 22px;
  -webkit-box-shadow: 0 18px 50px rgba(69,55,38,0.09);
  box-shadow: 0 18px 50px rgba(69,55,38,0.09);
  padding: 22px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sidebar-brand {
  padding: 8px 8px 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(91,76,57,0.12);
}
.sidebar-brand-title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #2a241d;
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, "Times New Roman", serif;
  font-size: 21px;
  line-height: 1.25;
  text-decoration: none;
}
.sidebar-brand-title:before {
  content: "";
  width: 14px;
  height: 14px;
  margin-right: 10px;
  border: 2px solid #dd6f4e;
  border-radius: 999px;
}
.sidebar-brand-subtitle {
  color: #8a8174;
  font-size: 12px;
  line-height: 1.4;
  margin-top: 8px;
}
.widget-wrap {
  margin: 0 0 12px;
}
.widget-title {
  color: #8a8174;
  font-size: 11px;
  font-weight: 700;
  margin: 16px 8px 6px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.widget {
  border-left: 0;
  padding: 0;
}
.widget a {
  color: #5b5349;
  display: block;
  border-radius: 10px;
  padding: 8px 10px;
  line-height: 1.35;
}
.widget a:hover {
  background: #efe7d8;
  color: #1f1b16;
}
.tagcloud a {
  display: inline-block;
  background: #efe7d8;
  color: #6a5f53;
  border-radius: 999px;
  padding: 5px 10px;
}
.article-inner {
  background: rgba(252,250,244,0.96);
  border: 1px solid #ddd4c5;
  border-radius: 22px;
  -webkit-box-shadow: 0 24px 70px rgba(69,55,38,0.1);
  box-shadow: 0 24px 70px rgba(69,55,38,0.1);
  overflow: hidden;
}
.article-header {
  padding: 42px 40px 10px;
}
.article-title {
  color: #17130f;
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, "Times New Roman", serif;
  font-size: 2.95em;
  font-weight: 520;
  letter-spacing: 0;
  line-height: 1.05;
}
.article-meta {
  padding: 0 40px 18px;
  color: #8a8174;
}
.article-entry {
  color: #332d25;
  font-size: 17px;
  line-height: 1.86;
  padding: 18px 40px 44px;
}
.article-entry h1,
.article-entry h2,
.article-entry h3 {
  color: #17130f;
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, "Times New Roman", serif;
  font-weight: 520;
}
.article-entry h2 {
  border-top: 1px solid #e5ded2;
  font-size: 2.2em;
  margin-top: 1.55em;
}
.article-entry h3 {
  font-size: 1.5em;
}
.article-entry a {
  color: #c45e3f;
  border-bottom-color: rgba(196,94,63,0.28);
}
.article-entry code {
  background: #efe6d7;
  color: #c45e3f;
  border-radius: 7px;
  padding: 0.14em 0.38em;
}
.article-entry blockquote {
  background: #f2eee4;
  border: 1px solid #e2d9ca;
  border-left: 4px solid #dd6f4e;
  border-radius: 12px;
  color: #5a5146;
}
.article-entry table {
  background: #fffdf7;
  border-color: #e2d9ca;
}
.article-entry th {
  background: #f3ede2;
}
.article-entry pre,
.article-entry .highlight {
  background: #f1eadc;
  border: 1px solid #ded2bf;
  border-radius: 14px;
  color: #302820;
  margin: 1.2em 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow-x: auto;
}
.article-entry pre {
  padding: 16px 18px;
}
.article-entry pre code {
  color: #302820;
  background: transparent;
  padding: 0;
}
.article-entry .highlight {
  padding: 16px 18px;
}
.article-entry .highlight table {
  display: table;
  width: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}
.article-entry .highlight tr,
.article-entry .highlight td {
  border: 0;
  padding: 0;
  background: transparent;
}
.article-entry .highlight pre {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #302820;
  overflow: visible;
}
.article-entry .highlight .gutter {
  display: none;
}
.article-entry .highlight .code {
  padding: 0;
}
.article-entry .highlight .line {
  height: auto;
  min-height: 1.7em;
}
.article-entry .highlight .built_in,
.article-entry .highlight .keyword,
.article-entry .highlight .literal {
  color: #b45c3d;
}
.article-entry .highlight .string {
  color: #7a6a4d;
}
.article-entry .highlight .comment {
  color: #928779;
}
.article-footer {
  border-top: 1px solid #e5ded2;
  margin: 0 40px 34px;
}
.article-tag-list-link {
  background: #efe7d8;
  color: #6a5f53;
}
#article-nav {
  margin: 28px 0;
}
.article-nav-link-wrap {
  background: #fbf9f2;
  border-color: #ddd4c5;
  border-radius: 16px;
}
#footer {
  background: #171512;
  color: #d6cec0;
}
@media screen and (max-width: 479px) {
  #mobile-nav {
    display: block;
  }
  #header {
    height: auto;
    min-height: 68px;
  }
  #header-outer {
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
    padding-top: 18px;
    padding-bottom: 14px;
  }
  #header-inner {
    width: 100%;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  #main-nav {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .article-inner {
    border-radius: 0;
    margin-left: -18px;
    margin-right: -18px;
    border-left: 0;
    border-right: 0;
  }
  .article-header,
  .article-entry,
  .article-meta {
    padding-left: 20px;
    padding-right: 20px;
  }
  .article-footer {
    margin-left: 20px;
    margin-right: 20px;
  }
  #sidebar {
    border-radius: 16px;
    margin-bottom: 18px;
  }
  .article-title {
    font-size: 2.1em;
  }
  .article-header,
  .article-entry,
  .article-meta {
    padding-left: 22px;
    padding-right: 22px;
  }
}