.reader-access{text-align:center;max-width:34rem;color:var(--color-foreground);font-family:var(--font-sans);margin:clamp(48px,12vh,120px) auto;padding:0 16px}.reader-access-compact{text-align:start;margin:16px 0;padding:0}.reader-access p{margin:0}.reader-access .reader-access-title{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:550;line-height:1.35}.reader-access-compact .reader-access-title{font-size:15px}.reader-access .reader-access-body{color:var(--color-muted-foreground);margin:6px 0 0;font-size:15px;line-height:1.5}.reader-access-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.reader-access-compact .reader-access-actions{justify-content:flex-start;margin-top:12px}.reader-access .reader-access-button{border:1px solid var(--color-foreground);border-radius:var(--radius-control,8px);background:var(--color-foreground);min-height:44px;color:var(--color-background);font:550 14px/1 var(--font-sans);cursor:pointer;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}.reader-access .reader-access-button.secondary{border-color:var(--color-input-border);color:var(--color-foreground);background:0 0}.reader-access .reader-access-button:disabled{opacity:.5;cursor:default}.reader-access .reader-access-button:focus-visible{outline:2px solid var(--focus,currentColor);outline-offset:3px}
