/* OMEDEL: shared compact spacing. Load after page styles. */
:root{--space-xs:4px;--space-sm:8px;--space-field:12px;--space-group:16px;--space-card:24px;--space-section:48px;--control-height:44px}
body[data-page] .account-layout{margin:24px auto;padding:0 24px}
body[data-page] .account-heading{gap:16px;margin-bottom:16px}
body[data-page] .account-heading h1{margin:4px 0 8px}
body[data-page] .account-nav{gap:16px}
body[data-page] .account-columns{gap:20px;align-items:start}
body[data-page] .panel{padding:24px;margin-top:16px;min-width:0}
body[data-page] .panel h2,body[data-page] .auth-card h2{margin:0 0 8px}
body[data-page] .panel>p{margin:8px 0;line-height:1.5}
body[data-page] form{gap:12px;margin-top:16px}
body[data-page] .panel form{margin-bottom:12px}
body[data-page] input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body[data-page] select{min-height:44px;margin-top:4px;padding:8px 12px}
body[data-page] .primary,body[data-page] .secondary{min-height:44px;padding:9px 16px}
body[data-page] .password button{top:8px}
body[data-page] .hint{margin:8px 0;font-size:13px;line-height:1.5}
body[data-page] .callout{padding:18px 24px;gap:16px}
body[data-page] .callout h2{margin:0 0 6px}
body[data-page] .callout p{margin:0;line-height:1.5}
body[data-page] .feedback:not(:empty){margin:12px 0}
body[data-page] .auth-layout{margin:28px auto 32px;gap:48px}
body[data-page] .auth-card{padding:24px}
body[data-page] .auth-card>p{margin:8px 0}
body[data-page] .switch{padding-top:12px}
body[data-page] .customer{padding:16px;margin-bottom:12px;gap:16px}
body[data-page] .search-form{margin-bottom:16px}
body[data-page] dialog{padding:24px}
body[data-page] dl>div,body[data-page] .audit-entry{padding:12px 0}
body[data-page] .confirmation-layout{padding:24px 20px}
body[data-page] .confirmation-card{padding:28px 24px}
body[data-page] .confirmation-icon{margin-bottom:16px}
body[data-page] .confirmation-card .confirmation-help{margin:16px 0}
body[data-page] footer{padding:16px 20px}
/* Informational sections and contact use the same rhythm, without resizing artwork. */
body:not([data-page]) .section{padding-top:48px;padding-bottom:48px}
body:not([data-page]) .section-heading{gap:24px;margin-bottom:24px}
body:not([data-page]) .section-heading .eyebrow{margin-bottom:8px}
body:not([data-page]) .feature-grid,body:not([data-page]) .outcome-grid,body:not([data-page]) .pillar-grid,body:not([data-page]) .founder-grid{gap:16px;align-items:start}
body:not([data-page]) .feature,body:not([data-page]) .outcome,body:not([data-page]) .module-panel{padding:24px}
body:not([data-page]) .feature h3,body:not([data-page]) .outcome h3{margin:12px 0 8px}
body:not([data-page]) .feature p,body:not([data-page]) .outcome p{margin:8px 0;line-height:1.5}
body:not([data-page]) .contact-form-section{padding:28px;gap:24px}
body:not([data-page]) .contact-form-section form{gap:12px}
body:not([data-page]) .contact-form-section input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),body:not([data-page]) .contact-form-section select{min-height:44px;padding:8px 12px}
@media(max-width:700px){
 :root{--space-card:20px;--space-section:32px}
 body[data-page] .account-layout{margin:18px auto;padding:0 20px}
 body[data-page] .panel,body[data-page] .auth-card{padding:20px}
 body[data-page] .account-columns{gap:0}
 body[data-page] .callout{padding:16px 20px}
 body[data-page] .auth-layout{margin:18px auto 24px}
 body[data-page] input,body[data-page] select{font-size:16px}
 body:not([data-page]) .section{padding-top:32px;padding-bottom:32px}
 body:not([data-page]) .contact-form-section{padding:20px}
 body:not([data-page]) .contact-form-section input,body:not([data-page]) .contact-form-section select,body:not([data-page]) .contact-form-section textarea{font-size:16px}
}

/* Access screens: one compact card, no promotional column. */
body.auth-simple{min-height:100vh;display:flex;flex-direction:column}body.auth-simple header{width:100%}body.auth-simple[data-page] .auth-layout{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:none;gap:0;margin:0;padding:24px 20px}body.auth-simple[data-page] .auth-card{width:100%;max-width:440px;padding:24px;border-radius:16px}body.auth-simple[data-page] .auth-card h2{font-size:26px;margin:0 0 12px}body.auth-simple[data-page] .auth-card form{margin-top:16px;gap:12px}body.auth-simple[data-page] .switch{margin-top:12px;padding-top:12px}body.auth-simple footer{font-size:12px;padding:14px 20px}body.auth-simple #mfa-qr{max-width:220px;display:block;margin:16px auto}@media(max-width:600px){body.auth-simple[data-page] .auth-layout{align-items:flex-start;padding:20px 16px}body.auth-simple[data-page] .auth-card{padding:20px}}