/* GoneHi: one accent colour, system fonts, room to breathe. */
:root {
  --gh-accent: #0f766e;
  --gh-accent-dark: #115e59;
  --bs-primary: #0f766e;
  --bs-primary-rgb: 15, 118, 110;
  --bs-link-color: #0f766e;
  --bs-link-color-rgb: 15, 118, 110;
  --bs-link-hover-color: #115e59;
  --bs-link-hover-color-rgb: 17, 94, 89;
  --bs-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-color: #1c1917;
}

html { font-size: 16px; }
body { background: #fafaf9; }
main { min-height: 60vh; }

.btn-primary { --bs-btn-bg: var(--gh-accent); --bs-btn-border-color: var(--gh-accent); --bs-btn-hover-bg: var(--gh-accent-dark); --bs-btn-hover-border-color: var(--gh-accent-dark); --bs-btn-active-bg: var(--gh-accent-dark); --bs-btn-active-border-color: var(--gh-accent-dark); }
.btn-outline-primary { --bs-btn-color: var(--gh-accent); --bs-btn-border-color: var(--gh-accent); --bs-btn-hover-bg: var(--gh-accent); --bs-btn-hover-border-color: var(--gh-accent); --bs-btn-active-bg: var(--gh-accent); }
.form-control:focus, .form-select:focus { border-color: var(--gh-accent); box-shadow: 0 0 0 .2rem rgba(15, 118, 110, .2); }
.form-check-input:checked { background-color: var(--gh-accent); border-color: var(--gh-accent); }

/* Score badge: colour says how good */
.score { display: inline-block; min-width: 2.6rem; text-align: center; padding: .15rem .45rem; border-radius: .35rem; font-weight: 600; color: #fff; background: #78716c; }
.score-high { background: var(--gh-accent); }
.score-mid { background: #b45309; }
.score-low { background: #a8a29e; }
.score-pending { background: #d6d3d1; color: #44403c; }

.landing h1 { font-size: 2.4rem; font-weight: 600; letter-spacing: -.02em; }
.landing .lead { font-size: 1.2rem; color: #44403c; }
.sample-card { background: #fff; border: 1px solid #e7e5e4; border-radius: .5rem; padding: 1rem; }

.table-matches td { vertical-align: middle; }
.table-matches .title a { color: var(--bs-body-color); text-decoration: none; font-weight: 500; }
.table-matches .title a:hover { text-decoration: underline; }
.muted-small { color: #78716c; font-size: .875rem; }

pre.notice-description { white-space: pre-wrap; font-family: inherit; font-size: 1rem; background: #fff; border: 1px solid #e7e5e4; border-radius: .5rem; padding: 1rem; }

.cpv-results { position: absolute; z-index: 10; background: #fff; border: 1px solid #d6d3d1; border-radius: .35rem; max-height: 16rem; overflow: auto; width: 100%; }
.cpv-results button { display: block; width: 100%; text-align: left; border: 0; background: transparent; padding: .35rem .6rem; }
.cpv-results button:hover { background: #f5f5f4; }

.digest-frame { width: 100%; height: 75vh; border: 1px solid #e7e5e4; border-radius: .5rem; background: #fff; }

.brief-body h1 { font-size: 1.4rem; font-weight: 600; }
.brief-body h2 { font-size: 1.05rem; font-weight: 600; margin-top: 1.2rem; }
.brief-body p, .brief-body li { font-size: .95rem; }