/* One shared wordmark across mobile, desktop, public pages and account pages. */
.brand{gap:0!important;align-items:center;--brand-size:28px}
.brand strong,.brand span{font-size:var(--brand-size)!important;line-height:1!important;font-family:Arial,Helvetica,sans-serif;border:0!important;padding:0!important}
.brand strong{font-weight:700!important;letter-spacing:.04em!important;margin-right:-.04em}
.brand span{font-weight:400!important;letter-spacing:0!important}
@media(max-width:760px){.brand{--brand-size:22px}}
.listing-gallery .gallery-media{touch-action:pan-y;user-select:none;-webkit-user-select:none}
.listing-gallery .gallery-arrow::before{background:rgba(252,251,248,.20)!important;border-color:rgba(255,255,255,.25)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.listing-gallery .gallery-arrow{color:#19324db3!important}
.listing-gallery .gallery-arrow:is(:hover,:focus-visible)::before{background:rgba(252,251,248,.6)!important;border-color:rgba(255,255,255,.5)!important}
.listing-gallery .gallery-arrow:focus-visible{outline:2px solid #19324d;outline-offset:2px}
/* Shared header: left-aligned identity, navigation in the middle, account actions right. */
.brand .brand-mark{transform:translateY(-2px);fill:currentColor;stroke:none;display:block;flex:none;width:32px;height:32px;margin-right:9px}
body>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:22px;padding-inline:24px}
body>header>.brand{grid-column:1;grid-row:1;justify-self:start;margin:0}
body>header>.desktop-nav{grid-column:2;grid-row:1;justify-self:center;margin:0;gap:2px}
body>header>.desktop-nav a{padding-inline:9px}
.header-actions{grid-column:3;grid-row:1;display:flex;align-items:center;justify-self:end;gap:18px}
.header-actions .beta-tag{margin:0}
@media(max-width:1050px) and (min-width:761px){body>header{padding-inline:16px;column-gap:12px}body>header>.desktop-nav a{font-size:14px;padding-inline:6px}.header-actions{gap:12px}.header-actions .login{font-size:13px}}
@media(max-width:760px){body>header{column-gap:8px;padding-inline:14px}.brand .brand-mark{width:26px;height:26px;margin-right:7px}.header-actions{gap:12px}.header-actions .login span{display:none}}

/* Keep browser gesture recognition fast without changing normal tap/scroll behavior. */
summary,label,input:not([type=range]),select{touch-action:manipulation}
:is(a,button,summary):active{transition-duration:0s!important}

.brand .brand-mark{width:calc(var(--brand-size)*.92);height:calc(var(--brand-size)*.92);margin-right:5px;transform:translateY(-1px)}
