/* Keep text fully opaque. Only the surface is translucent. */
.detail-panel,.directory {
  --ink:#172334;
  --paper:#f8fbff;
  --line:rgba(16,24,32,.24);
  color:#101820;
  background:#f8fbff;
  border-color:rgba(255,255,255,.55);
  box-shadow:0 14px 40px rgba(12,20,31,.15),inset 0 1px 0 rgba(255,255,255,.5);
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .detail-panel,.directory {
    background:rgba(248,251,255,.52);
    -webkit-backdrop-filter:blur(10px) saturate(1.05);
    backdrop-filter:blur(10px) saturate(1.05);
  }
}
.detail-panel .panel-image{background:transparent}
.detail-panel .panel-body p,.detail-panel .fact span,.detail-panel .place,
.detail-panel .disclosure,.detail-panel .sources a,.directory .directory-item small{color:#101820}
.detail-panel .eyebrow,.detail-panel .era,.directory .eyebrow,
.directory .directory-item>span,.directory .directory-item em{color:#101820}
.detail-panel .fact,.detail-panel .facts,.detail-panel .disclosure,
.detail-panel .related-link,.directory .directory-item{border-color:rgba(16,24,32,.24)}
.detail-panel .round,.directory .round{background:rgba(248,251,255,.3);border-color:rgba(16,24,32,.24)}
.detail-panel .draft-badge{color:#101820;border-color:rgba(16,24,32,.35)}
.detail-panel .related-link:hover,.directory .directory-item:hover{color:#101820;background:rgba(248,251,255,.3)}
.directory .search{background:rgba(255,255,255,.65)}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  .detail-panel,.directory{background:#f8fbff;-webkit-backdrop-filter:none;backdrop-filter:none}
}