@layer components{.reader-account{max-width:72rem;margin:var(--sp-6) auto}.reader-account .page-head{max-width:48rem}.reader-account .page-head>p:last-child{font-size:var(--fs-lead);max-width:58ch}.account-message{padding:var(--sp-4);border-left:3px solid var(--ink);background:var(--paper);max-width:var(--measure)}.account-message[data-error=true]{border-left-color:var(--link);font-weight:600}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}.account-panel{padding:var(--sp-5);border:var(--rule);margin:var(--sp-5) 0}.account-grid .account-panel{margin:0}.account-panel h2{margin-top:0}.account-panel p{max-width:var(--measure)}.reader-account form{display:grid;gap:var(--sp-3);max-width:35rem}.reader-account label{display:grid;gap:var(--sp-2);font-weight:600}.reader-account input{box-sizing:border-box;width:100%;min-width:0;padding:.75rem;font:inherit;border:var(--rule);background:var(--paper);color:var(--ink);border-radius:var(--radius-control)}.reader-account form button{justify-self:start}.reader-account form .caption{margin:0}.account-link-purchase{border-top:var(--rule);margin-top:var(--sp-5);padding-top:var(--sp-4)}.account-help{max-width:72rem;margin:var(--sp-6) auto}.account-help>p{max-width:var(--measure)}.reader-account [hidden]{display:none!important}#register,#forgot-password,#recovery{scroll-margin-top:8rem}@media(max-width:700px){.account-grid{grid-template-columns:1fr}.account-panel{padding:var(--sp-4)}.reader-account input{font-size:var(--fs-base)}.account-panel .actions{align-items:flex-start;flex-direction:column}}}