.kh-contextual { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #d5dce5; }
.kh-contextual, .kh-contextual * { box-sizing: border-box; }
.kh-page .kh-contextual .kh-btn { min-height: 44px; height: auto; max-width: 100%; padding: .65rem 1rem; white-space: normal; }
.kh-contextual__buttons { display: flex; flex-wrap: wrap; gap: .65rem; }
.kh-contextual [data-controls], .kh-contextual [data-draft-controls] { margin-top: 1rem; padding: 1rem; background: #f3f6fa; border-radius: .5rem; color: #152b45; }
.kh-contextual [hidden] { display: none !important; }
.kh-contextual label { display: block; margin: .75rem 0; }
.kh-contextual select, .kh-contextual textarea { display: block; width: 100%; max-width: 100%; padding: .6rem; margin-top: .35rem; color: #152b45; background: white; border: 1px solid #8997aa; border-radius: .3rem; font: inherit; }
.kh-contextual textarea { resize: vertical; }
.kh-contextual button:disabled { opacity: .55; cursor: wait; }
.kh-contextual button:focus-visible, .kh-contextual a:focus-visible { outline: 3px solid #397bb5; outline-offset: 3px; }
.kh-contextual__example { padding: 1rem 0; border-bottom: 1px solid #d5dce5; }
.kh-contextual blockquote { margin: .8rem 0; padding: .4rem .8rem; border-inline-start: 3px solid #53768f; white-space: pre-wrap; overflow-wrap: anywhere; }
.kh-contextual__note { font-size: .9em; line-height: 1.5; }
.kh-contextual__passage summary { cursor: pointer; padding: .5rem 0; color: #244e70; }
.kh-contextual__passage summary:focus-visible { outline: 3px solid #397bb5; outline-offset: 3px; }
.kh-contextual__example blockquote { line-height: 1.5; }
.kh-contextual .kh-contextual__preview-quote { white-space: normal; }
.kh-contextual .kh-contextual__full-quote { max-height: 24rem; overflow-y: auto; }
.kh-contextual__full-quote:focus-visible { outline: 3px solid #397bb5; outline-offset: 3px; }
.kh-contextual__table { width: 100%; border-collapse: collapse; margin-top: .8rem; table-layout: fixed; }
.kh-contextual__table th, .kh-contextual__table td { padding: .65rem; border: 1px solid #ccd5df; text-align: start; vertical-align: top; overflow-wrap: anywhere; }
.kh-contextual__table th { width: 58%; font-weight: 500; }
.kh-contextual__table a { display: block; margin-top: .4rem; }
.kh-contextual__table .is-evidenced { background: #e5f3e9; color: #174b2a; }
.kh-contextual__table .is-unconfirmed { background: #f3f4f6; color: #374151; }
@media (max-width: 600px) { .kh-contextual__buttons .kh-btn { width: 100%; } .kh-contextual__table th { width: 48%; } }

.kh-contextual__recommendation { margin: .75rem 0; padding: .25rem 1rem .75rem; border-inline-start: 3px solid #53768f; background: #f3f6fa; }
.kh-contextual__recommendation summary { cursor: pointer; padding: .5rem 0; }