/* Westerbone Medieval Crime & Punishment. Everything is scoped under .wbtc.wbcr so a theme can't reach in, and
   sizes are in px so a theme's root font-size can't shrink the text. */
.wbtc.wbcr {
  --wb-bg: #fbf7ef;
  --wb-card: #fffdf8;
  --wb-ink: #2a211a;
  --wb-soft: #5f5246;
  --wb-faint: #8a7c6e;
  --wb-line: #e2d8c7;
  --wb-accent: #8a2a1f;
  --wb-accent-ink: #ffffff;
  --wb-tint: #f3e8dc;
  --wb-gold: #7a5a12;
  --wb-ok: #2f6a3a;
  --wb-roll: #f6efe1;
  --wb-focus: #b5541f;
  --wb-serif: 'Alegreya', Georgia, 'Times New Roman', serif;
  --wb-sans: 'Alegreya Sans', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  all: initial;
  display: block;
  box-sizing: border-box;
  max-width: 920px;
  margin: 24px auto;
  padding: 20px 16px 16px;
  background: var(--wb-bg);
  color: var(--wb-ink);
  border: 1px solid var(--wb-line);
  border-radius: 10px;
  font-family: var(--wb-serif);
  font-size: 17px;
  line-height: 1.5;
  text-align: left;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}
.wbtc.wbcr.wbcr-themefonts { --wb-serif: inherit; --wb-sans: inherit; }
.wbtc.wbcr.wbcr-dark,
.wbtc.wbcr.wbcr-auto.wbcr-isdark {
  --wb-bg: #1c1815; --wb-card: #252019; --wb-ink: #eee5d6; --wb-soft: #c6b8a4; --wb-faint: #9d8f7d; --wb-line: #3c342b;
  --wb-accent: #e0866c; --wb-accent-ink: #1c1815; --wb-tint: #33291f; --wb-gold: #d8b35c; --wb-ok: #8fc79a; --wb-roll: #2a241d; --wb-focus: #f0a070;
}
@media (prefers-color-scheme: dark) {
  .wbtc.wbcr.wbcr-auto {
    --wb-bg: #1c1815; --wb-card: #252019; --wb-ink: #eee5d6; --wb-soft: #c6b8a4; --wb-faint: #9d8f7d; --wb-line: #3c342b;
    --wb-accent: #e0866c; --wb-accent-ink: #1c1815; --wb-tint: #33291f; --wb-gold: #d8b35c; --wb-ok: #8fc79a; --wb-roll: #2a241d; --wb-focus: #f0a070;
  }
}
@media (min-width: 640px) { .wbtc.wbcr { padding: 28px 28px 20px; } }

/* --- resets: undo whatever the theme did --- */
.wbtc.wbcr *, .wbtc.wbcr *::before, .wbtc.wbcr *::after { box-sizing: border-box; }
.wbtc.wbcr div, .wbtc.wbcr h2, .wbtc.wbcr h3, .wbtc.wbcr h4, .wbtc.wbcr p, .wbtc.wbcr ul, .wbtc.wbcr ol, .wbtc.wbcr li,
.wbtc.wbcr dl, .wbtc.wbcr dt, .wbtc.wbcr dd, .wbtc.wbcr form, .wbtc.wbcr fieldset, .wbtc.wbcr legend,
.wbtc.wbcr section, .wbtc.wbcr article, .wbtc.wbcr label, .wbtc.wbcr span, .wbtc.wbcr strong, .wbtc.wbcr em, .wbtc.wbcr a {
  margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; line-height: inherit;
  letter-spacing: normal; text-transform: none; text-shadow: none; box-shadow: none; float: none; width: auto;
  min-width: 0; max-width: none; height: auto; text-align: inherit; position: static; text-decoration: none; text-indent: 0;
  opacity: 1; transform: none; visibility: inherit; border-radius: 0; outline: 0;
}
.wbtc.wbcr span, .wbtc.wbcr strong, .wbtc.wbcr em, .wbtc.wbcr a { display: inline; }
.wbtc.wbcr div, .wbtc.wbcr p, .wbtc.wbcr h2, .wbtc.wbcr h3, .wbtc.wbcr h4, .wbtc.wbcr section, .wbtc.wbcr article,
.wbtc.wbcr form, .wbtc.wbcr fieldset, .wbtc.wbcr dl, .wbtc.wbcr dt, .wbtc.wbcr dd, .wbtc.wbcr ul, .wbtc.wbcr ol, .wbtc.wbcr li { display: block; }
.wbtc.wbcr label { display: inline; }
.wbtc.wbcr strong { font-weight: 700; }
.wbtc.wbcr em { font-style: italic; }
.wbtc.wbcr ul, .wbtc.wbcr ol { list-style: none; }
.wbtc.wbcr li::before, .wbtc.wbcr li::after, .wbtc.wbcr h2::before, .wbtc.wbcr h3::before, .wbtc.wbcr h4::before,
.wbtc.wbcr h2::after, .wbtc.wbcr h3::after, .wbtc.wbcr h4::after { content: none; display: none; }
.wbtc.wbcr p + p { margin-top: 8px; }
.wbtc.wbcr a { color: var(--wb-accent); text-decoration: underline; text-underline-offset: 2px; }
.wbtc.wbcr [hidden] { display: none !important; }
.wbtc.wbcr button, .wbtc.wbcr input, .wbtc.wbcr select, .wbtc.wbcr textarea {
  all: unset; box-sizing: border-box; font-family: var(--wb-sans); font-size: 16px; line-height: 1.3; color: var(--wb-ink);
}
.wbtc.wbcr :focus-visible { outline: 3px solid var(--wb-focus); outline-offset: 2px; }
.wbtc.wbcr input[type="radio"]:focus-visible + label,
.wbtc.wbcr input[type="checkbox"]:focus-visible + label { outline: 3px solid var(--wb-focus); outline-offset: 2px; }
.wbcr-offscreen { position: fixed !important; left: -9999px !important; top: 0 !important; opacity: 0 !important; }

