:root {
    --portal-width: min(1200px, calc(100% - 32px));
    --portal-inset: 12px;
    --portal-background: #353b40;
    --portal-header-background: linear-gradient(110deg, #35414b, #536574);
}

body.account-portal, body.compact-editor, body.wizard-body, body.prices-body, body.document-body {
    display: flow-root;
    min-height: 100vh;
    background-color: var(--portal-background);
    background-image: url('/images/site-background.png');
    background-position: left top;
    background-size: 200px 200px;
    background-repeat: repeat;
}

@media (max-width: 480px) {
    :root { --portal-width: calc(100% - 16px); --portal-inset: 8px; }
}

@media print {
    body.account-portal, body.compact-editor, body.wizard-body, body.prices-body, body.document-body {
        min-height: auto;
        background: #fff;
    }
}
.lite-wordmark { display:flex; flex-direction:column; gap:8px; }
.lite-wordmark img { width:328px; max-width:100%; height:auto; background:white; padding:4px; box-sizing:border-box; }