/* citation drawer styles (WP8). Logical properties only. */
.sh-cite-drawer { inline-size: min(560px, 96vw); }
.sh-cite-label { display: inline-block; padding: 2px 12px; border-radius: 999px; background: var(--water-soft); border: 1px solid #a9cfe0; color: #174b63; font-size: var(--fs-small); margin-block-end: 14px; }
.sh-meta { display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; margin: 0 0 12px; font-size: var(--fs-small); }
.sh-meta dt { color: var(--ink-500); font-weight: 600; }
.sh-meta dd { margin: 0; color: var(--ink-900); min-inline-size: 0; overflow-wrap: anywhere; }
.sh-cite-bar { margin-block-end: 10px; }
.sh-cite-actions { margin-block-start: 16px; }
.sh-passage-wrap { position: relative; }
.sh-passage { margin: 0; padding: 14px 18px; background: var(--sand-50); border: 1px solid var(--sand-200); border-inline-start: 4px solid var(--brass-500); border-radius: var(--radius-sm); font-size: 20px; line-height: 1.85; text-align: start; }
html[lang="en"] .sh-passage[lang="en"] { line-height: 1.65; }
.sh-hl { background: transparent; color: inherit; }
.sh-hl.term { background: #fbeec7; border-radius: 3px; }
.sh-hl.sup { background: #cfe8d3; border-radius: 3px; box-shadow: 0 0 0 2px #cfe8d3; }
.sh-hl.sup.term { background: #b6dbbd; }
.sh-page { position: relative; margin: 14px 0 0; border: 1px solid var(--sand-300); border-radius: var(--radius-sm); overflow: hidden; }
.sh-page img { display: block; inline-size: 100%; block-size: auto; }
.sh-region { position: absolute; border: 2px solid var(--brass-500); background: rgba(176, 138, 62, .18); pointer-events: none; }
.sh-metric { padding-block: 4px; border-block-end: 1px dotted var(--sand-300); }
.sh-src-list { padding-inline-start: 1.2em; margin-block: 4px 0; font-size: var(--fs-small); }
.sh-src-list li { margin-block-end: 6px; }
.sh-src-list a { color: var(--water); overflow-wrap: anywhere; }
.sh-cite h4 { margin-block: 14px 6px; font-size: var(--fs-body); }