/* --- head and tabs --- */
.wbtc.wbcr .wbcr-kicker { font-family: var(--wb-sans); font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wb-accent); font-weight: 700; }
.wbtc.wbcr .wbcr-title { font-size: 28px; line-height: 1.15; font-weight: 700; margin-top: 2px; }
.wbtc.wbcr .wbcr-sub { color: var(--wb-soft); margin-top: 6px; max-width: 62ch; }
@media (min-width: 640px) { .wbtc.wbcr .wbcr-title { font-size: 34px; } }
.wbtc.wbcr .wbcr-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin: 18px 0 0; border-bottom: 2px solid var(--wb-line); }
.wbtc.wbcr .wbcr-tab {
  cursor: pointer; padding: 9px 12px 8px; font-size: 15px; font-weight: 700; color: var(--wb-soft);
  border-radius: 6px 6px 0 0; margin-bottom: -2px; border-bottom: 3px solid transparent;
}
.wbtc.wbcr .wbcr-tab:hover { color: var(--wb-ink); background: var(--wb-tint); }
.wbtc.wbcr .wbcr-tab[aria-selected="true"] { color: var(--wb-accent); border-bottom-color: var(--wb-accent); }
.wbtc.wbcr .wbcr-panel { padding-top: 18px; }
.wbtc.wbcr .wbcr-loading, .wbtc.wbcr .wbcr-error, .wbtc.wbcr .wbcr-empty { color: var(--wb-soft); font-style: italic; padding: 12px 0; }
.wbtc.wbcr .wbcr-intro { color: var(--wb-soft); margin-bottom: 12px; }

