/* Sign-in, library and account pages */
.nav-member{white-space:nowrap}
.member-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,120px);align-items:center;padding:clamp(24px,5vw,72px) var(--g) clamp(72px,9vw,120px);min-height:74svh}
.member-intro h1{font-size:clamp(52px,8.4vw,160px);line-height:.9}
.member-intro>p{font-size:clamp(22px,2.2vw,30px);line-height:1.2;letter-spacing:-.03em;margin-top:24px}
.member-mini-books{display:flex;align-items:center;margin-top:44px;padding-left:12px}
.member-mini-books img{width:120px;height:auto;box-shadow:8px 8px 0 var(--ink);transform:rotate(-8deg)}
.member-mini-books img+img{margin-left:-8px;box-shadow:8px 8px 0 var(--accent);transform:rotate(7deg) translateY(10px)}
.member-mini-books img+img+img{margin-left:-4px;box-shadow:8px 8px 0 var(--ink);transform:rotate(-3deg) translateY(-4px)}
.member-mini-books img+img+img+img{margin-left:-6px;box-shadow:8px 8px 0 var(--accent);transform:rotate(5deg) translateY(6px)}
.signin-card{border:3px solid var(--ink);background:#fff;padding:clamp(26px,4vw,56px);box-shadow:12px 12px 0 var(--accent)}
.signin-label{font-size:15px;font-weight:600;color:var(--accent-ink)}
.signin-card h2{font-size:clamp(38px,4vw,60px);margin:12px 0 16px}
.google-button{display:flex;align-items:center;justify-content:center;gap:12px;border:2px solid var(--ink);background:#fff;padding:15px 22px;font-size:17px;font-weight:700;margin-top:28px;transition:background .12s}
.google-button:hover{background:var(--paper)}
.google-button[aria-disabled=true]{opacity:.55;cursor:default}
.member-status{font-size:15px;font-weight:600;line-height:1.5;min-height:22px;margin:14px 0;color:var(--accent-ink)}
.signin-details{display:grid;gap:12px;border-top:3px solid var(--ink);padding-top:22px;margin-top:8px;font-size:16px;font-weight:600}
.signin-details li{display:flex;align-items:center;gap:12px}
.signin-details li::before{content:'';width:10px;height:10px;background:var(--accent);flex-shrink:0}
.member-fine{font-size:14px;line-height:1.6;color:var(--muted);margin-top:26px}
.member-fine a{text-decoration:underline;text-underline-offset:3px}
.member-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:26px}
.account-page{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start;padding:0 var(--g) clamp(72px,9vw,120px)}
.account-card{border-top:3px solid var(--ink);padding-top:22px}
.account-card h2{font-size:clamp(26px,2.6vw,38px);line-height:1;margin-bottom:22px}
.account-card p{max-width:52ch}
.account-card dl{display:grid;grid-template-columns:90px 1fr;gap:12px;margin:0}
.account-card dt{color:var(--muted)}
.account-card dd{overflow-wrap:anywhere;font-weight:600}
.text-button{background:none;border:0;font-weight:700;border-bottom:3px solid var(--accent);padding:0 0 2px}
.text-button:hover{border-color:currentColor}
.account-card details{margin:26px 0}
.account-card summary{cursor:pointer;font-weight:700;color:var(--accent-ink)}
.account-card form{display:grid;max-width:360px;gap:14px;margin-top:20px;font-weight:600}
.account-card input{font:inherit;padding:13px;border:2px solid var(--ink);background:#fff}
.delete-button{background:var(--accent-ink);color:#fff;box-shadow:6px 6px 0 var(--ink);cursor:pointer;justify-content:center}
.delete-button:hover{box-shadow:3px 3px 0 var(--ink)}
.delete-button:active{box-shadow:0 0 0 var(--ink)}
@media(max-width:860px){
  .member-layout,.account-page{grid-template-columns:1fr}
  .member-mini-books{display:none}
}