/* A shared reading surface for the client and salon module explainers. */
body :is(.client-guide-panel, .brand-module-guide-card, .client-module-guide-card) {
    background: #fffdf9;
    border-color: #e4d8cc;
    box-shadow: 0 18px 48px rgba(77,57,40,.14);
}
body :is(.client-guide-page-card, .client-guide-answer, .brand-helper-answer) {
    background: #f8f2eb;
    border: 1px solid #e4d8cc;
    border-radius: 18px;
    line-height: 1.65;
}
body :is(.client-module-guide-tip, .brand-module-guide-tip) {
    background: #f2e9df;
    border-radius: 16px;
    padding: 16px;
}
body :is(.client-guide-panel, .brand-module-guide-card, .client-module-guide-card) :is(button, a):focus-visible {
    outline: 3px solid #936b4b;
    outline-offset: 3px;
}
@media (max-width: 767.98px) {
    body :is(.client-guide-panel, .brand-module-guide-card, .client-module-guide-card) {
        max-width: 100%;
        max-height: 90dvh;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    body :is(.client-guide-panel, .brand-module-guide-card, .client-module-guide-card) button { min-height: 44px; }
}