/* Layered fibres and uneven scorch marks, without external image assets. */
body {
  background-color: #d4bd8e;
  background-image:
    radial-gradient(ellipse at 15% 0, #f4e4bd80, transparent 65%),
    repeating-linear-gradient(0deg, #72502508 0 1px, transparent 1px 4px),
    repeating-linear-gradient(91deg, #fff2cc12 0 1px, transparent 1px 7px);
}
body .site-header,
body .site-info {
  background: linear-gradient(110deg, #392519, #604128 55%, #3f281b);
  color: #fff0ce;
  border-radius: 0;
}
.site-header { border-bottom-color: #9d7039; }
.site-info a { color: #fff0ce; }
body #main article > .inside-article {
  position: relative;
  isolation: isolate;
  padding: clamp(40px, 6vw, 64px);
  margin-bottom: 42px;
  border: 1px solid #71401f;
  border-radius: 5px 9px 4px 8px / 9px 4px 10px 5px;
  color: #39291c;
  background-color: #efdaaa;
  background-image:
    radial-gradient(ellipse at 0 12%, #74370b60, transparent 24%),
    radial-gradient(ellipse at 100% 87%, #7c3c1052, transparent 23%),
    radial-gradient(ellipse at 80% 0, #98511c38, transparent 25%),
    radial-gradient(ellipse at 26% 100%, #80401338, transparent 22%),
    repeating-linear-gradient(0deg, #80541f09 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, #fff7d41f 0 1px, transparent 1px 6px),
    linear-gradient(105deg, #e7cb94, #f8e8c0 40%, #efdaad 75%, #e6c68d);
  box-shadow:
    inset 0 0 3px 2px #3c2116b3,
    inset 0 0 12px 5px #743c1a80,
    inset 0 0 30px 9px #a66b3040,
    0 3px 5px #3e291a24,
    0 12px 26px #4d341b24;
}
/* Decorative edges stay clear of the text and never intercept links. */
body #main article > .inside-article::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background:
    radial-gradient(ellipse at 0 32%, #3d2117a6, transparent 68%) left / 9px 83px repeat-y,
    radial-gradient(ellipse at 100% 65%, #49241799, transparent 70%) right / 10px 119px repeat-y,
    radial-gradient(ellipse at 35% 0, #49241799, transparent 68%) top / 107px 8px repeat-x,
    radial-gradient(ellipse at 70% 100%, #3d2117a6, transparent 70%) bottom / 139px 9px repeat-x;
}

blockquote { background: #ac793018; border-radius: 0; }
.btn-primary { background: #75401f; border-color: #75401f; color: #fff0ce; }
.btn-primary:hover, .btn-primary:focus { background: #482610; border-color: #482610; color: #fff0ce; }
@media (max-width: 767px) {
  body #main article > .inside-article { padding: 36px 32px; margin-bottom: 30px; }
}
@media print {
  body { background: white; color: black; }
  body #main article > .inside-article {
    background: white; color: black; border: 0; border-radius: 0;
    box-shadow: none; padding: 0;
  }
  body #main article > .inside-article::before { display: none; }
}

/* Antique vine ornament, kept faint behind the navigation. */
body .site-header {
  background-color: #49301f;
  background-image:
    url('papyrus-vine.svg'),
    radial-gradient(ellipse at 50% 0, #a7793833, transparent 75%),
    linear-gradient(110deg, #392519, #604128 55%, #3f281b);
  background-repeat: repeat, no-repeat, no-repeat;
  background-position: center top;
  background-size: 240px 100px, cover, cover;
  border-top: 2px solid #9d7039;
}

body { color: #39291c; font-family: Georgia, 'Times New Roman', serif; font-size: 18px; line-height: 1.85; }
body .grid-container { max-width: 1000px; }
body .site-content { padding: 48px 24px 64px; }
body #primary { width: 100%; }
body #main { margin: 0 auto; max-width: 760px; }
body #main article { margin-bottom: 42px; min-width: 0; }
body #main article > .inside-article { margin-bottom: 0; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, 'Times New Roman', serif; color: #4d2d18; font-weight: 400; line-height: 1.25; }
h1 { font-size: clamp(2rem, 4.5vw, 3.1rem); }
h2 { font-size: clamp(1.65rem, 3.6vw, 2.25rem); }
a, a:visited { color: #75401f; }
a:hover { color: #482610; }
.entry-title a, .entry-title a:visited { color: #4d2d18; }
.entry-meta, footer.entry-meta { color: #71583d; font-family: system-ui, sans-serif; font-size: 14px; }
.entry-content { overflow-wrap: anywhere; }
.entry-content p { margin-bottom: 1.35em; }
body .inside-header { padding: 32px; }
body .main-title a, body .main-title a:hover, body .site-description { color: #fff0ce; }
body .main-title { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }
body .main-navigation, body .main-navigation .inside-navigation { background: transparent; }
body .main-navigation .main-nav ul li a, body .main-navigation .menu-toggle, body .menu-toggle, body .main-navigation .menu-bar-items { color: #fff0ce; }
body .main-navigation .main-nav ul li:hover > a, body .main-navigation .main-nav ul li[class*="current-menu-"] > a { background: #ffffff12; color: #fff0ce; }
body .main-navigation ul ul { background: #4b3020; }
body .site-info { font: 14px/1.6 system-ui, sans-serif; }
blockquote { border-left: 3px solid #9a602c; padding: 16px 24px; color: #594026; font-style: italic; }
a:focus-visible, button:focus-visible { outline: 3px solid #a7773f; outline-offset: 4px; }
@media (max-width: 767px) {
  body { font-size: 17px; line-height: 1.8; }
  body .site-content { padding: 28px 12px 40px; }
  body .inside-header { padding: 24px; }
  body #main article { margin-bottom: 30px; }
}
@media print {
  body .site-header, body .site-info, body .main-navigation { display: none; }
  body .site-content { padding: 0; }
  body #main { max-width: none; }
}