﻿/* ==========================================================================
   VEBKO ONLINE HELP — GLOBAL CONTENT WIDTH

   Final width authority for:
   - Tester
   - Relay
   - Catalog
   - LinkedIn
   ========================================================================== */


/* =========================================================
   TESTER / RELAY
   ========================================================= */

body.help-body.help-ui-2026
.help-standard-topic {
    width: min(var(--vh-content-max), 100%) !important;
    max-width: var(--vh-content-max) !important;
    margin-inline: auto !important;
}


/* =========================================================
   CATALOG
   ========================================================= */

body.help-body.help-ui-2026
.catalog-page {
    width: min(var(--vh-content-max), 100%) !important;
    max-width: var(--vh-content-max) !important;
    margin-inline: auto !important;
}


/* =========================================================
   LINKEDIN — OUTER SURFACE
   ========================================================= */

body.help-body.help-ui-2026.help-is-linkedin
.linkedin-page-surface {
    width: min(var(--vh-content-max), 100%) !important;
    max-width: var(--vh-content-max) !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
}


    /* =========================================================
   LINKEDIN — INNER PAGE
   ========================================================= */

    body.help-body.help-ui-2026.help-is-linkedin
    .linkedin-page-surface
    .linkedin-modern-page {
        width: 100% !important;
        max-width: 100% !important;
        margin-inline: auto !important;
        box-sizing: border-box !important;
    }




/* ==========================================================================
   LINKEDIN CONTENT AREA
   Match the exact horizontal content space of Tester / Relay / Catalog
   ========================================================================== */

body.help-body.help-ui-2026.help-is-linkedin
.panel-right
#content.help-main {
    width: 100% !important;
    min-height: 100% !important;
    padding: 32px clamp(24px, 3.3vw, 56px) 56px !important;
    box-sizing: border-box !important;
}


    /* ==========================================================================
   SHARED LINKEDIN WIDTH
   ========================================================================== */

    body.help-body.help-ui-2026.help-is-linkedin
    .panel-right
    #content.help-main
    .linkedin-page-surface {
        width: min(var(--vh-content-max), 100%) !important;
        max-width: var(--vh-content-max) !important;
        margin-inline: auto !important;
        box-sizing: border-box !important;
    }


        body.help-body.help-ui-2026.help-is-linkedin
        .panel-right
        #content.help-main
        .linkedin-page-surface
        .linkedin-modern-page {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
            box-sizing: border-box !important;
        }


/* ==========================================================================
   MOBILE
   Same content padding as other Help pages
   ========================================================================== */

@media (max-width: 768px) {

    body.help-body.help-ui-2026.help-is-linkedin
    .panel-right
    #content.help-main {
        padding: 18px 12px 36px !important;
    }
}