/* --- form --- */
.wbtc.wbcr .wbcr-form { display: flex; flex-direction: column; gap: 12px; }
.wbtc.wbcr .wbcr-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.wbtc.wbcr .wbcr-field { display: flex; flex-direction: column; gap: 4px; flex: 1 1 150px; min-width: 0; }
.wbtc.wbcr .wbcr-field.wbcr-grow { flex: 2 1 220px; }
.wbtc.wbcr .wbcr-field.wbcr-year { flex: 2 1 240px; }
.wbtc.wbcr .wbcr-field.wbcr-yearonly { flex: 0 1 110px; }
.wbtc.wbcr .wbcr-field.wbcr-btnfield { flex: 0 0 auto; }
.wbtc.wbcr .wbcr-field > label, .wbtc.wbcr .wbcr-lbl, .wbtc.wbcr .wbcr-fs legend {
  display: block; font-family: var(--wb-sans); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--wb-soft);
}
.wbtc.wbcr .wbcr-hint { font-family: var(--wb-sans); font-size: 14px; color: var(--wb-faint); }
.wbtc.wbcr .wbcr-form > .wbcr-hint { margin-top: -6px; min-height: 0; }
.wbtc.wbcr .wbcr-form > .wbcr-hint:empty { display: none; }
.wbtc.wbcr select, .wbtc.wbcr input[type="number"], .wbtc.wbcr input[type="search"] {
  display: block; width: 100%; min-height: 44px; padding: 9px 11px; background: var(--wb-card);
  border: 1px solid var(--wb-line); border-radius: 6px; cursor: text;
}
.wbtc.wbcr select {
  cursor: pointer; padding-right: 34px;
  background-image: linear-gradient(45deg, transparent 50%, var(--wb-soft) 50%), linear-gradient(135deg, var(--wb-soft) 50%, transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;
}
.wbtc.wbcr select:disabled { opacity: 0.55; cursor: not-allowed; }
.wbtc.wbcr select option, .wbtc.wbcr select optgroup { background: var(--wb-card); color: var(--wb-ink); font-family: var(--wb-sans); }
.wbtc.wbcr input::placeholder { color: var(--wb-faint); opacity: 1; }
.wbtc.wbcr .wbcr-yearrow { display: flex; gap: 10px; align-items: center; }
.wbtc.wbcr .wbcr-yearrow input[type="number"] { width: 92px; flex: 0 0 92px; }
.wbtc.wbcr input[type="range"] { -webkit-appearance: none; appearance: none; flex: 1 1 auto; min-width: 60px; height: 44px; background: transparent; cursor: pointer; }
.wbtc.wbcr input[type="range"]::-webkit-slider-runnable-track { height: 4px; background: var(--wb-line); border-radius: 2px; }
.wbtc.wbcr input[type="range"]::-moz-range-track { height: 4px; background: var(--wb-line); border-radius: 2px; }
.wbtc.wbcr input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; margin-top: -9px; border-radius: 50%; background: var(--wb-accent); border: 2px solid var(--wb-card); }
.wbtc.wbcr input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; border-radius: 50%; background: var(--wb-accent); border: 2px solid var(--wb-card); }
.wbtc.wbcr .wbcr-fs { display: block; }
.wbtc.wbcr .wbcr-fs legend { display: block; margin-bottom: 6px; }

/* segmented radios and checkbox chips */
.wbtc.wbcr .wbcr-seg { display: inline-flex; flex-wrap: wrap; border: 1px solid var(--wb-line); border-radius: 8px; overflow: hidden; background: var(--wb-card); max-width: 100%; }
.wbtc.wbcr .wbcr-seg-item { display: flex; position: relative; }
.wbtc.wbcr .wbcr-seg-item + .wbcr-seg-item { border-left: 1px solid var(--wb-line); }
.wbtc.wbcr .wbcr-seg input, .wbtc.wbcr .wbcr-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; overflow: hidden; }
.wbtc.wbcr .wbcr-seg label { display: block; cursor: pointer; padding: 10px 14px; min-height: 42px; font-family: var(--wb-sans); font-size: 15px; color: var(--wb-soft); }
.wbtc.wbcr .wbcr-seg input:checked + label { background: var(--wb-accent); color: var(--wb-accent-ink); font-weight: 700; }
.wbtc.wbcr .wbcr-flags { display: flex; flex-wrap: wrap; gap: 8px; }
.wbtc.wbcr .wbcr-chip { display: flex; position: relative; }
.wbtc.wbcr .wbcr-chip label {
  display: block; cursor: pointer; padding: 8px 12px 8px 30px; min-height: 40px; border: 1px solid var(--wb-line); border-radius: 20px;
  background: var(--wb-card); font-family: var(--wb-sans); font-size: 15px; color: var(--wb-soft); position: relative;
}
.wbtc.wbcr .wbcr-chip label::before {
  content: ''; display: block; position: absolute; left: 10px; top: 50%; width: 12px; height: 12px; margin-top: -6px;
  border: 2px solid var(--wb-faint); border-radius: 3px;
}
.wbtc.wbcr .wbcr-chip input:checked + label { border-color: var(--wb-accent); color: var(--wb-ink); background: var(--wb-tint); }
.wbtc.wbcr .wbcr-chip input:checked + label::before { background: var(--wb-accent); border-color: var(--wb-accent); }
.wbtc.wbcr .wbcr-chip input:disabled + label { opacity: 0.45; cursor: not-allowed; }

