/* Shared outer geometry and semantic surfaces. Content-specific accents stay in their components. */
body.auction-ui {
 --shell-max:1248px; --shell-gutter:24px; --shell-top:36px; --shell-bottom:72px;
 --surface-canvas:#f7f8fa; --surface-base:#fff; --surface-subtle:#f0f3f6;
 --surface-note:#edf3f8; --surface-success:#edf5eb; --surface-line:#e1e5ea;
 --panel-padding:28px; --panel-radius:16px; --page-title:32px; --page-gap:28px;
 --canvas:var(--surface-canvas); --surface:var(--surface-base); --line:var(--surface-line);
 background:var(--surface-canvas);
}
body.auction-ui .main-shell {width:100%;max-width:var(--shell-max);margin:0 auto;padding:var(--shell-top) var(--shell-gutter) var(--shell-bottom);min-width:0;box-sizing:border-box}
body.auction-ui .header-inner {max-width:var(--shell-max);padding-inline:var(--shell-gutter);box-sizing:border-box}
body.auction-ui .site-header {background:var(--surface-base)}
body.auction-ui .site-header .desktop-nav,body.auction-ui .section-nav-inner {width:calc(100% - 2 * var(--shell-gutter));max-width:calc(var(--shell-max) - 2 * var(--shell-gutter));margin-inline:auto;padding-inline:0}
body.auction-ui .site-footer {width:calc(100% - 2 * var(--shell-gutter));max-width:calc(var(--shell-max) - 2 * var(--shell-gutter));margin-inline:auto;box-sizing:border-box}
body.auction-ui .main-shell>.module-content,body.auction-ui .module-content.account-module,
body.auction-ui .module-content>.welcome-profile-page,body.auction-ui .module-content>.public-profile,
body.auction-ui .module-content>.flow-page,body.auction-ui .module-content .contextual-write {
 width:100%;max-width:none;margin-inline:0;min-width:0;
}
body.auction-ui .module-content :is(.public-profile,.welcome-profile-page),body.auction-ui .main-shell .account-module>:is(.xm,.xc) {background:transparent;border:0;border-radius:0;padding:0}
body.auction-ui :is(.board-heading,.flow-heading,.welcome-profile-heading,.lounge-heading,.public-profile-heading) {margin-top:0;margin-bottom:var(--page-gap)}
body.auction-ui :is(.board-heading,.flow-heading,.welcome-profile-heading,.lounge-heading,.public-profile-heading) h1 {font-size:var(--page-title);line-height:1.4;letter-spacing:-.04em;overflow-wrap:anywhere}
body.auction-ui .section-questions .board-heading {padding:0;border:0;background:transparent;margin-bottom:var(--page-gap)}
body.auction-ui .section-questions .board-heading h1 {font-size:var(--page-title)}
body.auction-ui .main-shell .account-module>:is(.xm,.xc)>h1 {font-size:var(--page-title);margin:0 0 var(--page-gap);padding:0;border:0!important}
body.auction-ui .activity-context {margin:0 0 var(--page-gap)}
body.auction-ui .activity-context-heading>strong {font-size:28px;line-height:1.4}
/* A panel is one independent information or task unit; its rows/field groups do not get another card. */
body.auction-ui .surface-panel,body.auction-ui .public-post-panel,
body.auction-ui .profile-editor-grid .welcome-profile-form,
body.auction-ui .main-shell .account-module .xm>.dl-horizontal,
body.auction-ui .main-shell .account-module :is(.xm,.xc)>form.form-horizontal,
body.auction-ui .main-shell .account-module .xm>form:has(>input[name="act"]:is([value="procMemberModifyInfoBefore"],[value="procMemberModifyPassword"],[value="procMemberModifyEmailAddress"],[value="procMemberLeave"])),
body.auction-ui :is(.flow-main,.flow-panel,.flow-writing-form,.reading-information,.feedback) {
 background:var(--surface-base);border:1px solid var(--surface-line);border-radius:var(--panel-radius);padding:var(--panel-padding);box-shadow:none;min-width:0;
}
body.auction-ui .main-shell .account-module :is(.xm,.xc) .table {
 background:var(--surface-base);border:1px solid var(--surface-line);border-radius:var(--panel-radius);border-collapse:separate;border-spacing:0;overflow:hidden;margin:0 0 24px;
}
body.auction-ui .main-shell .account-module :is(.xm,.xc) .table th {background:var(--surface-subtle)}
body.auction-ui .main-shell .account-module :is(.xm,.xc) .table tr:last-child td {border-bottom:0}
body.auction-ui .main-shell .account-module .xm .dl-horizontal {margin-bottom:24px}
body.auction-ui .main-shell .account-module .xm .dl-horizontal :is(dt,dd):nth-last-child(-n+2) {border-bottom:0}
body.auction-ui .main-shell .account-module :is(.xm,.xc) form.form-horizontal .control-group {background:transparent;border-radius:0}
body.auction-ui .public-profile-heading>div {min-width:0;flex:1 1 260px}
body.auction-ui .public-profile-heading>img {flex:0 0 auto}
body.auction-ui .public-profile-heading .button {margin-left:auto}
body.auction-ui .public-post-list :is(a,strong),body.auction-ui .profile-preview>div {min-width:0;overflow-wrap:anywhere}
body.auction-ui .profile-editor-grid {display:grid;grid-template-columns:minmax(0,800px) minmax(260px,1fr);gap:24px;align-items:start}
body.auction-ui .profile-editor-main,body.auction-ui .profile-editor-aside {min-width:0}
body.auction-ui .profile-preview strong {overflow-wrap:anywhere}
body.auction-ui .profile-editor-aside .profile-participation {margin-top:0}
body.auction-ui .profile-editor-aside .profile-participation>div {display:block}
body.auction-ui .profile-editor-aside .profile-participation h2 {font-size:21px;line-height:1.5}
body.auction-ui .profile-editor-aside .profile-participation a {border-top:1px solid var(--surface-line);padding:19px 0}
body.auction-ui .profile-editor-aside .profile-public-step {margin:0 0 28px;padding:24px;background:var(--surface-note);border-color:var(--surface-line);border-radius:var(--panel-radius)}
body.auction-ui .profile-editor-aside .profile-public-step h2 {font-size:21px;line-height:1.5}
body.auction-ui .profile-upload,body.auction-ui .flow-demo-note {background:var(--surface-subtle)}
body.auction-ui .profile-saved {background:var(--surface-success)}
body.auction-ui .main-shell .account-module .profile-community-entry {margin-bottom:var(--page-gap)}
body.auction-ui .account-photo-bridge>div,body.auction-ui .account-heading strong {min-width:0;overflow-wrap:anywhere}
body.auction-ui .profile-photo-delete {background:transparent;border:0;border-top:1px solid var(--surface-line);border-radius:0;padding:20px 0;margin-bottom:0}
body.auction-ui .welcome-profile-form :is(fieldset,.profile-interest-options) {background:transparent;border-radius:0}
body.auction-ui .public-profile .breadcrumb {margin:0 0 18px}
@media(max-width:1024px) {
 body.auction-ui {--shell-top:28px;--panel-padding:24px;--page-title:28px}
 body.auction-ui .profile-editor-grid {grid-template-columns:minmax(0,1fr)}
 body.auction-ui .profile-editor-aside {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 body.auction-ui .profile-editor-aside>.profile-participation:only-child {grid-column:1/-1}
 body.auction-ui .profile-editor-aside .profile-participation>div {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
}
@media(max-width:720px) {
 body.auction-ui {--shell-gutter:20px;--shell-top:26px;--shell-bottom:46px;--panel-padding:20px;--panel-radius:14px;--page-title:26px;--page-gap:24px}
 body.auction-ui .activity-context-heading>strong {font-size:26px}
 body.auction-ui .profile-editor-aside {display:block}
 body.auction-ui .profile-editor-aside .profile-participation>div {display:block}
 body.auction-ui .public-profile-heading>div {flex:1 1 200px}
 body.auction-ui .public-profile-heading .button {margin-left:0}
  body.auction-ui .main-shell .account-module .xm .dl-horizontal {grid-template-columns:100px minmax(0,1fr)}
 body.auction-ui .account-photo-bridge {gap:12px;flex-wrap:wrap}
}

/* Native table roles keep title columns readable without introducing a nested outer card. */
body.auction-ui .main-shell .account-module :is(.xm,.xc) .table th.title {width:46%}
body.auction-account-popup:not(:has(.main-shell)) {background:var(--surface-base);padding:var(--panel-padding)}
@media(max-width:720px){body.auction-ui .main-shell .account-module :is(.xm,.xc) .table th.title {width:42%}}

body.auction-ui .account-page-heading,body.auction-ui .notification-page-heading {font-size:var(--page-title);line-height:1.4;letter-spacing:-.04em;margin:0 0 var(--page-gap)}
body.auction-ui .main-shell .account-module .xm>form:not(.form-horizontal):has(>input[name="act"]:is([value="procMemberModifyInfoBefore"],[value="procMemberModifyPassword"],[value="procMemberModifyEmailAddress"],[value="procMemberLeave"]))>div {margin-bottom:18px}
body.auction-ui .main-shell .account-module .xm>form .input-append {display:flex;gap:10px;flex-wrap:wrap;max-width:100%}
body.auction-ui .main-shell .account-module .xm>form .input-append>input[type=password] {min-width:0}