/* Light Sheet Set pass over the bundled guide. No external fonts. */

:root {
  --bg: #F7F8F5;
  --bg2: #EEF0EC;
  --bg3: #FFFFFF;
  --bg4: #E9EBE6;
  --line: #C9CFD6;
  --line2: #16233F;
  --ink: #16233F;
  --ink2: #3E4B63;
  --mut: #5E6A7E;
  --brass: #16233F;
  --brass2: #16233F;
  --brass-dim: rgba(22, 35, 63, 0.08);
  --steel: #1D5FD1;
  --steel2: #16233F;
  --ok: #27643F;
  --warn: #8C5B00;
  --err: #9B1C1C;
  --cond: "Barlow Condensed", "Arial Narrow", sans-serif;
  --body: "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  --mono: "Spline Sans Mono", ui-monospace, monospace;
}

body.guide-page {
  background: #F7F8F5;
  color: #16233F;
}

.gd-setup {
  margin: 14px 0 0;
  padding: 10px 12px 10px 10px;
  background: #FFFFFF;
  border: 1px solid #16233F;
  border-left: 3px solid #16233F;
  color: #16233F;
  font-weight: 600;
  line-height: 1.35;
}

.gd-role { font-size: 11px; }

a {
  color: #16233F;
  text-decoration-color: #5E6A7E;
  text-underline-offset: 4px;
}
a:hover {
  color: #16233F;
  text-decoration-color: #16233F;
}

.gd-role,
.gd-nav a,
code,
kbd,
figure img,
.tip,
.warn,
.note,
ol.steps > li::before,
.lb img {
  border-radius: 0;
}

body.guide-page > footer.footer-strip {
  text-align: left;
  padding: 0;
  font-family: "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  font-size: 15px;
  color: #16233F;
}

.gd-nav a:focus-visible,
.gd-header a:focus-visible,
a:focus-visible {
  outline: 2px solid #1D5FD1;
  outline-offset: 2px;
}