.grammar-page--v2 {
    --grammar-search-dropdown-bottom-clearance: calc(92px + env(safe-area-inset-bottom));
    --search-sticky-top: 82px;
    --search-sticky-top-collapsed: 12px;
    --search-action-size: 34px;
    --search-input-font-size: 17px;
    --search-action-icon-size: 18px;
    --search-symbol-font-size: 16px;
    --page-dock-gap: var(--section-gap);
    --sidebar-sticky-top: var(--search-sticky-top-current);
}

.grammar-page--v2 form[data-search-scope="grammar"] {
    width: 100%;
}

.grammar-page--v2 [data-search-clear] {
    margin: 0 2px;
    font-size: 18px;
    line-height: 1;
    font-weight: 400;
}

.grammar-page--v2 [data-search-clear][hidden] {
    display: none !important;
}

.grammar-page--v2 [data-search-dropdown="grammar"] {
    --search-dropdown-bottom-clearance: var(--grammar-search-dropdown-bottom-clearance);
    --search-dropdown-list-max-height: max(160px, calc(100dvh - var(--search-sticky-top-current, var(--search-sticky-top, 82px)) - var(--search-bar-height) - var(--search-dropdown-bottom-clearance) - 4px));
}

.grammar-page--v2 .grammar-materials-count {
    margin: 0 0 10px;
}

.grammar-page--v2 .grammar-materials-empty {
    margin: 0;
}

@media (max-width: 640px) {
    .grammar-page--v2 {
        --search-sticky-top: 62px;
        --search-sticky-top-collapsed: 8px;
        --search-action-size: 30px;
        --search-input-font-size: 16px;
        --search-action-icon-size: 16px;
    }
}

.grammar-page--v2 .grammar-search-hit {
    outline: 2px solid var(--brand-color);
    outline-offset: 2px;
}