.heading { padding: 23px 0 18px; }
#practice-evidence { padding: 1px 0; background: #071d2a; }
#capture-label { color: #bdd4db; font-size: 13px; line-height: 1.6; margin: 8px 0 12px; }
.heading h1 { font-size: 34px; }
.heading .edition, .instructions { display: none; }
.practice-intro { padding: 20px 24px; margin-bottom: 18px; border: 1px solid #3e5865; border-radius: 12px; background: #102b39; }
.practice-eyebrow { color: #a5e3ce; font-size: 11px; letter-spacing: .12em; margin: 0 0 9px; }
.practice-intro h2 { font-size: 24px; margin: 0 0 10px; line-height: 1.35; }
.practice-intro p:not(.practice-eyebrow), .practice-observation p { color: #b8cbd3; font-size: 13px; line-height: 1.7; margin: 10px 0; }
#practice-cases { display: flex; flex-wrap: wrap; gap: 8px; padding: 5px 0 12px; }
#practice-cases a { border: 1px solid #526674; border-radius: 5px; padding: 8px 10px; font-size: 12px; }
#practice-cases [aria-current] { background: #254c5c; color: #fff; border-color: #a5e3ce; }
.practice-version { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; padding-top: 10px; border-top: 1px solid #36545f; font-size: 13px; }
#version-name { color: #ffc397; font-weight: 700; }
[data-version="fixed"] #version-name { color: #a5e3ce; }
.practice-observation { margin: 18px 0; padding: 20px 24px; background: #102b39; border: 1px solid #3e5865; border-radius: 12px; }
.practice-observation h2 { font-size: 17px; margin: 0 0 16px; }
.practice-observation dl { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; margin: 0; }
.practice-observation dt { color: #afc4cd; font-size: 11px; margin-bottom: 8px; }
.practice-observation dd { margin: 0; font-size: 21px; color: #ffdd9a; font-variant-numeric: tabular-nums; }
.practice-observation summary { color: #a5e3ce; cursor: pointer; font-size: 13px; padding-top: 5px; }
@media (max-width: 650px) {
  .topbar { flex-wrap: wrap; padding: 12px 0; gap: 12px; }
  .heading { padding: 18px 0 14px; }
  .heading h1 { font-size: 28px; }
  .practice-intro, .practice-observation { padding: 15px; }
  .practice-intro h2 { font-size: 20px; }
  #practice-cases { gap: 6px; }
  #practice-cases a { padding: 8px; font-size: 11px; }
  .practice-observation dl { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 9px; }
  .practice-observation dd { font-size: 18px; }
}
