/* Extracted from module/computer/page/page.phtml during audit Step 6c. */

/*
 * Chrome clearance — institutional pages used to render glued to the
 * sticky header. Removed the `mt-5` BS4 utility from the markup
 * (its `!important` was beating ID-scoped margins) so this rule is
 * now the single source of truth. 60px top matches the breathing
 * room production used to have above the breadcrumb; 40px bottom
 * is the "out-of-content → payment strip" gap that keeps the last
 * paragraph clearly above the footer without floating in space.
 */
#pageContainer{
    max-width: 1320px;
    margin-top: 50px;
    margin-bottom: 30px;
}

#pageContent h1{
    font-size: 24px;
    padding-bottom: 6px;
}

#pageContent *{
    font-size: 17px;
    line-height: 30px;
}

#pageContent b{
    font-size: 22px;
    font-weight: 500;
}

/*
 * Institutional page links — pin to the tenant brand colour instead of
 * BS4's default `a { color: #007bff }` (from _reboot). The token
 * --lb-brand is emitted server-side per tenant via head.tokens.phtml,
 * so this rule reads as LojaBrother blue on lojabrother.com and as
 * the Safeway brand on safeway.pt without per-tenant overrides here.
 */
#pageContent a {
    color: var(--lb-brand);
}
#pageContent a:hover,
#pageContent a:focus {
    color: var(--lb-brand-hover);
}