#md-viewer{position:fixed;inset:0;z-index:75;background:var(--bg);display:flex;
  flex-direction:column;visibility:hidden;opacity:0;pointer-events:none;
  transition:opacity .14s ease}
#md-viewer.open{visibility:visible;opacity:1;pointer-events:auto}
.mdv-head{display:flex;align-items:center;gap:9px;flex:none;
  padding:calc(10px + var(--sa-top)) 12px 10px;border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(14px)}
.mdv-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;font-size:14px;font-weight:650}
.mdv-body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;
  padding:18px max(14px,env(safe-area-inset-right))
    calc(24px + var(--sa-bottom)) max(14px,env(safe-area-inset-left))}
.mdv-doc{width:min(860px,100%);margin:0 auto;border:0;padding:0;
  font-size:15px;line-height:1.55}
.mdv-doc h1{font-size:24px}.mdv-doc h2{font-size:20px}.mdv-doc h3{font-size:17px}
.mdv-doc h1,.mdv-doc h2,.mdv-doc h3{margin:1.25em 0 .55em}
.mdv-doc p,.mdv-doc ul,.mdv-doc ol,.mdv-doc pre,.mdv-doc blockquote,
.mdv-doc table{margin-bottom:1em}
.mdv-state{display:flex;min-height:45vh;align-items:center;justify-content:center;
  text-align:center;color:var(--dim);padding:24px}