/* buttons */
.wbtc.wbcr .wbcr-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 4px; }
.wbtc.wbcr .wbcr-btn {
  display: inline-block; cursor: pointer; padding: 10px 16px; min-height: 44px; border: 1px solid var(--wb-line); border-radius: 6px;
  background: var(--wb-card); font-size: 15px; font-weight: 700; color: var(--wb-ink); text-align: center;
}
.wbtc.wbcr .wbcr-btn:hover { border-color: var(--wb-accent); color: var(--wb-accent); }
.wbtc.wbcr .wbcr-btn.wbcr-primary { background: var(--wb-accent); border-color: var(--wb-accent); color: var(--wb-accent-ink); }
.wbtc.wbcr .wbcr-btn.wbcr-primary:hover { filter: brightness(1.08); color: var(--wb-accent-ink); }
.wbtc.wbcr .wbcr-btn.wbcr-small { padding: 6px 10px; min-height: 34px; font-size: 13px; }

/* --- the case --- */
.wbtc.wbcr .wbcr-out { margin-top: 14px; }
.wbtc.wbcr .wbcr-note { font-family: var(--wb-sans); font-size: 15px; background: var(--wb-tint); border-left: 4px solid var(--wb-gold); padding: 8px 12px; border-radius: 0 6px 6px 0; margin-bottom: 10px; }
.wbtc.wbcr .wbcr-summary { border-top: 1px solid var(--wb-line); padding-top: 16px; }
.wbtc.wbcr .wbcr-when { font-family: var(--wb-sans); font-size: 14px; color: var(--wb-faint); }
.wbtc.wbcr .wbcr-offname { font-size: 25px; line-height: 1.2; font-weight: 700; margin-top: 2px; }
.wbtc.wbcr .wbcr-latin { font-style: italic; color: var(--wb-soft); }
.wbtc.wbcr .wbcr-latin-in { font-style: italic; color: var(--wb-soft); }
.wbtc.wbcr .wbcr-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.wbtc.wbcr .wbcr-badge {
  display: inline-block; font-family: var(--wb-sans); font-size: 13px; font-weight: 700; padding: 3px 10px; border-radius: 12px;
  background: var(--wb-tint); color: var(--wb-soft); border: 1px solid var(--wb-line);
}
.wbtc.wbcr .wbcr-badge.wbcr-capital { background: var(--wb-accent); color: var(--wb-accent-ink); border-color: var(--wb-accent); }
.wbtc.wbcr .wbcr-odds { margin-top: 10px; font-size: 16px; }
.wbtc.wbcr .wbcr-notyet { margin-top: 14px; padding: 14px 16px; border: 1px dashed var(--wb-faint); border-radius: 8px; background: var(--wb-card); }

.wbtc.wbcr .wbcr-steps { counter-reset: none; margin-top: 18px; display: flex; flex-direction: column; gap: 14px; }
.wbtc.wbcr .wbcr-step { background: var(--wb-card); border: 1px solid var(--wb-line); border-radius: 8px; padding: 14px 14px 12px; }
.wbtc.wbcr .wbcr-step-title { display: flex; align-items: center; gap: 10px; font-size: 19px; font-weight: 700; line-height: 1.25; }
.wbtc.wbcr .wbcr-step-n {
  flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: var(--wb-accent); color: var(--wb-accent-ink);
  font-family: var(--wb-sans); font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center;
}
.wbtc.wbcr .wbcr-step-q { font-family: var(--wb-sans); font-size: 14px; color: var(--wb-faint); margin: 2px 0 0 38px; }
.wbtc.wbcr .wbcr-lead { margin-top: 10px; font-weight: 600; }
.wbtc.wbcr .wbcr-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.wbtc.wbcr .wbcr-chiplink {
  cursor: pointer; font-size: 14px; padding: 6px 10px; min-height: 34px; border-radius: 16px; border: 1px solid var(--wb-line);
  background: var(--wb-tint); color: var(--wb-ink);
}
.wbtc.wbcr .wbcr-chiplink:hover { border-color: var(--wb-accent); color: var(--wb-accent); }
.wbtc.wbcr .wbcr-puns { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; }
.wbtc.wbcr .wbcr-puns li { padding-left: 14px; border-left: 3px solid var(--wb-accent); }
.wbtc.wbcr .wbcr-rules { margin-top: 10px; display: flex; flex-direction: column; gap: 9px; }
.wbtc.wbcr .wbcr-rule { padding-left: 14px; border-left: 3px solid var(--wb-line); }
.wbtc.wbcr .wbcr-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 4px; font-family: var(--wb-sans); font-size: 13px; color: var(--wb-faint); }
.wbtc.wbcr .wbcr-yrs { font-weight: 700; color: var(--wb-gold); }
.wbtc.wbcr .wbcr-src { border-bottom: 1px dotted var(--wb-faint); cursor: help; }
.wbtc.wbcr .wbcr-conf { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding: 1px 6px; border-radius: 4px; border: 1px solid currentColor; }
.wbtc.wbcr .wbcr-conf-high { color: var(--wb-ok); }
.wbtc.wbcr .wbcr-conf-medium { color: var(--wb-gold); }
.wbtc.wbcr .wbcr-conf-low { color: var(--wb-accent); }

