/* Layout refinements stay scoped to the existing purple/orange interface. */
html{scroll-padding-top:96px}
@media(min-width:801px){html{scrollbar-gutter:stable}}
html:has(dialog[open]){overflow:hidden}
body dialog{overscroll-behavior:contain}
body .modal-head h2:focus{outline:none}
body #main .text-button,body .footer .text-button{min-height:44px;font-size:13px}
body #main .pagination .button,body #main .page-heading .button{font-size:13px}
body #account-button{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .page-recovery .button{margin:12px 8px 0 0}
body .custom-availability{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px;margin:0 0 18px;font-size:13px;color:#c7b4da}
body .custom-request-rules{margin:0 0 18px;border-bottom:1px solid var(--line)}
body .custom-request-rules summary{min-height:44px;cursor:pointer;font-size:13px;color:#d3b9ec;display:flex;align-items:center;gap:10px}
body .custom-request-rules summary::after{content:'+';margin-left:auto}body .custom-request-rules[open] summary::after{content:'−'}
body .custom-request-rules p{font-size:13px}
body #custom-form small{font-size:12px;color:#bba8cf;line-height:1.6}
body .demo-balance h2 small{display:block;margin:6px 0 0;font:500 14px/1.6 var(--font-body);letter-spacing:0}

body .auction-browser-compact .auction-search{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.3fr) auto;align-items:start;gap:14px}
body .auction-browser-compact .auction-search>.button{margin-top:29px}
body .auction-options{min-width:0;padding-top:29px}
body .auction-options>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:11px 14px;border:1px solid #664878;border-radius:11px;cursor:pointer;font-size:13px;color:#eadcf5;background:#1b1326;list-style:none}
body .auction-options>summary::-webkit-details-marker{display:none}
body .auction-options>summary::after{content:'+';font-size:18px}body .auction-options[open]>summary::after{content:'−'}
body .auction-options>summary span{font-size:12px;color:#bda8d0;margin-left:auto}
body .auction-option-fields{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}
body .auction-options>summary:focus-visible,body .custom-request-rules summary:focus-visible{outline:2px solid #d8b4ff;outline-offset:3px}
body .context-help-symbol{display:none}
body:has(#compare-dock:not([hidden])) #action-notices{bottom:calc(36px + var(--compare-height,80px))}
@media(max-width:800px){
 html{scroll-padding-top:84px}
 body .context-shell{flex-wrap:nowrap;gap:8px;align-items:center;padding-block:8px}
 body .context-scroll-wrap{order:0;flex:1 1 0;flex-basis:0;width:0;max-width:100%}
 body .context-shell>.context-help{order:1;flex:0 0 44px;margin-left:0}
 body .context-help summary{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #65437c;border-radius:11px}
 body .context-help-label,body .context-help summary::after{display:none}
 body .context-help-symbol{display:block;font-size:18px;color:#e0c9f4}
 body .auction-browser-compact .auction-search{grid-template-columns:minmax(0,1fr) auto}
 body .auction-browser-compact .auction-search>.field{grid-column:1/-1}
 body .auction-options{padding:0;grid-column:1/-1}
 body .auction-browser-compact .auction-search>.button{margin:0;grid-column:1/-1}
 body .auction-options>summary{min-height:44px}
 body .page-heading{margin-top:4px;padding-bottom:20px;margin-bottom:22px}
 body .page-heading h1{font-size:30px;line-height:1.2}
 body #account-button{max-width:150px}
 body .field input:not([type=checkbox]):not([type=radio]),body .field select,body .field textarea{font-size:16px}
 body #compare-dock{bottom:calc(88px + env(safe-area-inset-bottom))}
 body:has(#compare-dock:not([hidden])) #action-notices{bottom:calc(100px + var(--compare-height,100px) + env(safe-area-inset-bottom))}
}
@media(max-width:360px){body #account-button{max-width:120px}body .auction-options>summary span{max-width:140px;text-align:right}}
