.colophon-mark{margin-left:12px;padding:8px;border:0;background:transparent;color:var(--color-muted);font:22px/1 Georgia,serif;cursor:pointer;vertical-align:middle;min-width:36px;min-height:36px}
.colophon-mark:hover,.colophon-mark:focus-visible{color:var(--color-accent)}
#colophon-page{position:fixed;width:min(420px,calc(100vw - 40px));box-sizing:border-box;max-height:calc(100dvh - 40px);margin:auto;padding:38px;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);box-shadow:0 12px 60px #0002}
#colophon-page::backdrop{background:#29282266;backdrop-filter:blur(3px)}
.colophon-close{position:absolute;top:10px;right:12px;border:0;background:transparent;color:var(--color-muted);font:26px/1 var(--font-ui);width:36px;height:36px;cursor:pointer}
.colophon-eyebrow{color:var(--color-accent);font:30px Georgia,serif;margin:0 0 14px}
#colophon-title{font:normal 32px/1.4 var(--font-serif);margin:0 0 30px}
#colophon-form label{display:block;font:14px/1.8 var(--font-serif);color:var(--color-muted);margin-bottom:12px}
#colophon-phrase{box-sizing:border-box;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text);border-radius:0;font:18px var(--font-ui)}
.colophon-submit{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:26px;padding:12px 0;background:transparent;border:0;color:var(--color-accent);font:15px var(--font-ui);cursor:pointer}
.colophon-submit:disabled{opacity:.5;cursor:wait}
#colophon-message{min-height:1.8em;margin:14px 0 0;color:var(--color-muted);font:13px/1.8 var(--font-ui)}
#colophon-page :focus-visible,.colophon-mark:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}
@media(max-width:480px){#colophon-page{padding:30px}}