/* the record */
.wbtc.wbcr .wbcr-record { margin-top: 22px; background: var(--wb-roll); border: 1px solid var(--wb-line); border-radius: 8px; padding: 16px 14px; }
.wbtc.wbcr .wbcr-rec-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.wbtc.wbcr .wbcr-rec-h { font-size: 21px; font-weight: 700; }
.wbtc.wbcr .wbcr-rec-top .wbcr-seg label { padding: 7px 12px; min-height: 36px; font-size: 14px; }
.wbtc.wbcr .wbcr-rec-facts { font-family: var(--wb-sans); font-size: 14px; color: var(--wb-faint); margin-top: 6px; }
.wbtc.wbcr .wbcr-roll { margin-top: 12px; display: flex; flex-direction: column; gap: 8px; }
.wbtc.wbcr .wbcr-margin { font-weight: 700; color: var(--wb-accent); font-size: 16px; }
.wbtc.wbcr .wbcr-margin .wbcr-la { font-style: italic; }
.wbtc.wbcr .wbcr-margin .wbcr-en { font-family: var(--wb-sans); font-size: 14px; color: var(--wb-faint); font-weight: 400; }
.wbtc.wbcr .wbcr-view-both .wbcr-margin .wbcr-en::before { content: '\00a0\00b7\00a0'; display: inline; }
.wbtc.wbcr .wbcr-entry { display: flex; flex-direction: column; gap: 10px; }
.wbtc.wbcr .wbcr-line .wbcr-la, .wbtc.wbcr .wbcr-line .wbcr-en { display: block; }
.wbtc.wbcr .wbcr-line .wbcr-la { font-style: italic; }
.wbtc.wbcr .wbcr-view-both .wbcr-line .wbcr-en { color: var(--wb-soft); font-size: 16px; margin-top: 3px; padding-left: 12px; border-left: 2px solid var(--wb-line); }
.wbtc.wbcr .wbcr-view-la .wbcr-en, .wbtc.wbcr .wbcr-view-en .wbcr-la { display: none !important; }
.wbtc.wbcr .wbcr-view-en .wbcr-line .wbcr-en { font-style: normal; }
.wbtc.wbcr .wbcr-heading { font-weight: 700; }
.wbtc.wbcr .wbcr-outcome { margin-top: 14px; padding-top: 10px; border-top: 1px solid var(--wb-line); }
.wbtc.wbcr .wbcr-record > .wbcr-hint { display: block; margin-top: 8px; }
@media (min-width: 720px) {
  .wbtc.wbcr .wbcr-roll { display: grid; grid-template-columns: 120px 1fr; gap: 18px; }
  .wbtc.wbcr .wbcr-margin { text-align: right; padding-top: 2px; border-right: 1px solid var(--wb-line); padding-right: 14px; }
  .wbtc.wbcr .wbcr-margin .wbcr-en { display: block; }
  .wbtc.wbcr .wbcr-view-both .wbcr-margin .wbcr-en::before { content: none; }
}

