/* Shared type, density and motion. Load last so every standard UI uses one scale. */
:root{--ui-font:var(--sx-body,var(--ac-body,var(--body,'Segoe UI',sans-serif)));--ui-head:var(--sx-head,var(--ac-head,var(--head,'Segoe UI',sans-serif)));--ui-size:14px;--ui-line:21px;--ui-edge:var(--sx-border,var(--ac-line,var(--line,#d1d5d9)));--ui-ink:var(--sx-text,var(--ac-ink,var(--ink,#26313c)))}
body,body table,body td,body th,body p,body li,body label,body small,body input,body select,body textarea,body button,body .smalltext,body .field-help,body .description,body .muted,body .sx-icon-label,body .sx-panel-label{font-family:var(--ui-font)!important;font-size:var(--ui-size)!important;line-height:var(--ui-line)!important}
#sx-primary-nav>a,#panel a,#panel .welcome,#left_menu a,#menu a,.rail nav>a,.feed-tabs a,.admin-tabs a,.settings-tabs a,.page-footer,.sx-breadcrumb,.sx-breadcrumb a,.sx-breadcrumb span,.thread-byline,.discussion-meta,.post-author small,.thread-kickers,.category-pill,.rank-badge,.topic-rank,.sx-rank{font-family:var(--ui-font)!important;font-size:var(--ui-size)!important;line-height:var(--ui-line)!important;letter-spacing:0}
#content .tborder .tcat,#content .tborder .tcat strong,#content .tborder .tcat a,#content .tborder .tcat .smalltext,.sx-directory-columns th,#content .border_wrapper th,.admin-table th,.admin-table td{font:500 var(--ui-size)/var(--ui-line) var(--ui-font)!important;letter-spacing:0!important;text-transform:none}
body .sx-select>button.sx-select-trigger,body .sx-select-menu,body .sx-select-option,body .sx-choice,body .sx-choice>label,body input[type=submit],body a.sx-button,body .button,#content .select2-container .select2-choice,body .select2-drop,body .select2-results{font:400 var(--ui-size)/20px var(--ui-font)!important}
body .sx-select>button.sx-select-trigger{min-height:28px!important;padding:3px 10px!important;border-color:#aeb7bf!important;border-radius:6px!important}.sx-select-arrow{width:8px;height:8px;flex-basis:8px;opacity:.8}.sx-select-option{min-height:30px;padding:5px 10px}.sx-select-option[aria-selected=true]{font-weight:600!important}.sx-choice{gap:10px!important;min-height:26px;padding:2px 0}.sx-choice>label{line-height:20px!important}
input[type=radio]{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;border-color:#7c8c9b!important}input[type=radio]:checked{border-color:var(--control-focus)!important;box-shadow:0 0 0 3px #ba783014,inset 0 1px 1px #1325360a!important}
#content h1,.page-heading,.auth-card h2{font:500 28px/1.3 var(--ui-head)!important;letter-spacing:-.035em!important}
#content h2,#content h3,#content .tborder .thead,#content .tborder .thead strong,.sx-directory-category h2,.side-card h2,.form-card h2,.reply-heading h2,.thread-row h3,.sx-topic-list h2,.sx-topic-guide h2,#content .border_wrapper>.title{font:500 18px/1.5 var(--ui-head)!important;letter-spacing:-.02em!important}
.sx-hero h1,.welcome-hero h1,.auth-story h1{font:500 clamp(28px,3vw,38px)/1.3 var(--ui-head)!important;letter-spacing:-.04em!important}
.sx-directory-name a,.sx-directory-entry>a,.category-directory h2 a{font:400 14px/21px var(--ui-font)!important}.sx-directory-table .sx-directory-row>td{padding-top:6px!important;padding-bottom:6px!important;font:400 14px/21px var(--ui-font)!important}.category-directory-row{padding-top:8px!important;padding-bottom:8px!important}
.sx-directory-category>.sx-purpose-icon{width:30px!important;height:30px!important;flex-basis:30px}.sx-directory-entry>.sx-purpose-icon,.category-directory-icon,.category-directory-icon>.icon{width:28px!important;height:28px!important;flex:0 0 28px;padding:0!important;margin:0!important}
.space-icon{display:flex;align-items:center;justify-content:center;width:28px!important;height:28px!important;padding:0!important;background:none!important;border:0!important;flex:0 0 28px}.space-icon>.icon{width:28px!important;height:28px!important;padding:0!important;margin:0!important}.space-links>a{padding-top:7px!important;padding-bottom:7px!important;gap:12px}
#sx-primary-nav .sx-ui-icon,#menu .sx-ui-icon,#left_menu .sx-ui-icon,.rail nav .icon{width:26px!important;height:26px!important;padding:0!important;flex:0 0 26px;margin:0!important}.rail nav>a,#left_menu ul.menu li a{padding-top:5px!important;padding-bottom:5px!important;gap:12px!important}
html[data-sx-theme=dark] .sx-ui-icon,html[data-sx-theme=dark] .sx-purpose-icon,html[data-sx-theme=dark] .sx-group-icon{padding:0!important;background:none!important}
#content .sx-members-table .thead a[href*="username_match=begins"]{font:500 14px/20px var(--ui-font)!important;min-height:28px;min-width:28px}.sx-members-table .thead>.sx-member-initials{gap:5px!important}
#panel form.sx-quicksearch{border:1px solid #aeb7bf!important;border-radius:6px!important;background:var(--surface-control)!important}#panel form.sx-quicksearch input[type=search]{font:400 14px/20px var(--ui-font)!important}.global-search{border:1px solid var(--ui-edge);border-radius:6px;padding:3px 9px!important;background:var(--surface-control)}
.sx-topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin:24px 0 32px}.sx-topic-list article{padding:20px 0;border-bottom:1px solid var(--ui-edge)}.sx-topic-list h2{display:flex;align-items:center;gap:12px;margin:0 0 10px}.sx-topic-list h2 img{width:28px!important;height:28px!important;flex:0 0 28px;padding:0!important}.sx-topic-list p{margin:0 0 12px}.sx-topic-guide{max-width:900px;margin:12px 0 35px}.sx-topic-guide>h1{margin-top:12px}.sx-topic-guide section{padding:16px 0;border-bottom:1px solid var(--ui-edge)}.sx-topic-guide p,.sx-topic-guide li{line-height:1.8!important}.sx-topic-guide h2{margin:0 0 10px}.sx-topic-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:25px 0}.sx-topic-preview{margin:0 0 30px;padding-bottom:20px;border-bottom:1px solid var(--ui-edge)}.sx-topic-preview-links{display:flex;gap:12px 24px;flex-wrap:wrap}
/* Motion belongs to interactions, while table geometry and reading stay steady. */
@media(prefers-reduced-motion:no-preference){
 a,button,input,select,.sx-select-trigger,.sx-select-option{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
 #sx-primary-nav>a:hover,#menu a:hover,.rail nav>a:hover,#left_menu ul.menu a:hover{background:linear-gradient(100deg,#d6e3ec35,#edc68b25)!important;box-shadow:inset 2px 0 #dd8e35}
 .button:hover,a.sx-button:hover,button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 4px 10px #6c54351c!important}.button:active,a.sx-button:active,button[type=submit]:active{transform:translateY(0)}
 input[type=radio]:hover{border-color:var(--control-focus)!important;transform:scale(1.04)}
 .sx-select-menu:not([hidden]){animation:sx-premium-menu .16s cubic-bezier(.2,.8,.2,1)}
 .thread-row:hover,.sx-directory-row:hover>td,.category-directory-row:hover{background:var(--surface-row)!important}.sx-topic-list a:hover{color:var(--control-active);text-decoration:underline;text-underline-offset:5px}
 @keyframes sx-premium-menu{from{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:none}}
}
@media(max-width:700px){.sx-topic-list{grid-template-columns:1fr}.sx-topic-guide{max-width:100%}body input:not([type=checkbox]):not([type=radio]),body textarea,body select,body .sx-select>button.sx-select-trigger{font-size:16px!important;line-height:22px!important}#content .tborder{max-width:100%}.sx-topic-list article{padding:16px 0}}
/* Layered important type rules beat the older unlayered important component
   sizes. This prevents small native/legacy labels from surviving the update. */
@layer struxllence-type{
 html body{font-family:var(--ui-font)!important;font-size:14px!important;line-height:21px!important}
 html body :is(p,li,td,th,label,small,input,select,textarea,button,.smalltext,.field-help,.description,.muted,.sx-icon-label,.sx-panel-label,.eyebrow,.sx-eyebrow,.rail-caption,.small-kicker,.thread-byline,.discussion-meta,.post-author small,.thread-kickers,.category-pill,.state-label,.rank-badge,.topic-rank,.sx-rank,.page-footer,.sx-select-option,.sx-choice,.breadcrumbs,.sx-breadcrumb){font-family:var(--ui-font)!important;font-size:14px!important;line-height:21px!important}
 html body :is(.button,a.sx-button,.sx-action-button,.sx-select-trigger,.sx-choice>label,input:not([type=radio]):not([type=checkbox]),select,.select2-choice){font-size:14px!important;line-height:20px!important}
 html body :is(#sx-primary-nav a,#panel a,#panel .welcome,#left_menu a,#menu a,.rail nav>a,.feed-tabs a,.admin-tabs a,.settings-tabs a,.sx-breadcrumb a,.sx-breadcrumb span){font-family:var(--ui-font)!important;font-size:14px!important;line-height:21px!important}
 html body :is(h1,.page-heading,.auth-card h2){font-family:var(--ui-head)!important;font-size:28px!important;line-height:1.3!important}
 html body :is(h2,h3,.thead,.border_wrapper>.title){font-family:var(--ui-head)!important;font-size:18px!important;line-height:1.5!important}
 html body :is(h1,h2,h3,.thead) :is(a,strong,em,span,.sx-icon-label){font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}
 html body :is(.sx-hero h1,.welcome-hero h1,.auth-story h1){font-size:clamp(28px,3vw,38px)!important}
 html body .sx-members-table .thead .float_right a{font-family:var(--ui-font)!important;font-size:14px!important;line-height:20px!important}
 html body .thead .float_right a{font-family:var(--ui-font)!important;font-size:14px!important;line-height:20px!important}
 html body :is(#sx-primary-nav,#left_menu,#menu,.rail nav) :is(.sx-ui-icon,.icon){width:26px!important;height:26px!important;flex:0 0 26px!important;padding:0!important}
 html body :is(.sx-directory-entry,.category-directory-icon) :is(.sx-purpose-icon,.icon){width:28px!important;height:28px!important;flex:0 0 28px!important;padding:0!important}
 @media(max-width:700px){html body :is(input:not([type=radio]):not([type=checkbox]),textarea,select,.sx-select-trigger){font-size:16px!important;line-height:22px!important}}
}

.button.danger{color:#a12a27!important;background:linear-gradient(120deg,#fff4f1,#ffe6e1)!important;border:1px solid #c1847a!important}.button.danger:hover{background:#ffddd4!important}.checkbox-line{display:flex;align-items:center;gap:10px;margin-block:16px}.checkbox-line input{margin:0;flex-shrink:0}

/* The hover face follows the compact link, with breathing room at both ends. */
#sx-primary-nav{gap:8px!important}
#sx-primary-nav>a,#menu li>a,#left_menu ul.menu li>a,.rail nav>a{
 display:inline-flex;align-items:center!important;box-sizing:border-box;
 padding:2px 12px!important;min-height:0!important;height:auto!important;
 border-radius:5px;column-gap:12px!important;
}
#left_menu ul.menu li>a,.rail nav>a{display:flex}
.rail nav>a[aria-current=page]::before{top:5px!important;bottom:5px!important;left:0!important}

/* Tiny cumulative engineering symbols; intrinsic HD dimensions never size UI. */
.sx-expertise{display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px;max-width:100%;vertical-align:middle}
.sx-expertise-sequence{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;white-space:nowrap;line-height:16px;vertical-align:middle}
html body .sx-expertise-sequence>img{display:block;width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;min-width:16px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;object-fit:contain;transform:none!important;box-sizing:content-box}
html body img[src*="/post-icons-hd/"],html body img[src*="images/icons/"],html body img[src$="/star.png"],html body img[src$="/star_rating.png"]{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;object-fit:contain;vertical-align:middle;padding:0!important}
html body img[src*="/smilies-hd/"],html body img.smilie,html body img[src*="images/smilies/"]{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;object-fit:contain;vertical-align:-4px;padding:0!important}
/* Native popup actions sit above every select/editor control. */
html body .popup_menu{z-index:100200!important;max-width:calc(100vw - 20px)!important;box-sizing:border-box}
html body .popup_menu .popup_item{display:block;padding:5px 12px!important;line-height:21px!important;white-space:normal}
html body .sx-select-menu{z-index:100050!important}
/* Titles and their hint lines use the same first-column inset on all ACP forms. */
html body #content table.general>tbody>tr>td:first-child,html body #content table.general>thead>tr>th:first-child,html body #content .form_container table>tbody>tr>td:first-child{padding-left:16px!important;padding-right:16px!important;text-indent:0!important}
html body #content table.general td.first>small,html body #content table.general td:first-child>.description,html body #content .form_container td:first-child>.description{display:block;margin-inline:0!important;padding-inline:0!important;text-indent:0!important}
html body #content table.general td.first>strong,html body #content .form_container td:first-child>label,html body #content .form_container td:first-child>strong{margin-inline:0!important;padding-inline:0!important;text-indent:0!important}
.sx-rank-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin:20px 0}
.sx-rank-admin-tier{padding:15px 0;border-bottom:1px solid var(--ui-edge);min-width:0}
.sx-rank-admin-tier form,.sx-rank-admin-list+form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:12px 0!important}
.sx-rank-admin-tier label{display:flex;flex-direction:column;gap:5px;max-width:100%}
.sx-rank-admin-tier input[type=number]{max-width:150px!important}.sx-rank-admin-tier summary{cursor:pointer}
@media(max-width:740px){.sx-rank-admin-list{grid-template-columns:minmax(0,1fr)}}

.sx-rank-admin-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px 14px;margin:14px 0!important;max-width:100%}
.sx-rank-admin-form label{display:flex;flex-direction:column;gap:5px;min-width:0;max-width:100%}.sx-rank-admin-form input{max-width:100%!important}
@media(max-width:600px){.sx-rank-admin-form label{width:100%}.sx-rank-admin-form input,.sx-rank-admin-form .sx-select{width:100%!important}}

/* Expertise artwork, label and role emblem share one centered flex row. */
html body .sx-member-recognition{display:inline-flex!important;align-items:center!important;justify-content:flex-start;gap:7px;vertical-align:middle;max-width:100%;line-height:21px}
html body .sx-member-recognition>.sx-rank{margin:0!important;align-self:center!important}
html body .sx-member-recognition>.sx-group-icon{display:block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;margin:0!important;padding:0!important;align-self:center!important;object-fit:contain;vertical-align:middle}
html body .sx-expertise{align-items:center!important;vertical-align:middle;line-height:21px!important}
html body .sx-expertise>span:not(.sx-expertise-sequence){display:block;line-height:21px!important;margin:0;padding:0}

/* Numbered rank crests stay legible at compact size on either surface. */
html body .sx-expertise-sequence{gap:3px;line-height:18px;align-items:center}
html body .sx-expertise-sequence>img{width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;max-height:18px!important}
html body img.sx-owner-symbol{display:inline-block!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;max-height:20px!important;object-fit:contain;padding:0!important;margin:0!important;vertical-align:middle;flex:0 0 20px}
html body .sx-expertise.is-owner{gap:8px}
.member-actions>a+a{margin-inline-start:14px!important}.member-actions{white-space:nowrap}.member-actions>.button{vertical-align:middle}
.rank-assignment form>label{display:block;margin:16px 0 6px}.rank-assignment form>button[type=submit]{margin-inline-start:12px!important}.rank-assignment [data-rank-self]{display:block;margin:4px 0 0;padding:0!important}
.rank-user-picker{position:relative;min-width:0;width:100%;max-width:100%}.rank-user-picker>input{width:100%!important;box-sizing:border-box}
.rank-user-matches{position:absolute;inset:calc(100% - 1px) 0 auto;z-index:100210;max-height:240px;overflow-y:auto;padding:5px;background:var(--control-menu,#fff);color:var(--ui-ink,#203541);border:1px solid var(--ui-edge,#bcc9c8);border-radius:7px;box-shadow:0 9px 25px #142e4024}
.rank-user-matches[hidden]{display:none!important}.rank-user-matches>[role=option]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 10px;border-radius:4px;cursor:pointer;line-height:21px}.rank-user-matches>[role=option]:hover,.rank-user-matches>[aria-selected=true]{background:var(--control-hover,#f4eddf)}.rank-user-matches>[role=option]>span{opacity:.8;white-space:nowrap}.rank-picker-status{display:block;color:var(--ui-ink);opacity:.8;margin-top:4px;min-height:0}.rank-picker-status:empty{display:none}
@media(max-width:600px){.member-actions{white-space:normal}.member-actions>a{display:inline-flex;margin-block:3px}.rank-assignment form>button[type=submit]{margin:10px 0 0!important}.rank-user-matches>[role=option]{gap:10px;flex-wrap:wrap}}
