/* Dosewise's colors on top of the shared base styles. */
:root { --brand: #3a5bd9; --brand-soft: #e4e9fb; --bg: #f5f6fa; --text: #141826; --muted: #5d6478; --line: rgba(20, 24, 50, 0.1); --warn: #b85a00; --chrome: rgba(245, 246, 250, 0.72); }
@media (prefers-color-scheme: dark) {
  :root { --brand: #b3c5ff; --brand-soft: rgba(179, 197, 255, 0.14); --bg: #0e1016; --card: #171a22; --text: #e8eaf2; --muted: #9aa1b5; --line: rgba(255, 255, 255, 0.09); --chrome: rgba(14, 16, 22, 0.72); }
  .btn { color: #00154d; }
}
.time { width: 4.75rem; flex: none; font-size: 0.875rem; color: var(--muted); font-variant-numeric: tabular-nums; letter-spacing: 0; }
.time.warn { color: var(--warn); font-weight: 600; }
.check { color: var(--good); font-size: 1.25rem; font-weight: 700; }
.notice { background: var(--brand-soft); border-radius: var(--radius); padding: 0.875rem 1rem; font-size: 0.875rem; line-height: 1.45; color: var(--text); margin-top: 1rem; }
.times { display: grid; gap: 0.5rem; }
.times .split-row input { width: auto; }
.times > .btn { justify-self: start; }

/* Meds: a person's heading with its action beside it. */
.section-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1.25rem 0.25rem 0.375rem; }
.section-head h2 { margin: 0; }
.section-head .btn { margin-right: -0.5rem; }

/* Interaction check results. */
.interactions { display: grid; gap: 0.875rem; }
.interactions .lead { font-size: 1.0625rem; font-weight: 600; letter-spacing: -0.006em; margin: 0; }
.interactions .finding { padding: 0.875rem 1rem; box-shadow: 0 0 0 0.5px var(--line); display: grid; gap: 0.5rem; }
.interactions .finding p { margin: 0; }
.interactions blockquote { margin: 0.25rem 0 0.5rem; padding: 0.5rem 0.75rem; border-left: 3px solid var(--brand-soft); background: var(--bg); border-radius: 0 0.5rem 0.5rem 0; font-size: 0.875rem; line-height: 1.5; }
.interactions mark { background: var(--brand-soft); color: inherit; border-radius: 0.2rem; padding: 0 0.1rem; }
.interactions a { color: var(--brand); }
.interactions .disclaimer { border-top: 0.5px solid var(--line); padding-top: 0.75rem; margin: 0.25rem 0 0; line-height: 1.45; }