/* --- reference tabs --- */
.wbtc.wbcr .wbcr-filter { margin-bottom: 4px; }
.wbtc.wbcr .wbcr-group-h { font-size: 20px; font-weight: 700; margin: 22px 0 10px; padding-bottom: 4px; border-bottom: 1px solid var(--wb-line); }
.wbtc.wbcr .wbcr-out > .wbcr-group-h:first-child { margin-top: 6px; }
.wbtc.wbcr .wbcr-card { background: var(--wb-card); border: 1px solid var(--wb-line); border-radius: 8px; padding: 14px; margin-bottom: 10px; }
.wbtc.wbcr .wbcr-card-h { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-size: 19px; font-weight: 700; line-height: 1.25; }
.wbtc.wbcr .wbcr-card .wbcr-latin { margin-top: 2px; }
.wbtc.wbcr .wbcr-card > p { margin-top: 8px; }
.wbtc.wbcr .wbcr-card > .wbcr-meta { margin-top: 10px; }
.wbtc.wbcr .wbcr-status { font-family: var(--wb-sans); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--wb-faint); border: 1px solid var(--wb-faint); border-radius: 4px; padding: 1px 6px; }
.wbtc.wbcr .wbcr-st-notyet, .wbtc.wbcr .wbcr-st-gone { opacity: 0.6; }
.wbtc.wbcr .wbcr-dl { display: grid; grid-template-columns: 1fr; gap: 2px 14px; margin-top: 10px; }
.wbtc.wbcr .wbcr-dl dt { font-family: var(--wb-sans); font-size: 13px; font-weight: 700; color: var(--wb-faint); text-transform: uppercase; letter-spacing: 0.04em; margin-top: 6px; }
@media (min-width: 640px) {
  .wbtc.wbcr .wbcr-dl { grid-template-columns: 130px 1fr; }
  .wbtc.wbcr .wbcr-dl dt { margin-top: 3px; }
}
.wbtc.wbcr .wbcr-for { font-size: 16px; }
.wbtc.wbcr .wbcr-myth .wbcr-verdict {
  display: inline-block; font-family: var(--wb-sans); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em;
  padding: 2px 9px; border-radius: 4px; margin-bottom: 8px;
}
.wbtc.wbcr .wbcr-v-false { background: var(--wb-accent); color: var(--wb-accent-ink); }
.wbtc.wbcr .wbcr-v-partly { background: var(--wb-gold); color: var(--wb-bg); }
.wbtc.wbcr .wbcr-v-true { background: var(--wb-ok); color: var(--wb-bg); }
.wbtc.wbcr .wbcr-myth .wbcr-card-h { font-style: italic; }
.wbtc.wbcr .wbcr-hilite { border-color: var(--wb-accent); box-shadow: 0 0 0 2px var(--wb-accent); }
.wbtc.wbcr .wbcr-terms { margin-top: 12px; }
.wbtc.wbcr .wbcr-terms dt { font-weight: 700; font-size: 18px; margin-top: 14px; }
.wbtc.wbcr .wbcr-terms dt:first-child { margin-top: 0; }
.wbtc.wbcr .wbcr-terms dd { margin-top: 2px; }
.wbtc.wbcr .wbcr-terms dd .wbcr-src { font-family: var(--wb-sans); font-size: 13px; color: var(--wb-faint); }

.wbtc.wbcr .wbcr-cta { margin-top: 22px; padding-top: 14px; border-top: 1px solid var(--wb-line); font-size: 16px; color: var(--wb-soft); }
.wbtc.wbcr .wbcr-cta a { font-weight: 700; }

@media print {
  .wbtc.wbcr { border: 0; max-width: none; background: #fff; color: #000; }
  .wbtc.wbcr .wbcr-form, .wbtc.wbcr .wbcr-actions, .wbtc.wbcr .wbcr-tabs, .wbtc.wbcr .wbcr-filter, .wbtc.wbcr .wbcr-rec-top .wbcr-seg { display: none !important; }
}

/* fields placed straight in the column form must not stretch to their row flex-basis */
.wbtc.wbcr .wbcr-form > .wbcr-field { flex: 0 0 auto; }
/* segmented buttons: share the row evenly, and wrap tidily on a phone */
.wbtc.wbcr .wbcr-seg-item { flex: 1 1 auto; }
.wbtc.wbcr .wbcr-seg label { width: 100%; text-align: center; white-space: nowrap; }
@media (max-width: 420px) {
  .wbtc.wbcr .wbcr-form .wbcr-seg { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .wbtc.wbcr .wbcr-form .wbcr-seg-item + .wbcr-seg-item { border-left: 0; }
  .wbtc.wbcr .wbcr-form .wbcr-seg-item:nth-child(even) { border-left: 1px solid var(--wb-line); }
  .wbtc.wbcr .wbcr-form .wbcr-seg-item:nth-child(n+3) { border-top: 1px solid var(--wb-line); }
  .wbtc.wbcr .wbcr-form .wbcr-seg-item:last-child:nth-child(odd) { grid-column: 1 / -1; }
}