/* Whole-art banners: native picture selection; no mixed foreground or live text layers. */
body.account-page #main>#account-topic-banner{display:block;position:relative;isolation:isolate;min-width:0;padding:0;gap:0;background:#edf3e8;overflow:hidden;border:0;border-radius:20px;box-shadow:none;text-align:initial}
.account-topic-track{display:flex;align-items:stretch;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
.account-topic-track::-webkit-scrollbar{display:none}
.account-topic-slide{display:block;flex:0 0 100%;width:100%;min-width:0;position:relative;padding:0;margin:0;line-height:0;scroll-snap-align:start;text-decoration:none}
.account-topic-picture{display:block;width:100%;height:100%}
.account-topic-picture>img{display:block;width:100%;height:100%;max-width:none;aspect-ratio:2/1;object-fit:cover;object-position:left center;margin:0;border:0;border-radius:0}
body.account-page #main>#account-topic-banner .account-topic-controls{position:absolute;left:0;right:0;bottom:8px;margin:0;min-height:28px;display:flex;justify-content:center;align-items:center;z-index:2}
.account-topic-dots{display:flex;align-items:center;gap:6px;padding:8px;background:rgb(0 0 0 / 12%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px}
.account-topic-dots button{appearance:none;-webkit-appearance:none;display:block;flex:none;width:7px;min-width:7px;height:7px;min-height:7px;padding:0;margin:0;border:0;outline:0;background:transparent;border-radius:999px;box-shadow:none;color:inherit;line-height:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.account-topic-dots button::before,.account-topic-dots button::after{content:none;display:none}
.account-topic-dots button>span{display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:#fff;opacity:.6;border-radius:999px;box-shadow:none;transform:none}
.account-topic-dots button[aria-pressed=true]{width:18px;min-width:18px}
.account-topic-dots button[aria-pressed=true]>span,.account-topic-dots button:active>span{opacity:1}
.account-topic-slide:focus-visible,.account-topic-controls button:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-3px}
html[data-ui-input="pointer"] .account-topic-dots button:focus{outline:none;box-shadow:none}
@media(min-width:600px){.account-topic-picture>img{aspect-ratio:2/1}}
@media(min-width:801px) and (orientation:landscape){body.account-page #main>#account-topic-banner{min-height:500px;border-radius:0}.account-topic-track{position:absolute;inset:0}.account-topic-picture>img{aspect-ratio:auto;object-fit:cover;object-position:left bottom}}
@media(prefers-reduced-motion:reduce){.account-topic-dots button>span{transition:none}}