/* Shared typography for archive windows and detailed notes. */
:root{--dialog-font:'Arial Narrow','Helvetica Neue',Arial,sans-serif;--dialog-type:clamp(28px,3.5vw,40px)}
:is(#viewer,#project-preview,#paperwork-dialog){font-family:var(--dialog-font)}
:is(#viewer,#project-preview) .viewer-bar,#paperwork-dialog header{height:auto;min-height:84px;padding:20px;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;font:400 var(--dialog-type)/1.05 var(--dialog-font);letter-spacing:-.03em;filter:blur(.8px)}
:is(#viewer,#project-preview) .viewer-bar button,#paperwork-dialog header button{font:inherit;letter-spacing:inherit;padding:6px 0;background:none;border:0;width:auto;height:auto;flex:none;margin-left:auto}
:is(#viewer,#project-preview,#paperwork-dialog) button:focus{outline:none;box-shadow:none}
:is(#viewer,#project-preview,#paperwork-dialog) button:focus-visible{color:inherit;text-decoration:none}
:is(#project-preview,#paperwork-dialog) h2{font:400 clamp(36px,6vw,60px)/1.02 var(--dialog-font);letter-spacing:-.035em;filter:blur(1.3px)}
:is(#project-preview,#paperwork-dialog) p{font:400 clamp(26px,3vw,34px)/1.12 var(--dialog-font);letter-spacing:-.03em;filter:blur(.8px)}
#project-preview{height:auto;max-height:90svh;overflow:auto}
#project-preview .project-preview-content{padding:24px 40px 40px}
@media(max-width:650px){:root{--dialog-type:26px}:is(#viewer,#project-preview) .viewer-bar,#paperwork-dialog header{padding:16px;gap:14px;filter:blur(.65px)}#project-preview .viewer-bar>span{flex-basis:100%}#project-preview .project-preview-content{padding:16px 20px 28px}}