.reading-estimate{font-size:.875rem;color:var(--muted)}
.passage-link{font-size:.8em;color:var(--muted);text-decoration:underline;margin-left:.4em}
.source-preview-trigger{font:inherit;font-size:.8125rem;min-height:44px;padding:.5rem .75rem;border:1px solid var(--line);color:var(--ink);background:var(--paper);cursor:pointer}
.publication-dialog{
 --publication-space-1:.5rem;--publication-space-2:1rem;--publication-space-3:1.5rem;
 width:min(46.25rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);
 padding:var(--publication-space-3);color:var(--ink);background:var(--paper);border:1px solid var(--line);overflow:auto;overscroll-behavior:contain
}
.publication-dialog::backdrop{background:rgb(0 0 0/.35)}
.publication-dialog h2{font-size:2rem;line-height:1.15}
.publication-dialog h3{font-size:1.625rem;line-height:1.25}
.publication-dialog article{border-top:1px solid var(--line);padding-top:var(--publication-space-3);margin-top:var(--publication-space-3);overflow-wrap:anywhere}
.publication-dialog a{text-decoration:underline;text-underline-offset:3px}
.publication-close,.publication-dialog-body>button{
 display:block;min-height:44px;padding:.625rem 1rem;font:600 .875rem/1.5 var(--sans);
 border:1px solid var(--line);color:var(--ink);background:var(--paper);cursor:pointer
}
.publication-close{margin:0 0 var(--publication-space-3) auto}
.publication-dialog :is(button,a):focus-visible,.source-preview-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.publication-dialog :is(button,a):active,.source-preview-trigger:active{color:var(--accent)}
.publication-dialog.source-drawer{
 position:fixed;inset:0 0 0 auto;margin:0;width:min(35rem,100vw);height:100vh;height:100dvh;max-width:100%;max-height:100dvh;
 padding:var(--publication-space-3);border:0;border-left:1px solid var(--line);overflow:hidden
}
.source-drawer[open]{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);gap:var(--publication-space-2)}
.source-drawer>.publication-close{grid-column:2;grid-row:1;align-self:start;margin:0}
.source-drawer>h2{grid-column:1;grid-row:1;align-self:center;margin:0;font-size:1.75rem}
.source-drawer>.publication-dialog-body{grid-column:1/-1;grid-row:2;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--publication-space-1);scroll-padding:var(--publication-space-2)}
.source-preview-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.source-drawer article:first-child{margin-top:0}
.source-drawer article>p,.source-drawer-limits p{font-size:1rem;line-height:1.7}
.source-drawer article>.eyebrow,.source-drawer article>.meta{font-size:.8125rem}
.source-drawer article>.source-drawer-context{font-size:.875rem;color:var(--muted)}
.source-drawer-limits{border-left:3px solid var(--accent);padding-left:var(--publication-space-2);margin-bottom:var(--publication-space-3)}
.source-drawer-limits h4{font:600 .875rem/1.5 var(--sans);margin:0 0 var(--publication-space-1)}
.source-drawer article>a{display:flex;align-items:center;min-height:44px;padding:var(--publication-space-1) 0;font-size:.875rem}
.source-drawer .publication-dialog-body>a{display:block;min-height:44px;padding:var(--publication-space-1) 0;font-size:.875rem}
.source-drawer [role=status]{line-height:1.7}
@media(max-width:40rem){
 .publication-dialog.source-drawer{width:100%;border:0;padding:1rem;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom))}
 .source-drawer>h2{font-size:1.5rem}
}
@media(prefers-reduced-motion:reduce){.publication-dialog,.publication-dialog-body{scroll-behavior:auto}}
@media print{.passage-link,.source-preview-trigger,.publication-dialog{display:none!important}}
