/* Keep the shared shell readable on browsers without CSS variables or grid. */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 100%; }
body {
  margin: 0;
  color: #162621;
  background: #f7f7f2;
  font: 1rem/1.65 "Segoe UI", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}
header, nav, main, section, article, aside, footer, figure, details { display: block; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: default; }
a { color: #0d6b53; }
a:focus, button:focus, input:focus, select:focus, textarea:focus, summary:focus {
  outline: 2px solid #0d6b53;
  outline-offset: 3px;
}
h1, h2, h3, p, ul, ol, figure { margin-top: 0; }
img { max-width: 100%; height: auto; }
[hidden] { display: none !important; }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.skip-link { position: absolute; left: -9999px; top: 8px; z-index: 100; background: #fff; padding: 8px 16px; }
.skip-link:focus { left: 8px; }