/* A warm paper-party palette, friendly symbols, and fine corner cobwebs. */
:root {
  --cs-light-bg-color: #ffe5c6;
  --cs-light-font-color: #452611;
}

body .date_row,
::selection {
  background-color: #ffe5c6;
  color: #452611;
}

#cs_header {
  --halloween-web: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20130%2070%22%20fill%3D%22none%22%20stroke%3D%22%23b5835d%22%20stroke-opacity%3D%22.48%22%20stroke-width%3D%22.8%22%3E%0A%20%20%3Cpath%20d%3D%22M0%200H130M0%200%20120%2024M0%200%2084%2048M0%200%2038%2070M0%200V70%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M26%200Q22%203%2024%205Q17%206%2017%2010Q9%2010%208%2015Q2%2013%200%2014M52%200Q47%206%2048%2010Q34%2012%2034%2019Q18%2020%2015%2028Q4%2026%200%2028M78%200Q71%209%2072%2014Q51%2018%2050%2029Q27%2030%2023%2042Q6%2039%200%2042M104%200Q95%2012%2096%2019Q68%2024%2067%2038Q36%2040%2030%2056Q8%2052%200%2056M130%200Q119%2015%20120%2024Q85%2030%2084%2048Q45%2050%2038%2070Q10%2065%200%2070%22%2F%3E%0A%3C%2Fsvg%3E");
  background: var(--halloween-web) left top / 90px 48px no-repeat, #fff0df;
  border-bottom: 2px solid #e8b88e;
}

#cs_header::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 100%;
  background: var(--halloween-web) left top / 90px 48px no-repeat;
  transform: scaleX(-1);
  pointer-events: none;
}

#cs_header .cs_header_text a {
  color: #493126;
  font-family: inherit;
  font-size: 0.85em;
  font-weight: 750;
  letter-spacing: -0.025em;
}

#cs_header .seasonal-symbol {
  font-family: system-ui, sans-serif;
  font-size: 0.72em;
}

#cs_header .seasonal-brand {
  gap: 0.35em;
}