.request-access{width:min(100%,31rem);font-family:inherit}
.request-access label{display:block;margin-bottom:.65rem;font-size:.9rem}
.request-access .request-row{display:flex;gap:.65rem;align-items:stretch}
.request-access input{min-width:0;flex:1;border:1px solid var(--rule,var(--hair));border-radius:8px;background:var(--chip,var(--ground));color:var(--ink);font:inherit;padding:.85rem 1rem}
.request-access button{border:0;border-radius:8px;background:var(--ink);color:var(--ground);font:inherit;padding:.85rem 1rem;cursor:pointer;white-space:nowrap}
.request-access button:disabled{opacity:.55;cursor:wait}
.request-access input:focus-visible,.request-access button:focus-visible{outline:2px solid var(--ok,var(--ink));outline-offset:3px}
.request-access [role=status]{min-height:1.5em;margin:.65rem 0 0;font-size:.85rem;line-height:1.4}
@media(max-width:480px){.request-access .request-row{flex-direction:column}.request-access button{align-self:flex-start}}

.request-open{display:inline-block;border-radius:8px;background:var(--ink);color:var(--ground);font:inherit;text-decoration:none;padding:.85rem 1rem}
.request-open:focus-visible{outline:2px solid var(--ok,var(--ink));outline-offset:3px}

html.fin .end a.request-open{margin:0;color:var(--ground)}