/**
 * @file
 * ctteb theme — base elements (Drupal libraries-override of system base).
 */
:root {
  --ctteb-slate: #1d2a24;
  --ctteb-slate-2: #24342d;
  --ctteb-chalk: #ecebe2;
  --ctteb-chalk-dim: #b9bdb2;
  --ctteb-yellow: #f3c85a;
  --ctteb-pink: #ee8c7f;
  --ctteb-blue: #9cc7d8;
  --ctteb-wood: #6e4526;
  --ctteb-wood-dark: #4a2c16;
  --ctteb-paper: #f2eee3;
  --ctteb-ink: #1e2a25;
  --ctteb-font-chalk: "Cabin Sketch", "Comic Sans MS", cursive;
  --ctteb-font-label: "Barlow Condensed", "Arial Narrow", sans-serif;
  --ctteb-font-text: "Literata", Georgia, serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--ctteb-font-text);
  font-size: 1.04rem;
  line-height: 1.65;
  color: var(--ctteb-chalk);
  background-color: var(--ctteb-wood-dark);
  background-image:
    repeating-linear-gradient(92deg, rgba(255,255,255,.035) 0 2px, transparent 2px 9px),
    repeating-linear-gradient(88deg, rgba(0,0,0,.12) 0 1px, transparent 1px 23px),
    linear-gradient(180deg, #5a361b, #3f2512);
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--ctteb-yellow); text-underline-offset: .18em; }
a:hover, a:focus { color: #fff; }
h1, h2, h3 { line-height: 1.2; }
.visually-hidden {
  position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden;
  height: 1px; width: 1px; word-wrap: normal;
}
.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
  position: static !important; clip: auto; overflow: visible; height: auto; width: auto;
}
.skip-link { background: var(--ctteb-yellow); color: var(--ctteb-ink); padding: .4rem .8rem; display: inline-block; }
.hidden { display: none; }
:focus-visible { outline: 2px dashed var(--ctteb-yellow); outline-offset: 3px; }