main.doc{justify-content:flex-start;max-width:860px;padding-top:16px;gap:0}
.doc-title{font-size:clamp(44px,6vw,72px);max-width:none}
.doc-date{margin-top:16px;font-family:"IBM Plex Mono",monospace;font-size:14px;color:#725f3f}
.doc h2{margin-top:36px;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:28px;letter-spacing:.02em;text-transform:uppercase}
.doc p,.doc li{margin-top:12px;font-size:18px;line-height:1.5;color:#2b2a27}
.doc ul{margin-top:4px;padding-left:22px}
.doc-back{margin-top:40px}
@media (max-width:600px){main.doc{padding-top:8px}.doc p,.doc li{font-size:16px}.doc h2{font-size:24px;margin-top:28px}}

.doc-dialog{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:24px 32px 32px;overflow:auto;border:1px solid var(--black);border-radius:0;background:var(--bone);color:var(--black)}
.doc-dialog::backdrop{background:rgba(12,12,11,.62)}
.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.doc .dialog-bar .eyebrow{margin:0;font-size:14px;line-height:1.2;color:#725f3f}
.dialog-close{border:1px solid var(--black);border-radius:0;background:transparent;color:var(--black);font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:18px;letter-spacing:.07em;text-transform:uppercase;padding:8px 18px;cursor:pointer}
.dialog-close:hover{background:var(--black);color:var(--bone)}
.dialog-close:focus-visible{outline:3px solid var(--black);outline-offset:3px}
.doc .dialog-title{margin-top:20px;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;font-size:clamp(40px,7vw,56px);line-height:.95;text-transform:uppercase;color:var(--black)}
.doc-dialog h2{margin-top:28px}
.doc .doc-date{font-size:14px;line-height:1.3;color:#725f3f}
body:has(dialog[open]){overflow:hidden}
@media (max-width:600px){.doc-dialog{padding:16px 20px 24px}}