/* Phone/tablet layouts. Content reflows; only intrinsically wide tables scroll. */
.sx-responsive-table{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.sx-responsive-table:focus-visible{outline:2px solid var(--control-focus);outline-offset:3px}
.sx-mobile-section-toggle,.mobile-nav-close{display:none}
.sx-mobile-section-toggle[hidden],#left_menu[hidden],td[hidden],.sx-mobile-form-table td[hidden]{display:none!important}
.sx-responsive-table.sx-overflows::before{content:'Scroll table horizontally →';display:block;color:var(--control-muted);font:400 14px/21px var(--ui-font);padding:4px 0 8px}
@media(max-width:1440px){
 .sx-masthead{position:relative;min-height:76px!important;flex-wrap:wrap;gap:12px!important;padding-block:12px}
 .sx-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;margin-left:auto;padding:3px 12px!important;min-height:30px!important;background:var(--surface-control)!important;color:var(--sx-text)!important;border:1px solid var(--sx-border)!important;border-radius:5px}
 #sx-primary-nav{display:none;flex:0 0 100%;width:100%;margin:0!important;padding:10px 0 2px!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px!important;border-top:1px solid var(--sx-border)}
 #sx-primary-nav.sx-open{display:grid!important}
 #sx-primary-nav>a{min-width:0;white-space:normal!important;justify-content:flex-start;padding:2px 12px!important;align-self:stretch}
 #sx-primary-nav>a .sx-icon-label{min-width:0;overflow-wrap:anywhere}
 #sx-primary-nav .sx-main-site{border:0!important;padding-left:12px!important;color:var(--sx-link)}
}
@media(max-width:900px){
 #page{display:block!important;width:auto!important;max-width:100%!important;padding:18px 16px!important;margin:0!important}
 #page>#content{width:auto!important;min-width:0!important;margin:0!important;padding:0!important;float:none!important}
 #left_menu{width:100%!important;float:none!important;padding:12px 0!important;margin:0 0 20px!important;border-right:0!important;border-bottom:1px solid var(--ac-line)}
 #left_menu[hidden]{display:none!important}
 #left_menu .left_menu_box{margin-bottom:16px!important}
 #left_menu ul.menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}
 #left_menu ul.menu li{min-width:0}
 #left_menu ul.menu li>a{white-space:normal;overflow-wrap:anywhere}
 .sx-mobile-section-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0 0 16px!important;padding:4px 12px!important;border:1px solid var(--ui-edge)!important;border-radius:5px;background:var(--surface-control)!important;color:var(--ui-ink)!important;font:500 14px/21px var(--ui-font)!important;cursor:pointer}
 .sx-mobile-section-toggle::after{content:'⌄';font-size:18px;line-height:20px}
 .sx-mobile-section-toggle[aria-expanded=true]::after{content:'⌃'}
 #logo{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px;height:auto!important;min-height:0!important;padding:16px!important}
 #logo .atelier-brand{min-width:0;max-width:100%}
 #logo .atelier-brand>img:first-child{width:32px!important;height:32px!important;flex:0 0 32px}
 #logo .atelier-brand .atelier-brand-art{width:230px!important;max-width:calc(100% - 44px)!important;height:auto!important;object-fit:contain!important}
 #welcome{position:static!important;float:none!important;margin:0!important;max-width:100%;white-space:normal!important;line-height:1.7!important}
 #menu{padding:6px 12px!important;width:auto!important;min-height:0!important}
 #menu ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;float:none!important;padding:0!important;margin:0!important}
 #menu li{float:none!important;min-width:0!important;margin:0!important}
 #menu li>a{display:flex!important;white-space:normal!important;width:auto!important;align-items:center!important}
 #menu .sx-icon-label{min-width:0;overflow-wrap:anywhere}
 .sx-dashboard-overview{grid-template-columns:1fr!important;gap:20px!important}
 #content .border_wrapper{overflow:visible!important}
 .atelier-admin-login #container{display:block!important;min-height:100dvh!important}
 .atelier-admin-login #header{width:auto!important;min-height:0!important;padding:20px 16px!important;border-right:0!important;border-bottom:1px solid var(--ac-line)!important}
 .atelier-admin-login #header::after{margin:16px 0 0!important;font-size:22px!important;line-height:1.4!important}
 .atelier-admin-login #header::before{display:none!important}
 .atelier-admin-login #content{width:auto!important;max-width:440px!important;padding:24px 16px!important;margin:auto!important}
}
@media(max-width:850px){
 body.sx-drawer-open{overflow:hidden;overscroll-behavior:none}
 .rail{width:min(300px,calc(100vw - 48px))!important;height:100dvh;padding:18px 16px!important;overscroll-behavior:contain}
 .nav-backdrop.visible{touch-action:none}
 .rail .brand{margin-bottom:12px!important;max-width:100%}
 .rail .brand-art{max-width:calc(100% - 46px)!important;height:auto!important}
 .mobile-nav-close{display:inline-flex;align-items:center;align-self:flex-end;margin-bottom:16px;padding:2px 12px!important;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font:400 14px/21px var(--ui-font);cursor:pointer}
 .rail nav>a{white-space:normal;overflow-wrap:anywhere;min-width:0}
 .rail-caption{letter-spacing:.03em!important;margin:16px 12px 8px!important}
 .rail-note{margin-block:18px!important;padding:12px!important}
 .rail-note p{margin:8px 0 12px!important}
 .rail-footer{padding:10px 12px!important}
}
@media(max-width:740px){
 html{scroll-padding-top:16px}
 .wrapper{width:calc(100% - 28px)!important;max-width:none!important;min-width:0!important}
 #container,#content,#sx-main,.shell,.workspace,.content-grid,.feed-main,.admin-content-grid,.admin-content-grid>section,.form-card,.auth-card,.sx-auth-form{min-width:0!important;max-width:100%}
 .sx-brand{gap:9px!important;min-width:0;max-width:calc(100% - 82px)}
 .sx-brand>img:first-child{width:32px!important;height:32px!important;flex:0 0 32px}
 .sx-brand .sx-brand-art{width:clamp(150px,42vw,220px)!important;max-width:calc(100% - 41px)!important;height:auto!important;object-fit:contain!important}
 .sx-masthead{gap:8px!important;min-height:68px!important}
 .sx-account-row{flex-direction:column;align-items:stretch!important;gap:12px!important;padding-block:12px;min-height:0!important}
 #panel form.sx-quicksearch{max-width:none!important;width:100%!important;flex:auto!important;box-sizing:border-box;gap:8px;padding:3px 8px!important}
 #panel .sx-quicksearch input{min-width:0;flex:1;padding:2px 0!important}
 .sx-account{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 14px!important;min-width:0}
 .sx-account .welcome,.sx-guest-note{white-space:normal!important;overflow-wrap:anywhere}
 .sx-member-tools{flex-direction:column;align-items:stretch;gap:10px!important;padding-block:10px!important}
 #panel .sx-member-tools ul.menu{display:flex!important;flex-wrap:wrap;gap:6px 10px!important;float:none!important;width:auto!important;margin:0!important;padding:0!important}
 #panel .sx-member-tools ul.menu li{margin:0!important;float:none!important;max-width:100%}
 #panel .sx-member-tools a{white-space:normal;overflow-wrap:anywhere}
 .sx-hero{display:block!important;min-height:0!important;margin-bottom:24px!important}
 .sx-hero-copy{padding:20px 0!important;min-width:0}
 .sx-hero-art{display:none!important}
 .sx-hero h1,.welcome-hero h1,.page-heading,.discussion-title h1,.auth-story h1{overflow-wrap:anywhere}
 .sx-hero-links,.sx-footer-bottom,.sx-footer-preferences{display:flex;flex-wrap:wrap;gap:10px 16px!important}
 .sx-sidebar{display:block!important}
 .sx-footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important;padding-block:24px!important}
 .sx-footer-grid>div{min-width:0;grid-column:auto!important}
 .sx-footer-bottom{align-items:flex-start;flex-direction:column}
 .sx-breadcrumb ol,.breadcrumbs{flex-wrap:wrap;row-gap:8px!important;min-width:0}
 .sx-breadcrumb li,.sx-breadcrumb a,.sx-breadcrumb span,.breadcrumbs a{min-width:0;overflow-wrap:anywhere;white-space:normal!important}
 .sx-directory-header{align-items:flex-start;gap:10px;padding-block:10px}
 .sx-directory-category{align-items:flex-start;min-width:0;flex:1;gap:10px}
 .sx-directory-category h2,.sx-directory-entry>a{overflow-wrap:anywhere}
 .sx-directory-category-description{line-height:1.6!important}
 .sx-directory-header .sx-collapse-toggle{padding-inline:8px!important}
 .sx-directory-table .sx-directory-row{grid-template-columns:12px minmax(0,1fr) auto!important}
 .sx-directory-entry{align-items:flex-start;min-width:0}
 .sx-directory-table .sx-directory-name{min-width:0;overflow-wrap:anywhere}
 .sx-directory-table .sx-directory-latest{min-width:0;white-space:normal!important;overflow-wrap:anywhere}
 .sx-directory-body[hidden]{display:none!important}
 /* Thread/member data becomes labelled rows rather than a squeezed desktop grid. */
 #content table.sx-discussions,#content table.sx-members-table,table.admin-table{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important}
 .sx-discussions>tbody,.sx-discussions>thead,.sx-discussions>tfoot,.sx-members-table>tbody,.sx-members-table>thead,.admin-table>tbody,.admin-table>thead{display:block!important;width:100%!important}
 #content .sx-mobile-column-headings{display:flex!important;flex-wrap:wrap;gap:4px 10px!important;padding:8px 0!important;border-bottom:1px solid var(--ui-edge)}
 #content .sx-mobile-column-headings>td,#content .sx-mobile-column-headings>th{display:block!important;width:auto!important;min-width:0!important;padding:2px 6px!important;border:0!important;white-space:normal!important}
 #content .sx-mobile-column-headings>td:first-child{padding-left:0!important}
 #content .sx-discussions tr.sx-mobile-data-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;padding:12px 0;border-bottom:1px solid var(--ui-edge)}
 #content .sx-discussions tr.sx-mobile-data-row>td{display:block!important;width:auto!important;min-width:0!important;padding:2px 0!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;border:0!important}
 #content .sx-discussions .sx-mobile-data-row>td[data-mobile-role=subject]{grid-column:1/-1;grid-row:1;min-width:0!important}
 #content .sx-discussions .sx-mobile-data-row>td[data-mobile-role=status],#content .sx-discussions .sx-mobile-data-row>td[data-mobile-role=posticon]{display:none!important}
 #content .sx-discussions .sx-mobile-data-row>td[data-mobile-role=last]{grid-column:1/-1}
 #content .sx-discussions .sx-mobile-data-row>td[data-mobile-role=select]{justify-self:end;grid-column:2}
 .sx-mobile-data-row>td[data-mobile-label]::before{content:attr(data-mobile-label);display:block;color:var(--control-muted);font:500 14px/21px var(--ui-font);margin-bottom:2px}
 .sx-mobile-data-row>td[data-mobile-role=subject]::before,.sx-mobile-data-row>td[data-mobile-role=member]::before,.sx-mobile-data-row>td[data-mobile-role=avatar]::before{display:none}
 #content .sx-discussions .sx-mobile-full-row{display:block!important;width:100%!important}
 #content .sx-discussions .sx-mobile-full-row>td{display:block!important;width:auto!important;min-width:0!important;padding:10px 0!important}
 #content .sx-discussions .sx-mobile-full-row form,#content .sx-discussions .sx-mobile-full-row .float_right{display:flex;flex-wrap:wrap;float:none!important;gap:8px;align-items:center;justify-content:flex-start}
 #content .sx-discussions .star_rating{margin:0!important}
 #content .sx-members-table .thead{display:flex!important;flex-direction:column;align-items:stretch;gap:8px}
 #content .sx-members-table .sx-mobile-full-row{display:block!important;width:100%!important}
 #content .sx-members-table .sx-mobile-full-row>td{display:block!important;width:auto!important;min-width:0!important;padding:10px 0!important}
 #content .sx-members-table .thead>.float_right{order:2;float:none!important;width:100%;max-width:100%;display:flex;flex-wrap:nowrap!important;gap:4px!important;overflow-x:auto;overscroll-behavior-inline:contain;padding-block:5px!important}
 #content .sx-members-table .thead .float_right a{flex:0 0 auto;white-space:nowrap}
 #content .sx-members-table tr.sx-member-row{position:relative;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding:14px 0;border-bottom:1px solid var(--ui-edge)}
 #content .sx-members-table tr.sx-member-row>td{display:block!important;width:auto!important;min-width:0!important;min-height:0!important;padding:0!important;text-align:left!important;border:0!important;overflow-wrap:anywhere}
 #content .sx-members-table .sx-member-row>td[data-mobile-role=avatar]{position:absolute;left:0;top:14px;width:40px!important}
 #content .sx-members-table .sx-member-row>td[data-mobile-role=member]{grid-column:1/-1;padding-left:52px!important;min-height:44px!important}
 #content .sx-members-table .sx-member-row .sx-member-avatar img{max-width:40px!important;max-height:40px!important}
 .sx-members-table .sx-rank{flex-wrap:wrap;white-space:normal}
 table.admin-table .sx-mobile-column-headings{display:none!important}
 table.admin-table tr.sx-mobile-data-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:12px 0;border-bottom:1px solid var(--line)}
 table.admin-table .sx-mobile-data-row>td{display:block!important;width:auto!important;min-width:0!important;border:0!important;padding:0!important;text-align:left!important;overflow-wrap:anywhere}
 table.admin-table .sx-mobile-data-row>td:first-child,table.admin-table .sx-mobile-data-row>td:last-child{grid-column:1/-1}
 table.admin-table .sx-mobile-data-row>td:first-child::before{display:none}
 .admin-member-name{min-width:0;align-items:flex-start!important}
 .admin-member-name>span,.admin-member-name small{min-width:0;white-space:normal!important;overflow-wrap:anywhere}
 /* Native settings/registration/search forms retain every field in a single column. */
 table.sx-mobile-form-table,table.sx-mobile-form-table>tbody,table.sx-mobile-form-table>thead,table.sx-mobile-form-table>tfoot,table.sx-mobile-form-table>tbody>tr,table.sx-mobile-form-table>thead>tr,table.sx-mobile-form-table>tbody>tr>td,table.sx-mobile-form-table>tbody>tr>th{display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
 table.sx-mobile-form-table>tbody>tr>td,table.sx-mobile-form-table>tbody>tr>th{padding:7px 0!important;text-align:left!important;white-space:normal!important}
 table.sx-mobile-form-table .sx-mobile-field-headings{display:none!important}
 table.sx-mobile-form-table td[data-mobile-label]::before{content:attr(data-mobile-label);display:block;font-weight:500;margin-bottom:6px}
 table.sx-mobile-layout,table.sx-mobile-layout>tbody,table.sx-mobile-layout>tbody>tr,table.sx-mobile-layout>tbody>tr>td{display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:0!important}
 table.sx-mobile-layout>tbody>tr>td[hidden]{display:none!important}
 table.sx-mobile-layout>tbody>tr>td+td{margin-top:16px}
 .sx-responsive-table>table.sx-mobile-wide-table{min-width:560px!important}
 .sx-responsive-table{margin-bottom:16px}
 .sx-responsive-table>table.sx-discussions,.sx-responsive-table>table.sx-members-table{min-width:0!important}
 .post,.post.classic{max-width:100%;min-width:0}
 .post.classic .post_author,.post .post_author{float:none!important;width:auto!important;min-width:0!important;padding:12px!important}
 .post.classic .post_content,.post .post_content{float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:12px!important}
 .post_body,.post .author_information,.post .post_meta,.post .signature,.prose,.prose-text,.notification-item,.detail-list dd,.report-card{overflow-wrap:anywhere;min-width:0;max-width:100%}
 .post .author_statistics{float:none!important;width:auto!important;max-width:100%}
 .post_controls,.postbit_buttons,.post .post_management_buttons,.post .postbit_buttons.author_buttons{float:none!important;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}
 .postbit_buttons a{margin:0!important;white-space:normal!important}
 .post_body img,.prose img{max-width:100%!important;height:auto!important}
 .post_body iframe,.prose iframe,.post_body video,.prose video{max-width:100%!important;width:100%!important;height:auto!important;aspect-ratio:16/9}
 pre,.codeblock{max-width:100%!important;min-width:0!important;overflow-x:auto;box-sizing:border-box}
 pre code{white-space:pre;overflow-wrap:normal;word-break:normal}
 .sx-auth-layout{display:block!important;max-width:100%!important}
 .sx-auth-intro,.sx-auth-form{padding:20px 0!important;min-width:0}
 input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea,.sx-select,.select2-container{max-width:100%!important;box-sizing:border-box}
 .sx-select-trigger{min-width:0!important;max-width:100%}
 .sx-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis}
 .sx-select-menu{box-sizing:border-box;overscroll-behavior:contain;max-width:calc(100vw - 20px)!important}
 .select2-drop{max-width:calc(100vw - 20px)!important}
 .sx-choice{max-width:100%;white-space:normal!important}
 .sx-choice>input{flex-shrink:0}
 .modal{max-width:calc(100vw - 28px)!important;width:auto!important;margin-inline:14px!important;box-sizing:border-box}
 .sceditor-container{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
 .sceditor-toolbar{white-space:normal!important;display:flex;flex-wrap:wrap;gap:3px}
 .sceditor-group{float:none!important;display:inline-flex!important;flex-wrap:wrap;max-width:100%}
 .sceditor-container iframe,.sceditor-container textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
 .pagination{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px!important;white-space:normal}
 .sx-topic-list{grid-template-columns:1fr!important;gap:0!important}
 .sx-topic-list h2,.sx-topic-guide,.sx-topic-preview,.sx-topic-preview-links{min-width:0;overflow-wrap:anywhere}
 .sx-topic-actions{align-items:stretch;flex-direction:column;gap:10px}
 .sx-topic-actions>a{white-space:normal;text-align:left}
}
@media(max-width:600px){
 .topbar{display:grid!important;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px!important;height:auto!important;min-height:0!important;padding:12px 14px!important;position:relative}
 .topbar .mobile-menu{grid-column:1;grid-row:1;justify-self:start}
 .topbar-actions{grid-column:2;grid-row:1;min-width:0;max-width:100%;justify-content:flex-end;gap:8px!important}
 .topbar-actions .button{padding:3px 10px!important;gap:7px;white-space:normal;text-align:center}
 .topbar .global-search,.topbar .global-search:focus-within{position:static!important;grid-column:1/-1;grid-row:2;display:flex;width:100%;max-width:none!important;margin:0;min-width:0;box-sizing:border-box}
 .topbar .global-search input,.topbar .global-search input:not(:placeholder-shown){min-width:0;width:100%;padding:3px 0!important}
 .topbar .global-search input::placeholder{font-size:14px!important}
 .topbar .global-search button{display:inline-flex!important;align-items:center;flex-shrink:0;width:auto!important;height:auto!important;font-size:14px!important;padding:2px 8px!important;min-height:28px!important}
 .global-search button span{display:none}
 .workspace{padding:20px 14px 30px!important}
 .section-intro{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px!important}
 .section-intro>div{min-width:0;flex:1 1 210px}
 .section-intro>.button{font-size:14px!important;gap:8px!important;min-width:0!important;width:auto;align-self:flex-start;padding:3px 12px!important}
 .content-grid,.admin-content-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
 .welcome-hero>div:first-child{padding:18px 0!important}
 .hero-links{display:flex;flex-wrap:wrap;gap:10px 16px!important}
 .feed-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0!important;min-height:0!important}
 .feed-tabs{display:flex;min-width:0;max-width:100%;overflow-x:auto;gap:8px!important;white-space:nowrap}
 .feed-tabs>a{height:auto!important;padding:3px 9px!important;flex-shrink:0}
 .thread-row{display:grid!important;grid-template-columns:32px minmax(0,1fr);gap:8px 10px!important;padding:14px 0!important;position:relative}
 .thread-row>.avatar-link,.thread-row>.avatar{grid-column:1;grid-row:1;width:32px!important;height:32px!important;margin:0}
 .thread-row>.avatar-link>.avatar{width:32px!important;height:32px!important}
 .thread-summary{grid-column:2;grid-row:1;width:100%!important;max-width:none!important;min-width:0}
 .thread-metrics{position:static!important;grid-column:2;grid-row:2;display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:8px 16px!important;width:auto!important;max-width:100%;margin:0!important;flex-wrap:wrap}
 .thread-metrics>b{justify-content:flex-start!important}
 .thread-byline{display:flex;flex-wrap:wrap;min-width:0;padding-right:0!important;gap:5px 9px!important;overflow-wrap:anywhere}
 .thread-kickers,.discussion-meta,.profile-badges,.profile-meta,.post-actions{flex-wrap:wrap;min-width:0;gap:8px 12px!important}
 .thread-summary h3,.thread-title-link{overflow-wrap:anywhere}
 .thread-excerpt{white-space:normal;overflow-wrap:anywhere}
 .post-author{align-items:flex-start;padding:12px 0!important;gap:10px!important}
 .post-author>div{flex:1;min-width:0;overflow-wrap:anywhere}
 .post-author time{margin-left:0!important;flex-basis:100%;text-align:left;white-space:normal}
 .post-actions{display:flex;align-items:center;padding:12px 0!important}
 .post-actions .inline-form,.post-actions .text-button{max-width:100%;white-space:normal}
 .prose{padding:16px 0!important}
 .post-tags{padding:0 0 14px!important;display:flex;flex-wrap:wrap;gap:6px}
 .reply-heading{flex-wrap:wrap;align-items:flex-start;gap:8px!important}
 .reply-heading>span{max-width:none!important;text-align:left!important}
 .reply-composer,.form-card,.report-card,.account-card,.compose-preview{padding:16px 0!important;min-width:0;max-width:100%}
 .composer-bottom,.form-bottom{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
 .composer-bottom>.button{width:auto!important;max-width:100%}
 .form-bottom>*{max-width:100%;white-space:normal}
 .admin-tabs,.settings-tabs{display:flex;flex-wrap:wrap;gap:6px 10px!important;min-width:0}
 .admin-tabs>a,.settings-tabs>a{padding:3px 8px!important;min-height:0!important;white-space:normal;gap:10px!important}
 .admin-tabs>a:last-child{margin-left:0!important}
 .admin-tabs .icon{width:24px!important;height:24px!important;flex-shrink:0}
 .admin-filters{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:12px 0!important;gap:12px!important}
 .admin-filters>div{min-width:0;width:100%}
 .admin-filters .button{width:auto!important;justify-self:start}
 .admin-form-grid,.settings-stack{display:grid;grid-template-columns:minmax(0,1fr)!important;min-width:0;gap:12px}
 .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 0!important}
 .admin-stat{min-width:0;padding:12px!important;overflow-wrap:anywhere}
 .admin-stat>span,.admin-stat small{white-space:normal!important}
 .admin-content-grid>aside,.context-sidebar{display:block!important;min-width:0;padding-top:18px!important}
 .context-sidebar>.side-card,.admin-content-grid>aside>.side-card{padding:16px 0!important}
 .picture-preview,.verification-status{flex-wrap:wrap;min-width:0;gap:12px}
 .preference-option{align-items:center!important;gap:10px!important}
 .preference-option>input{margin:0!important;flex-shrink:0}
 .preference-option>span{min-width:0;overflow-wrap:anywhere}
 .auth-layout{display:block!important;min-width:0;margin:0!important}
 .auth-story{padding:18px 0!important;min-width:0}
 .auth-story h1{margin:12px 0!important}
 .auth-card{padding:20px 0!important;min-width:0}
 .auth-brand-line{margin-top:16px!important;letter-spacing:.04em!important}
 .checkbox-label,.checkbox-line{display:flex!important;align-items:center!important;gap:10px!important}
 .checkbox-label input,.checkbox-line input{margin:0!important;flex-shrink:0}
 .password-field{min-width:0}
 .password-field input{padding-right:64px!important}
 .password-field [data-password]{right:5px!important;min-height:26px!important;padding:2px 8px!important}
 .category-directory-head{grid-template-columns:minmax(0,1fr) 54px 12px!important;gap:10px!important}
 .category-directory-row{grid-template-columns:28px minmax(0,1fr) 54px 12px!important;gap:10px!important}
 .category-directory-info,.category-directory-name{min-width:0;overflow-wrap:anywhere}
 .category-directory-row>span{white-space:normal}
 .profile-main{padding:0 0 18px!important;gap:12px!important;align-items:flex-start}
 .profile-main>div{min-width:0;max-width:calc(100% - 90px)!important;overflow-wrap:anywhere}
 .profile-main>.button{margin-left:0!important;max-width:100%}
 .profile-bio{padding:16px 0!important;overflow-wrap:anywhere}
 .notification-item{min-width:0;padding:14px 0!important;align-items:flex-start}
 .notification-item>div{min-width:0;overflow-wrap:anywhere}
 .leader-row{gap:10px;padding:12px 0!important;min-width:0}
 .leader-row>span{min-width:0;overflow-wrap:anywhere}
 .leader-row .avatar{width:32px!important;height:32px!important}
 .restore-row,.audit-row{padding:12px 0!important;flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}
 .page-footer{display:flex;flex-direction:column;align-items:flex-start;margin:0 14px!important;padding:18px 0!important;gap:12px!important;max-width:100%}
 .page-footer>div{display:flex;flex-wrap:wrap;gap:10px 16px!important;min-width:0}
 .local-banner{padding:6px 14px!important;gap:6px 10px!important}
 .local-banner>span:last-child{max-width:100%!important}
 .sx-overview-row{grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr)!important;gap:12px!important;overflow-wrap:anywhere}
}
@media(max-width:420px){
 #sx-primary-nav{grid-template-columns:minmax(0,1fr)!important}
 #left_menu ul.menu{grid-template-columns:minmax(0,1fr)!important}
 .members-grid{grid-template-columns:minmax(0,1fr)!important}
 .member-card{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 0!important;min-width:0;flex-wrap:wrap}
 .member-card h2,.member-card p{overflow-wrap:anywhere;max-width:100%}
 .member-card .avatar{margin:0!important}
 .sx-directory-header{flex-wrap:wrap}
 .sx-directory-category{flex-basis:100%}
 .sx-directory-header .sx-collapse-toggle{margin-left:40px}
}