/* Shared layout constraints. Appearance continues to own colours and type. */
body.sc-site-ui :is(.sc-live-search-wrap,.sc-live-search-text,.mobile-nav-section,.sc-community-feed-content,.sc-members-main,.sc-members-control-row,.sc-member-profile-content){min-width:0;max-width:100%;box-sizing:border-box}
body.sc-site-ui :is(.entry-content,.mw-parser-output) :is(img,video,iframe,embed,object){max-width:100%;box-sizing:border-box}
body.sc-site-ui :is(.entry-content,.mw-parser-output)>:is(p,figure)>img,
body.sc-site-ui :is(.entry-content,.mw-parser-output) video{height:auto}
body.sc-site-ui :is(.entry-content,#buddypress) :is(fieldset,form){min-width:0;max-width:100%;box-sizing:border-box}
body.sc-site-ui :is(.sc-community-feed-title,.sc-community-feed-byline,.sc-cc-source strong,.sc-member-card__name,.sc-member-profile-hero__name,.sc-live-search-title,.sc-live-search-excerpt){overflow-wrap:anywhere}
body.sc-site-ui .sc-community-feed-top{flex-wrap:wrap}
body.sc-site-ui .sc-community-feed-source{min-width:0;max-width:100%;overflow-wrap:anywhere}
body.sc-site-ui .sc-ui-table-scroll{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
body.sc-site-ui .sc-ui-table-scroll>table{margin-block:0}
body.sc-site-ui :is(.entry-content,.mw-parser-output) pre{max-width:100%;overflow:auto;white-space:pre;box-sizing:border-box}

/* The shared header must paint above page heroes and following content. */
body.sc-site-ui .custom-header{position:relative;z-index:200}
body.sc-site-ui #user-panel{width:min(400px,100vw)!important;max-width:100%!important;height:100vh;height:100dvh;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom)}
body.sc-site-ui #user-panel :is(.user-info,.panel-section,.user-panel-content){min-width:0;max-width:100%;overflow-wrap:anywhere}
body.sc-site-ui #user-panel :is(input,select,textarea){max-width:100%;box-sizing:border-box}
body.sc-site-ui .mobile-two-column{min-width:0;max-width:100%}
body.sc-site-ui :is(.scs-shop-container,.scs-shop-hero-copy,.scs-shop-hero-stats,.scs-shop-filter-form,.scs-shop-filter-form>label,.scs-shop-card-body,.scs-shop-product-copy,.sc-search-shell,.sc-search-card__content){min-width:0;max-width:100%;box-sizing:border-box}
body.sc-site-ui :is(.scs-shop-card-title,.scs-shop-product-title,.scs-shop-card-source,.scs-shop-product-source){overflow-wrap:anywhere}
body.sc-site-ui .scs-shop-filter-form :is(input,select){min-width:0;max-width:100%;box-sizing:border-box}
body.sc-site-ui .scs-shop-product-layout--sidebar-only .scs-shop-product-sidebar{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
body.sc-site-ui .scs-shop-product-meta{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
body.sc-site-ui :is(.sc-radio,.sc-radio-now,.sc-radio-stations,.sc-radio-community,.sc-radio-chat){min-width:0;max-width:100%;box-sizing:border-box}
body.sc-site-ui .sc-radio-player{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
body.sc-site-ui :is(.sc-now-title,.sc-next-title){overflow-wrap:anywhere}
body.sc-site-ui #scAudio{min-width:0;max-width:100%;box-sizing:border-box}
/* Wiki's Watch control must use a matching text/background token pair. */
body.sc-site-ui button.sc-wiki-watch-btn{background:var(--sc-a-surface-alt,#f0f5ff)!important;color:var(--sc-a-text,#061642)!important;border-color:var(--sc-a-border,#d1ddf4)!important;min-height:44px}
body.sc-site-ui button.sc-wiki-watch-btn:focus-visible{outline:2px solid var(--sc-a-link,#0049d6);outline-offset:3px}
body.sc-site-ui .sc-wiki-watch-dropdown__inner{background:var(--sc-a-surface,#fff)!important;color:var(--sc-a-text,#061642)!important;border-color:var(--sc-a-border,#d1ddf4)!important}
body.sc-site-ui :is(.sc-wiki-watch-dropdown__status,.sc-wiki-watch-dropdown__activity){color:var(--sc-a-text,#061642)!important}
body.sc-site-ui .sc-wiki-watch-dropdown__section-title{color:var(--sc-a-muted,#596783)!important}
body.sc-site-ui .sc-wiki-watch-dropdown__btn{background:var(--sc-a-surface-alt,#f0f5ff)!important;color:var(--sc-a-text,#061642)!important;border-color:var(--sc-a-border,#d1ddf4)!important;min-height:44px;display:flex;align-items:center;justify-content:center}
body.sc-site-ui .sc-wiki-watch-dropdown__actions{flex-wrap:wrap}
body.sc-site-ui .sc-wiki-watch-dropdown :is(a,button):focus-visible{outline:2px solid var(--sc-a-link,#0049d6);outline-offset:3px}
body.sc-site-ui .sc-radio :is(#scCopy,#scOpen){background:var(--sc-a-accent,#ffdf32)!important;color:var(--sc-a-accent-text,#061642)!important;border-color:var(--sc-a-border,#d1ddf4)!important;min-height:44px;box-sizing:border-box}

/* Popovers stay in their original DOM position so native delegated actions work.
   The browser top layer escapes card clipping and ancestor stacking contexts. */
html body.sc-site-ui .sc-ui-floating{position:fixed!important;inset:auto!important;margin:0!important;transform:none!important;min-width:0!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow:auto!important;box-sizing:border-box!important;overscroll-behavior:contain;z-index:1000010!important;overflow-wrap:anywhere;white-space:normal}
html body.sc-site-ui .sc-ui-floating[popover]:not(:popover-open){display:none!important}
html body.sc-site-ui .sc-ui-floating:popover-open{display:block}
html body.sc-site-ui .sc-ui-floating :is(a,button,[role=option]){min-height:44px;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}
/* The native editor sets 28px !important with a #bbpress-forums selector. */
html body.sc-site-ui :is(#bbpress-forums,#buddypress) .sc-ui-floating :is(a,button,[role=option]){min-height:44px!important;white-space:normal!important;overflow-wrap:anywhere;box-sizing:border-box}
body.sc-site-ui .sc-ui-hover-dismissed>.nested-submenu{display:none!important}
body.sc-site-ui .sc-community-feed-item:has(details[open]){position:relative;z-index:30;overflow:visible}
body.sc-site-ui :is(.sc-community-item-menu,.sc-community-repost-control)[open]{z-index:40}
body.sc-site-ui :is(.sc-community-item-menu,.sc-community-repost-control)>summary{min-width:44px;min-height:44px}
body.sc-site-ui :is(.sc-ui-floating,.sc-ui-table-scroll):focus-visible,
body.sc-site-ui :is(.custom-header,#user-panel,.sc-connected-city,#buddypress) :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--sc-a-link,#0049d6);outline-offset:3px}

@media(max-width:1024px){body.sc-site-ui .sc-radio-player{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){
  body.sc-site-ui :is(.entry-content,.mw-parser-output){overflow-wrap:anywhere}
  body.sc-site-ui :is(.entry-content,#buddypress,#user-panel,.sc-live-search-wrap) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;min-width:0;max-width:100%;box-sizing:border-box}
  body.sc-site-ui .mobile-nav-section{flex:1 1 0;min-width:0}
  body.sc-site-ui .mobile-main-menu :is(a,button,.mobile-menu-item){white-space:normal;overflow-wrap:anywhere;min-height:44px}
  body.sc-site-ui .mobile-slideout{max-width:100%;box-sizing:border-box}
  body.sc-site-ui .scs-shop-filter-form :is(input,select){font-size:16px!important;min-height:44px}
  body.sc-site-ui .scs-shop-filter-actions{min-width:0;max-width:100%}
  body.sc-site-ui .sc-cc-thread-head{flex-wrap:wrap}
  body.sc-site-ui .sc-cc-thread-head>div{min-width:0;flex:1 1 140px;overflow-wrap:anywhere}
  body.sc-site-ui :is(.sc-cc-reply-form>div:last-child,.sc-community-composer-actions,.sc-community-composer-tools){flex-wrap:wrap;min-width:0;max-width:100%}
  body.sc-site-ui :is(.sc-cc-source,.sc-community-source-reference){min-width:0;max-width:100%;box-sizing:border-box}
}
@media(prefers-reduced-motion:reduce){
  body.sc-site-ui :is(#user-panel,.sc-ui-floating){transition:none!important;scroll-behavior:auto}
}

/* Shop's .container also inherits a full-width theme override. Restore its
   own 1480px container without changing the site's global content width. */
html body.sc-site-ui .scs-shop-container.container{width:min(1480px,calc(100% - 48px))!important;max-width:1480px!important;margin-inline:auto!important}
body.sc-site-ui .sc-music-filter-card :is(input,select){background:var(--sc-a-surface,#fff)!important;color:var(--sc-a-text,#061642)!important;border:1px solid var(--sc-a-border,#d1ddf4)!important;min-height:44px;max-width:100%;box-sizing:border-box}
body.sc-site-ui .sc-music-filter-card input::placeholder{color:var(--sc-a-muted,#596783)!important;opacity:1}
body.sc-site-ui .sc-music-filter-card :is(button,input[type=submit],.button){background:var(--sc-a-accent,#feeb4a)!important;color:var(--sc-a-accent-text,#061642)!important;min-height:44px}
body.sc-site-ui :is(.sc-music-filter-card,.scs-shop-filter-form,.sc-wiki-lead__search,.sc-search-header) :is(a,button,input,select):focus-visible{outline:2px solid var(--sc-a-link,#0049d6);outline-offset:3px}
@media(max-width:767px){html body.sc-site-ui .scs-shop-container.container{width:calc(100% - 24px)!important}body.sc-site-ui .sc-music-filter-card :is(input,select){font-size:16px!important}}

/* Activity permalinks retain the global content frame after profile resets. */
html body.sc-site-ui.sc-activity-single-v13120 #content-wrap{width:var(--sc-global-container-width,100%)!important;max-width:var(--sc-global-container-width,90%)!important;margin-right:auto!important;margin-left:auto!important}
@media(max-width:959px){html body.sc-site-ui.sc-activity-single-v13120 #content-wrap{max-width:var(--sc-global-container-width,95%)!important}}

/* Post actions retain room for labels inside the narrower phone frame. */
@media(max-width:700px){
html body.sc-site-ui.sc-activity-single-v13120 #buddypress .sc-single-post__actions .sc-community-feed-actions{position:relative!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px!important}
html body.sc-site-ui.sc-activity-single-v13120 #buddypress .sc-single-post__actions .sc-community-feed-actions>:is(button,details){flex:0 0 auto!important;min-width:44px!important}
html body.sc-site-ui.sc-activity-single-v13120 #buddypress .sc-single-post__actions :is(button.sc-community-social-action,summary.sc-community-social-action){min-height:44px!important;min-width:44px!important}
html body.sc-site-ui.sc-activity-single-v13120 #buddypress .sc-single-post__actions .sc-single-reaction-control{position:static!important}
html body.sc-site-ui.sc-activity-single-v13120 #buddypress .sc-single-post__actions .sc-single-reaction-menu{right:0!important;max-width:100%!important;transform:none!important}
html body.sc-site-ui.sc-activity-single-v13120 #buddypress .sc-single-post__actions .sc-single-reaction-menu .sc-hub-reaction-bar{flex-wrap:wrap!important}
}


/* Remove the BuddyPress-only spacer; retain all other content padding. */
html body.buddypress .site-content{padding-top:0!important}
/* Ordinary member avatars have no story ring. Keep keyboard focus outlines on links. */
html body.sc-site-ui :is(img.avatar,img.sc-community-avatar-img,.sc-member-profile-avatar>img,.scd3-avatar>img,.scd3-composer__avatar>img,.sc-news-discussion-avatar>img){
 border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;
}
html body.sc-site-ui :is(.sc-member-profile-avatar,.sc-community-feed-avatar,.sc-community-composer-avatar,.scd3-avatar,.scd3-composer__avatar,.sc-news-discussion-avatar,.sc-news-discussion-composer-avatar,.activity-avatar,.acomment-avatar,.item-avatar):not([data-sc-story-active="true"]){
 border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;
}
html body.sc-site-ui :is(.sc-member-profile-avatar,.sc-community-feed-avatar,.sc-community-composer-avatar,.scd3-avatar,.scd3-composer__avatar,.sc-news-discussion-avatar,.activity-avatar,.acomment-avatar,.item-avatar):not(:focus-visible){outline:0!important}
/* The future story renderer must set this only for a verified, unexpired story. */
html body.sc-site-ui .sc-story-avatar[data-sc-story-active="true"]{
 --sc-story-ring-start:var(--sc-a-accent,#feeb4a);--sc-story-ring-end:var(--sc-a-link,#0049d6);
 border:0!important;padding:3px!important;border-radius:50%;
 background:linear-gradient(145deg,var(--sc-story-ring-start),var(--sc-story-ring-end))!important;box-shadow:none!important;
}
html body.sc-site-ui .sc-story-avatar[data-sc-story-active="true"]>img{border:2px solid var(--sc-a-surface,#fff)!important;outline:0!important}
/* Native profile and discussion skins may add avatar borders with stronger selectors. */
html body.sc-site-ui :is(#buddypress,#bbpress-forums,#sc-news-discussion,#main,#site-header) :is(img.avatar,img.sc-community-avatar-img,.sc-member-profile-avatar>img,.scd3-avatar>img,.scd3-composer__avatar>img,.sc-news-discussion-avatar>img),
html body.sc-site-ui #main .sc-activity-native-composer #whats-new-avatar img{
 border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;
}
html body.sc-site-ui :is(#buddypress,#bbpress-forums,#sc-news-discussion,#main,#site-header) :is(.sc-member-profile-avatar,.sc-community-feed-avatar,.sc-community-composer-avatar,.scd3-avatar,.scd3-composer__avatar,.sc-news-discussion-avatar,.sc-news-discussion-composer-avatar,.activity-avatar,.acomment-avatar,.item-avatar):not([data-sc-story-active="true"]){
 border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;
}
html body.sc-site-ui :is(#buddypress,#bbpress-forums,#sc-news-discussion,#main,#site-header) .sc-story-avatar[data-sc-story-active="true"]>img{border:2px solid var(--sc-a-surface,#fff)!important;outline:0!important}


