/* Compact glass account card on the shared blue site background. */
html body.accountpage:not(#sj-frame) main.member-wrap{
  box-sizing:border-box;width:calc(100% - 40px)!important;max-width:560px!important;
  margin:28px auto 0!important;padding:0 0 56px!important;
}
body.accountpage .home-mast-tools,body.accountpage .cityswitch--floating,body.accountpage .mast-inline-actions{display:none!important}
.member-card{
  box-sizing:border-box;padding:24px;border:1px solid rgba(255,255,255,.4);border-radius:24px;
  color:#fff;background:linear-gradient(135deg,rgba(10,73,133,.5),rgba(7,60,110,.38));
  box-shadow:0 12px 32px rgba(0,42,82,.18),inset 0 1px 0 rgba(255,255,255,.25);
  backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);
}
body.accountpage .member-card h1{font:700 27px/1.2 Quicksand,sans-serif;margin:12px 0 10px;color:#fff}
.member-eyebrow{display:inline-block;padding:6px 10px;border-radius:999px;background:#ffdb72;color:#174a72;font:700 10px/1 Quicksand,sans-serif;letter-spacing:.08em}
body.accountpage .member-card p{font-size:14px;line-height:1.45;margin:10px 0}
.member-card label{display:block;font-size:13px;font-weight:700;margin:14px 0 7px}
.member-card input:not([type=checkbox]),.member-card textarea{
  box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid rgba(255,255,255,.65);
  border-radius:12px;font:inherit;background:rgba(255,255,255,.92);color:#102c42;
  box-shadow:inset 0 1px 3px rgba(0,42,82,.08);
}
.member-card textarea{font:13px monospace}
.member-card button,.member-shortcuts a,.member-card #member-download{
  display:inline-block;padding:10px 16px;border:1px solid rgba(255,255,255,.75);border-radius:999px;
  background:rgba(255,255,255,.94);color:#075c9a;font:700 13px/1.25 Quicksand,sans-serif;
  cursor:pointer;text-decoration:none;box-shadow:0 3px 10px rgba(0,42,82,.12);
}
.member-card button:disabled{opacity:.5;cursor:wait}
.member-card button:focus-visible,.member-card input:focus-visible,.member-shortcuts a:focus-visible{outline:3px solid #ffdb72;outline-offset:3px}
.member-actions,.member-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.member-card .member-secondary{background:rgba(0,70,130,.22);color:#fff;border-color:rgba(255,255,255,.45)}
body.accountpage .member-card .member-status{min-height:20px;margin:12px 0;color:#fff;font-size:13px}
.member-status[data-error=true]{background:rgba(90,0,12,.5);padding:9px 12px;border-radius:10px}
.member-check{display:flex!important;align-items:flex-start;gap:8px;font-size:12px!important;line-height:1.4;font-weight:400!important}
.member-check input{flex:0 0 auto;margin:2px 0 0;accent-color:#ffdb72}
body.accountpage .member-card .member-note{font-size:12px;line-height:1.45;color:rgba(255,255,255,.9)}
.member-card a:not(.member-shortcuts a):not(#member-download){color:#fff;text-underline-offset:3px}
.member-card [hidden]{display:none!important}.member-card .member-danger{background:#f7e4e4;color:#912929}
.member-link{white-space:nowrap}.member-sync-note{font-size:13px}
html body .site-footer .footlinks a.member-link[href="/account.html"]{display:inline-block!important}
@media(max-width:620px){
  html body.accountpage:not(#sj-frame) main.member-wrap{width:calc(100% - 28px)!important;margin:18px auto 0!important;padding-bottom:110px!important}
  .member-card{padding:20px;border-radius:22px}
  body.accountpage .member-card h1{font-size:24px}
}

/* Membership shares the existing header utility row, without adding a nav row. */
body .member-link--header{
  display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;
  min-height:36px;padding:0 16px;border:1px solid rgba(255,255,255,.75);
  border-radius:999px;background:#f3a6c6;color:#064b7b!important;
  font:700 13px/1 'Quicksand',sans-serif;text-decoration:none;text-transform:none;
  box-shadow:0 3px 12px rgba(0,42,82,.16);
}
body .member-link--header:hover{background:#f7b8d2}
body .member-link--header:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.desktop-command-ready .desktop-command__actions{flex-wrap:wrap}
@media(max-width:620px),(orientation:landscape) and (max-height:620px) and (pointer:coarse){
  body.home .mast-inline-actions .member-link--header{
    height:24px;min-height:24px;padding:0 12px;font-size:11px;
  }
}

.member-page-header{display:flex;justify-content:flex-end;padding:24px 0 0}
.start-top,.topbar{flex-wrap:wrap}

.site-header__in > .member-link--header{width:max-content;justify-self:end}

/* Desktop membership uses the homepage's wide, translucent editorial panels. */
.member-benefits{display:none}
@media (min-width:621px) and (min-height:621px), (min-width:621px) and (pointer:fine), (min-width:621px) and (orientation:portrait){
 html body.accountpage:not(#sj-frame) main.member-wrap{width:min(1200px,calc(100% - 80px))!important;max-width:1200px!important;margin:24px auto 0!important;padding-bottom:56px!important}
 body.accountpage .member-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:36px;padding:32px;border-radius:24px;border-color:rgba(255,255,255,.5);background:linear-gradient(135deg,rgba(235,247,255,.23),rgba(122,186,227,.17));box-shadow:0 12px 32px rgba(0,42,82,.16),inset 0 1px 0 rgba(255,255,255,.22)}
 body.accountpage .member-intro{min-width:0;padding:12px 0}
 body.accountpage .member-eyebrow{padding:7px 12px;font-size:10px;background:#ffdb72}
 body.accountpage .member-card h1{font:700 clamp(28px,3.2vw,40px)/1.15 'DM Sans',sans-serif;letter-spacing:-.025em;margin:18px 0 14px}
 body.accountpage .member-intro > p{max-width:460px;font:400 16px/1.6 'DM Sans',sans-serif;color:rgba(255,255,255,.94);margin:0}
 body.accountpage .member-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0 0}
 body.accountpage .member-benefits > div{padding:14px 12px;border:1px solid rgba(255,255,255,.35);border-radius:16px;background:rgba(237,248,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
 body.accountpage .member-benefits strong{display:block;color:#fff;font:700 14px/1.3 Quicksand,sans-serif}
 body.accountpage .member-benefits span{display:block;margin-top:7px;color:rgba(255,255,255,.88);font:400 12px/1.5 'DM Sans',sans-serif}
 body.accountpage .member-access{min-width:0;padding:22px 24px;border:1px solid rgba(255,255,255,.38);border-radius:18px;background:linear-gradient(135deg,rgba(234,248,255,.15),rgba(17,82,139,.12));box-shadow:0 8px 22px rgba(0,42,82,.1),inset 0 1px 0 rgba(255,255,255,.15)}
 body.accountpage .member-access > .member-status{margin:0 0 14px}
 body.accountpage .member-access input:not([type=checkbox]){min-height:46px;background:rgba(245,251,255,.95)}
 body.accountpage .member-actions button[type=submit]{background:#ffdb72;border-color:rgba(255,228,143,.8);color:#174a72}
 body.accountpage .member-actions button[type=submit]:hover{background:#ffe69a}
 body.accountpage .member-access .member-note{color:rgba(255,255,255,.88)}
}
@media (min-width:621px) and (max-width:859px){
 body.accountpage .member-card{grid-template-columns:minmax(0,1fr);gap:22px;padding:24px}
 body.accountpage .member-intro{padding:0}
 body.accountpage .member-intro > p{max-width:none}
 body.accountpage .member-benefits{margin-top:20px}
}