.atlas-account{position:relative;flex-shrink:0;font-family:var(--sans,"Atlas Sans",Arial,sans-serif);font-size:14px;line-height:1.45;color:#26251f}
.atlas-account a{color:inherit;text-decoration:none}
.atlas-account-login,.atlas-account-trigger{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 12px;border:1px solid #d5d0c3;border-radius:4px;background:transparent;cursor:pointer;font:inherit;white-space:nowrap}
.atlas-account-trigger{list-style:none}
.atlas-account-trigger::-webkit-details-marker{display:none}
.atlas-account-trigger::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 2px 4px 5px}
.atlas-account-initial{display:grid;place-items:center;width:25px;height:25px;background:#eae2d5;color:#874b34;border-radius:50%;font-size:12px;font-weight:600}
.atlas-account-menu[open]>.atlas-account-trigger,.atlas-account-login:hover,.atlas-account-trigger:hover{background:#eee8dc}
.atlas-account-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:60;width:280px;max-width:calc(100vw - 32px);padding:12px;background:#f7f5ef;border:1px solid #d5d0c3;border-radius:4px}
.atlas-account-email{margin:0 0 8px;padding:8px 10px 16px;border-bottom:1px solid #d5d0c3;font-size:13px;color:#625f55;overflow-wrap:anywhere}
.atlas-account .atlas-account-link,.atlas-account .atlas-account-logout{display:flex;align-items:center;width:100%;min-height:44px;padding:10px;border:0;border-radius:3px;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;box-sizing:border-box}
.atlas-account .atlas-account-link:hover,.atlas-account .atlas-account-logout:hover{background:#eee8dc;color:#874b34}
.atlas-account form{margin:0}
.atlas-account :focus-visible{outline:2px solid #a65b3d;outline-offset:3px}
.site-header:has(>.atlas-account){column-gap:24px}
.site-header:has(>.atlas-account)>nav{margin-left:auto}
@media(max-width:1100px){
  .site-header:has(>.atlas-account){grid-template-columns:minmax(0,1fr) auto 48px;column-gap:12px}
  .site-header>.atlas-account{grid-column:2;grid-row:1}
  .site-header:has(>.atlas-account)>.mobile-menu-toggle{grid-column:3;grid-row:1}
  .site-header:has(>.atlas-account)>nav{margin-left:0}
}
@media(max-width:600px){
  .atlas-account-label{display:none}
  .atlas-account-trigger{gap:0;padding:8px}
  .atlas-account-trigger::after{margin-left:8px}
  .atlas-account-panel{right:-54px}
  .reader-header .atlas-account-panel{right:0}
  .site-header:has(>.atlas-account){column-gap:8px}
}

/* Reserve the auth slot before session resolution to keep public navigation stationary. */
.site-header>[data-atlas-account]{width:140px;min-height:44px;font-weight:400}
.site-header>[data-atlas-account]>.atlas-account-login,.site-header>[data-atlas-account] .atlas-account-trigger{width:100%;box-sizing:border-box}
.site-header{font-weight:400;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:auto}
.site-header nav>a{font-weight:400}
@media(max-width:600px){.site-header>[data-atlas-account]{width:76px}.site-header>[data-atlas-account]>.atlas-account-login{padding-inline:4px}}
/* Font swapping must not move navigation while the Atlas face is loading. */
@media(min-width:1101px){
  .site-header.wrap>nav{display:grid;grid-template-columns:56px 46px;column-gap:40px;width:142px;flex-shrink:0}
  .site-header.wrap>nav:has(>a[href="#pricing"]){grid-template-columns:56px 46px 74px;width:256px}
}

.auth-page>.site-header{grid-column:1/-1;align-self:start;flex-shrink:0}