.kenz-browser-hint {
    box-sizing: border-box;
    position: fixed;
    inset-inline: var(--kenz-space-2);
    inset-block-end: calc(var(--kenz-space-2) + env(safe-area-inset-bottom));
    z-index: 100;
    width: min(calc(100% - 2 * var(--kenz-space-2)), var(--kenz-reading-width));
    max-height: 45dvh;
    overflow: auto;
    overscroll-behavior: contain;
    margin-inline: auto;
    padding: var(--kenz-space-4);
    background: var(--kenz-color-primary-soft);
    border: var(--kenz-card-border);
    border-radius: var(--kenz-card-radius);
    color: var(--kenz-color-text);
    font-family: var(--kenz-font-body);
    font-size: var(--kenz-text-sm);
    line-height: 1.45;
    text-align: start;
}
@media (max-width: 47.99rem) {
    body:has(.kenz-bottom-nav) .kenz-browser-hint {
        inset-block-end: var(--kenz-bottom-nav-clearance);
    }
    body:has(.kenz-course-sales .kenz-course-action-band.is-sticky) .kenz-browser-hint {
        inset-block-end: calc(var(--kenz-browser-purchase-height, var(--kenz-bottom-nav-clearance)) + var(--kenz-space-2));
    }
}
body:has(.kenz-browser-hint:not([hidden]))::after {
    content: "";
    display: block;
    height: var(--kenz-browser-hint-height, 0px);
}
html:has(.kenz-browser-hint:not([hidden])) {
    scroll-padding-block-end: calc(var(--kenz-browser-hint-height, 0px) + var(--kenz-bottom-nav-clearance));
}
.kenz-browser-hint [hidden],
.kenz-browser-hint[hidden] { display: none !important; }
.kenz-browser-hint p { margin: 0; }
.kenz-browser-hint__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--kenz-space-2);
    margin-block-start: var(--kenz-space-3);
}
.kenz-browser-hint__actions :is(button, a) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--kenz-control-height);
    padding: var(--kenz-space-2) var(--kenz-space-3);
    border: var(--kenz-card-border);
    border-radius: var(--kenz-radius-sm);
    background: var(--kenz-color-surface);
    color: var(--kenz-color-primary);
    font: inherit;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}
.kenz-browser-hint__actions .kenz-browser-hint__primary {
    background: var(--kenz-color-primary);
    color: var(--kenz-white);
}
.kenz-browser-hint :focus-visible {
    outline: var(--kenz-focus-width) solid var(--kenz-color-focus);
    outline-offset: var(--kenz-space-1);
}
.kenz-browser-hint__guide {
    margin-block-start: var(--kenz-space-3);
    padding-block-start: var(--kenz-space-3);
    border-block-start: var(--kenz-card-border);
}
.kenz-browser-hint__guide input {
    box-sizing: border-box;
    width: 100%;
    margin-block-start: var(--kenz-space-3);
}
.kenz-browser-hint [role="status"]:not(:empty) { margin-block-start: var(--kenz-space-2); }

.kenz-browser-hint__actions .kenz-browser-hint__dismiss {
    margin-inline-start: auto;
    min-width: var(--kenz-control-height);
    background: transparent;
}
.kenz-browser-hint__dismiss svg { width: var(--kenz-space-5); height: var(--kenz-space-5); }
.kenz-browser-hint__guide p + p { margin-block-start: var(--kenz-space-2); }