.site-account-entry{position:relative;display:inline-flex;align-items:center;flex:none;font:inherit}
.site-account-popover{position:absolute;inset-block-start:100%;inset-inline-end:0;z-index:1500;width:max-content;max-width:calc(100vw - 32px);padding:5px;background:var(--paper,#faf9f5);border:1px solid var(--line,#deded6);border-radius:6px;box-shadow:0 5px 16px #20252a12;font:inherit}
.nav a.site-account-continue,.site-account-continue{display:flex;justify-content:center;align-items:center;min-height:44px;padding:9px 12px;border-radius:4px;background:var(--ink,#24292c);color:var(--paper,#fff)!important;text-decoration:none!important;font-family:inherit;font-size:13px;line-height:1.4;font-weight:500;white-space:nowrap}
.nav a.site-account-continue:hover,.site-account-continue:hover{filter:brightness(1.15)}.site-account-continue:focus-visible{outline:2px solid var(--accent,#9f4e31);outline-offset:3px}
.account-link[aria-expanded=true]{color:var(--accent,#8e4228)}
@media(max-width:1180px){.site-account-entry{display:block;width:100%}.site-account-popover{inset-block-start:0;inset-inline-end:0;max-width:100%;margin:0;box-shadow:none}.site-account-continue{padding:9px 12px}.site-account-entry>.account-link[aria-expanded=true]{visibility:hidden}}
body[data-site-account=true]{overflow:hidden;min-height:100dvh}
body[data-site-flow=true]{overflow:hidden;min-height:100dvh}
body[data-site-account=true] .site-header{position:relative;top:0}
body[data-site-flow=true] .site-header{position:relative;top:0}
.site-account-main{height:calc(100dvh - var(--account-header-height,88px));min-height:360px;width:100%;margin:0!important;padding:0!important;overflow:hidden;background:#f6f4ef}
.site-account-main iframe{display:block;border:0;width:100%;height:100%;background:#f6f4ef}
.site-account-signed-out{display:grid;place-items:center}.site-account-signed-out .button{font-size:15px;min-height:44px;padding:9px 12px}
.site-account-signed-out>div{max-width:320px;text-align:center;padding:20px}.site-account-error{margin:18px 0 0;font:15px/1.5 Arial,Helvetica,sans-serif;color:#713d2c}
@keyframes account-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.site-account-popover{animation:none}}

/* Footer copy and currency remain on the same baseline on a phone. */
.footer-bottom{display:flex;flex-flow:row wrap;align-items:baseline;justify-content:space-between;gap:10px 24px}
.footer-bottom>span{margin:0}.footer-bottom>span[data-currency-note]{flex:none;white-space:nowrap;margin-inline-start:auto}
@media(max-width:760px){.footer-bottom{flex-direction:row;flex-wrap:nowrap;align-items:baseline;gap:14px;font-size:12px}.footer-bottom>span:first-child{min-width:0}.footer-bottom>span[data-currency-note]{display:block}}

/* Sign-in is part of the header navigation, with the same typography and touch target. */
.site-header .account-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-inline-size:10.8em;white-space:nowrap;font:inherit;font-weight:inherit;line-height:inherit;color:inherit;background:transparent;border:0;border-radius:0;text-decoration:none}
.site-header .account-link:hover{color:var(--accent,currentColor)}
.site-header .account-link:focus-visible{outline:2px solid var(--accent,currentColor);outline-offset:4px}
@media(max-width:1180px){.site-header .account-link{justify-content:flex-start;min-inline-size:0;width:100%;text-align:start}}

.site-account-entry-actions{display:grid;justify-items:center;gap:10px}
.site-account-entry-actions .site-account-back{display:inline-flex;align-items:center;min-height:44px;color:#285a43;font-weight:600}
.site-account-entry-actions .site-account-back:hover{text-decoration:underline;text-underline-offset:3px}
