/* Shared sidebar graphics and frames only: the native content stays untouched. */
@font-face {
  font-family: "Sidebar Oxanium";
  src: url("../fonts/oxanium/Oxanium-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
.sidebar {
  --font-body: "Sidebar Oxanium", "Trebuchet MS", sans-serif;
  --font-pixel: "Sidebar Oxanium", "Trebuchet MS", sans-serif;
  --burnt-dark: #8f3100;
  font-family: var(--font-body);
  border-color: #b6bcc3;
  background: linear-gradient(90deg, #e1e6ebb3, #ffffff33 18% 93%, #fa7b22 94% 96%, #fff 97%) !important;
}
.sidebar .side-box {
  color: #303338;
  border-color: #fff !important;
  border-radius: 0;
  background: url("../theme/chrome-inlays.svg") right bottom / 360px 180px no-repeat, linear-gradient(145deg, #fffffff7, #ffffffef 48%, #e8edf2f2) !important;
  box-shadow: inset 0 3px #fff, inset 3px 0 #f78a22, inset -3px -3px #bcc3cb, inset -4px -4px #fff, 0 0 0 1px #878e96, 0 0 0 2px #ffffffbf, 0 5px 9px #30343a55 !important;
}
.sidebar .side-box > h2 {
  color: #35291f !important;
  border-color: #e17112 !important;
  border-radius: 0;
  background: linear-gradient(135deg, #ffffff9c 0 2%, transparent 2% 93%, #bd4e06aa 93% 94%, #fff7 94% 95%, transparent 95%), linear-gradient(#ffd49f 0%, #ffad55 44%, #f47715 45%, #ff9a38 86%, #ffc285 87% 100%) !important;
  text-shadow: 0 1px #fff9;
  box-shadow: inset 0 2px #fff2d9, inset 0 -2px #c6560c, inset -1px 0 #bb5b17, 0 1px #fff, 0 2px 3px #454b5140;
}
.sidebar a { color: #a13900; }
.sidebar a:visited { color: #735544; }
.sidebar a:hover { color: #8d2a00; background-color: #ffe0b5; }
.sidebar .site-menu a[aria-current="page"] {
  color: #532000;
  border-radius: 0;
  background: linear-gradient(135deg, #fff7 0 5%, #fff0 5%), linear-gradient(180deg, #fff6e6, #ffcc88 43%, #ff9d27 45%, #ed6900 82%, #ffa329);
  box-shadow: inset 3px 0 #a24200, inset 0 1px #fff, inset 0 -2px #d7670d, 0 1px 2px #535b6366;
  text-shadow: 0 1px #ffe4be;
}
.sidebar .visitor-count {
  color: #ffd8a2;
  border-color: #aab0b8;
  border-radius: 0;
  background: linear-gradient(#60656c, #292c31 40%, #16191d 44%, #353a40);
  box-shadow: inset 0 2px #9eabb8, inset 2px 0 #8995a2, inset 0 -2px #080c11, 0 0 0 1px #fff, 0 0 0 2px #778391;
  text-shadow: 0 0 8px #ff9800;
}
.sidebar textarea { font-family: var(--font-body); border-color: #aab2bc; background: #fff; }
.sidebar :is(a,summary,textarea):focus-visible { outline: 2px solid #aa3c00; outline-offset: 2px; }
html.dark-mode .sidebar { background: #30363e55 !important; }
html.dark-mode .sidebar .side-box {
  color: #f0f2f4;
  background: url("../theme/chrome-inlays.svg") right bottom / 360px 180px no-repeat, linear-gradient(145deg, #363c44f7, #20262df7) !important;
  box-shadow: inset 0 1px #ffffff88, inset 0 -1px #a4aab34d, 0 0 0 1px #727a84, 0 6px 13px #13171cb3 !important;
}
html.dark-mode .sidebar a { color: #ffbc71; }
html.dark-mode .sidebar a:visited { color: #ffcc93; }
html.dark-mode .sidebar a:hover { color: #fff; background-color: #9e4b10; }
html.dark-mode .sidebar .site-menu a[aria-current="page"] { color: #532000; }
html.dark-mode .sidebar :focus-visible { outline-color: #ffc47b; }