:is(abbr[title],abbr[data-clarification-text]){cursor:pointer;text-decoration:underline dotted;text-underline-offset:.18em}:is(abbr[title],abbr[data-clarification-text])[data-clarification-underline="no"]{text-decoration:none}:is(abbr[title],abbr[data-clarification-text]):focus-visible{outline:2px solid currentColor;outline-offset:3px}.word-clarification{position:fixed;inset:0;margin:auto;width:min(560px,calc(100% - 2rem));max-height:80dvh;overflow:auto;padding:1.25rem;border:1px solid var(--bs-border-color);border-left:5px solid var(--bs-primary,#8c64cf);border-radius:1rem;background:var(--bs-body-bg);color:var(--bs-body-color);box-shadow:0 20px 70px #0007}.word-clarification::backdrop{background:#0007}.word-clarification h3{font-size:1.25rem;padding-right:2rem;overflow-wrap:anywhere}.word-clarification p{white-space:pre-wrap;overflow-wrap:anywhere}.word-clarification>button{position:absolute;right:.65rem;top:.65rem;border:0;background:transparent;color:inherit;font-size:1.5rem;cursor:pointer}
.word-clarification{box-sizing:border-box}

.word-clarification{background:var(--clarification-background,var(--bs-body-bg));color:var(--clarification-text,var(--bs-body-color));border-color:var(--clarification-border,var(--bs-border-color));border-left-color:var(--clarification-border,var(--bs-primary,#8c64cf))}.word-clarification::backdrop{background:var(--clarification-backdrop,#0007)}
.word-clarification>div>:last-child{margin-bottom:0}

.word-clarification i[class*="fa-"]{--fa-primary-color:var(--parks-primary-light,currentColor);--fa-secondary-color:var(--parks-secondary-light,currentColor);--fa-secondary-opacity:1;color:var(--parks-primary-light,inherit)}
html[data-bs-theme="dark"] .word-clarification i[class*="fa-"]{--fa-primary-color:var(--parks-primary-dark,var(--parks-primary-light,currentColor));--fa-secondary-color:var(--parks-secondary-dark,var(--parks-secondary-light,currentColor));color:var(--parks-primary-dark,var(--parks-primary-light,inherit))}

.word-clarification [data-text-light],.word-clarification [data-text-dark]{color:var(--selection-light,inherit)}html[data-bs-theme="dark"] .word-clarification [data-text-light],html[data-bs-theme="dark"] .word-clarification [data-text-dark]{color:var(--selection-dark,var(--selection-light,inherit))}

/* Rich blocks already translate line breaks to HTML; pre-wrap would render them twice. */
.word-clarification .national-parks-visual-text p,
.date-timeline__dialog [data-dt-detail] p {
  white-space: normal;
}
.word-clarification .national-parks-visual-text > p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.word-clarification .national-parks-visual-text > p:last-child {
  margin-bottom: 0;
}