.atx-page-trail{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;line-height:1.7;color:#929292;letter-spacing:0}
.atx-page-trail a{color:#bbb}.atx-page-trail a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.atx-page-trail [aria-current]{color:#e5e5e5}
.atx-community-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 0 38px;border-bottom:1px solid #292929;margin-bottom:30px}
.atx-community-intro h2{font-size:clamp(25px,3vw,36px);line-height:1.4;margin:6px 0 12px}.atx-community-intro p{color:#aaa;margin:0;max-width:650px}.atx-community-intro .atx-community-kicker{font-size:13px;color:#ddd}.atx-community-intro>a{flex-shrink:0}
.atx-directory-signin{text-align:center;padding:60px 24px;background:#111;border:1px solid #303030;border-radius:20px}.atx-directory-signin>span{display:inline-block;font-size:40px;color:#ddd}.atx-directory-signin h2{margin:12px 0;font-size:27px}.atx-directory-signin p{color:#aaa;margin:0 0 24px}
/* UM owns modal positioning, upload validation and cropping geometry. */
body.atx-site .um-modal{background:#151515!important;color:#eee!important;border:1px solid #444;border-radius:16px;box-shadow:0 24px 90px #000a;max-width:calc(100vw - 32px)}
body.atx-site .um-modal-header{background:#202020!important;color:#fff!important;border-bottom:1px solid #383838;font:700 18px/1.7 'Tajawal',system-ui,sans-serif;border-radius:15px 15px 0 0;padding:16px 22px}
body.atx-site .um-modal-body{background:#151515!important;color:#eee!important}
body.atx-site .um-modal-footer{border-top:1px solid #333;margin-top:18px;padding-top:16px}
body.atx-site .um-modal :is(.um-modal-btn,.ajax-upload-dragdrop .ajax-file-upload){background:#eee!important;color:#111!important;border:1px solid #eee!important;border-radius:8px!important;font-family:inherit}
body.atx-site .um-modal .um-modal-btn.alt{background:#272727!important;color:#eee!important;border-color:#555!important}
body.atx-site .um-modal .um-modal-btn.disabled{opacity:.45!important;cursor:not-allowed}
body.atx-site .um-modal .atx-upload-error{padding:12px 15px;margin:16px 0 0;border:1px solid #777;border-radius:8px;background:#272727;color:#fff;font-size:14px;line-height:1.8}
body.atx-site .um-modal :is(.um-single-image-upload,.um-upload-statusbar){color:#ccc!important}
body.atx-site .um-modal :is(.upload,.ajax-upload-dragdrop){border-color:#555!important;background:#1d1d1d!important;color:#eee!important}
body.atx-site .um-modal .cropper-view-box{outline-color:#eee}.atx-profile-surface .um-profile-photo a:focus-visible{outline-offset:6px}
.atx-profile-surface .um-profile-body.main .um-field-area{min-width:0}.atx-profile-surface .um-profile-body.main .um-field-value{overflow-wrap:anywhere}
.atx-profile-surface .um-profile-nav-item>a{min-height:52px}
.atx-profile-surface .select2-container .select2-selection{min-height:46px!important;background:#191919!important;border:1px solid #505050!important;border-radius:8px!important;color:#eee!important}
.atx-profile-surface .select2-container .select2-selection__rendered{color:#eee!important;line-height:44px!important;padding-inline:14px 38px!important;text-align:start}
.atx-profile-surface .select2-selection__placeholder{color:#aaa!important}
.atx-profile-surface .select2-selection__arrow{height:44px!important}
@media(max-width:650px){.atx-community-intro{align-items:flex-start;flex-direction:column;padding:16px 0 26px;gap:18px}.atx-page-trail{font-size:12px;gap:8px}.atx-directory-signin{padding:38px 20px}body.atx-site .um-modal-header{font-size:16px}}