/* ==========================================================================
   /busca — o Google das empresas brasileiras (page-specific styles, prefix ce-)
   Razor: Eesier.Web.Site.Portuguese/Views/Busca/*.cshtml

   Structure mirrors Google (centered logo + pill box on the home; small logo +
   box + result list on the results page). Metrics obey the eesier design
   system: spacing 6/12/24/48, radius 12 (the search pill is the same 48px
   pill exception as .eesier-chip), controls 48px, icons 16px, Quicksand.
   The site does not load Eesier.Web.Shared/site.css, so this file carries the
   lowercase rule, the .text-proper-name exception and the .eicon box itself.
   Colors come from the site's legacy tokens (design-system.css) with the
   system's literal fallbacks — never a new shade.
   ========================================================================== */

.ce-page {
    --ce-text: var(--color-ink, #0f172a);
    --ce-muted: var(--color-muted, #475569);
    --ce-border: var(--color-border, #e2e8f0);
    --ce-surface: var(--color-surface, #ffffff);
    --ce-background: var(--color-background, #f6f7fc);
    --ce-primary: var(--color-primary, #1c91e4);
    --ce-primary-deep: var(--color-primary-700, #11639f);
    --ce-primary-soft: var(--color-primary-50, #eef7ff);
    --ce-veil: color-mix(in srgb, var(--color-ink, #0f172a) 6%, transparent);
    --ce-shadow: 0 12px 24px color-mix(in srgb, var(--color-ink, #0f172a) 8%, transparent);
    --ce-motion-quick: 0.18s;
    --ce-motion-standard: 0.36s;
    --ce-ease-travel: cubic-bezier(0.22, 1, 0.36, 1);

    display: flex;
    flex-direction: column;
    min-height: 100vh;
    color: var(--ce-text);
    font-family: var(--font-family, 'Quicksand', sans-serif);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 24px;
    text-transform: lowercase;
}


/* THE HOME SITS ON THE SITE'S BRAND MESH (body); RESULTS SIT ON A WHITE SHEET FOR READING */

.ce-page.ce-results {
    background: var(--ce-surface);
}

.ce-page .text-proper-name,
.ce-page code,
.ce-page pre,
.ce-page input,
.ce-page textarea,
.ce-page mark {
    text-transform: none;
}

.ce-page .eicon {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    vertical-align: -3px;
}

.ce-page a:not(.btn):not(.eesier-chip) {
    color: var(--ce-primary-deep);
    text-decoration: none;
}

.ce-page a:not(.btn):not(.eesier-chip):hover {
    text-decoration: underline;
}

.ce-page p {
    margin: 0;
    text-align: left;
}

.ce-page code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8125rem;
}

.ce-page .ce-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.ce-page .ce-null,
.ce-page .ce-none {
    color: var(--ce-muted);
}


/* A LOGO THAT FAILS TO LOAD REMOVES ITSELF AND THE INITIAL TAKES ITS PLACE */

.ce-page .eesier-avatar img + .ce-avatar__fallback {
    display: none;
}

.ce-page .ce-mark {
    padding: 0 6px;
    border-radius: 999px;
    background: var(--ce-primary-soft);
    color: var(--ce-text);
}

.ce-page .ce-json {
    max-height: 288px;
    margin: 0;
    padding: 12px 24px;
    overflow: auto;
    border: 1px solid var(--ce-border);
    border-radius: 12px;
    background: var(--ce-background);
    font-size: 0.75rem;
    line-height: 18px;
    white-space: pre;
}

.ce-page .ce-json__label {
    color: var(--ce-muted);
    font-weight: 700;
}


/* ------------------------------------------------------------------------
   BRAND — LOGO + THE PRODUCT WORD ("eesier busca"), LIKE "google imagens"
   ------------------------------------------------------------------------ */

.ce-page .ce-brand {
    display: inline-flex;
    align-items: baseline;
    gap: 12px;
    text-decoration: none;
}

.ce-page .ce-brand:hover {
    text-decoration: none;
}

.ce-page .ce-brand img {
    display: block;
    height: 24px;
    width: auto;
    align-self: center;
}

.ce-page .ce-brand .ce-brand__product {
    color: var(--ce-muted);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.02em;
}

.ce-page .ce-brand.ce-brand--home img {
    height: 48px;
}

.ce-page .ce-brand.ce-brand--home .ce-brand__product {
    color: var(--ce-primary);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 48px;
}


/* ------------------------------------------------------------------------
   SEARCH PILL — the Google box: 48px, full pill, hairline border, soft
   shadow on hover, focus ring on focus
   ------------------------------------------------------------------------ */

.ce-page .ce-search {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.ce-page .ce-searchbox {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 576px;
    height: 48px;
    padding: 0 24px;
    border: 1px solid var(--ce-border);
    border-radius: 999px;
    background: var(--ce-surface);
    transition: border-color var(--ce-motion-quick) ease-in-out, box-shadow var(--ce-motion-quick) ease-in-out;
}

.ce-page .ce-searchbox:hover {
    box-shadow: var(--ce-shadow);
}

.ce-page .ce-searchbox:focus-within {
    border-color: var(--ce-primary);
    box-shadow: var(--ce-shadow), 0 0 0 4px color-mix(in srgb, var(--ce-primary) 25%, transparent);
}

.ce-page .ce-searchbox .eesier-search {
    flex: 1 1 auto;
    min-width: 0;
}

.ce-page .ce-searchbox .search-input {
    font-size: 1rem;
}

.ce-page .ce-searchbox.ce-searchbox--results {
    max-width: 648px;
}


/* THE BLUE SUBMIT MAGNIFIER HANGS ON THE PILL'S RIGHT EDGE — margin-right
   PULLS ITS 48px TARGET INTO THE PILL'S 24px PADDING (A BLEED gap CANNOT EXPRESS) */

.ce-page .ce-searchbox .ce-searchbox__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-right: -24px;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--ce-primary);
    cursor: pointer;
}

.ce-page .ce-searchbox .ce-searchbox__submit:focus-visible {
    outline: 2px solid var(--ce-primary);
    outline-offset: 2px;
}

.ce-page .ce-search .ce-search__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}


/* ------------------------------------------------------------------------
   HOME
   ------------------------------------------------------------------------ */

.ce-page.ce-home .ce-home__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px;
}

.ce-page.ce-home .ce-home__top .ce-home__links {
    display: flex;
    gap: 24px;
}

.ce-page.ce-home .ce-home__top .ce-home__links a {
    color: var(--ce-muted);
    line-height: 48px;
}

.ce-page.ce-home .ce-home__top .ce-home__links a:hover {
    color: var(--ce-primary);
    text-decoration: none;
}

.ce-page.ce-home .ce-home__main {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 0 24px 96px;
}


/* EXAMPLES — ONE CHIP PER KIND OF THING THE BOX ACCEPTS */

.ce-page .ce-examples {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 648px;
}

.ce-page .ce-examples .ce-examples__label {
    color: var(--ce-muted);
    font-weight: 700;
}

.ce-page .ce-examples .eesier-chips {
    justify-content: center;
    width: 100%;
}

.ce-page .ce-examples .eesier-chip {
    max-width: 100%;
    text-decoration: none;
}

.ce-page .ce-examples .eesier-chip .text-proper-name {
    min-width: 0;
}

.ce-page .ce-examples .eesier-chip .ce-examples__kind {
    color: var(--ce-primary);
    font-size: 0.75rem;
    font-weight: 700;
}

.ce-page .ce-examples .eesier-chip .text-proper-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ce-page.ce-home .ce-home__provenance {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 24px;
    color: var(--ce-muted);
    text-align: center;
    text-wrap: balance;
}


/* ------------------------------------------------------------------------
   RESULTS — top bar + two-column grid (logo cell / content column)
   ------------------------------------------------------------------------ */

.ce-page.ce-results .ce-results__grid {
    display: grid;
    grid-template-columns: 168px minmax(0, 648px);
    column-gap: 24px;
    padding: 0 24px;
}

.ce-page.ce-results .ce-topbar {
    padding: 24px 0;
    border-bottom: 1px solid var(--ce-border);
}

.ce-page.ce-results .ce-topbar .ce-results__grid {
    align-items: center;
}

.ce-page.ce-results .ce-topbar .ce-search {
    align-items: flex-start;
}

.ce-page.ce-results main {
    flex: 1 1 auto;
    padding: 24px 0 48px;
    overflow: visible;
}

.ce-page.ce-results main .ce-results__grid > .ce-results__col {
    grid-column: 2;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ce-page.ce-results #ce-results {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


/* LOADING */

.ce-page .ce-status {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--ce-muted);
}

.ce-page .ce-skeleton-interp {
    display: flex;
    gap: 12px;
}

.ce-page .ce-skeleton-entry {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ce-page .ce-skeleton-entry .ce-skeleton-entry__badges {
    display: flex;
    gap: 12px;
}

.ce-page .ce-noscript {
    color: var(--ce-muted);
}


/* INTERPRETATION — HOW THE QUERY WAS UNDERSTOOD */

.ce-page .ce-interp {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    border-radius: 12px;
    background: var(--ce-primary-soft);
}

.ce-page .ce-interp .ce-interp__lead {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 6px;
}

.ce-page .ce-interp .ce-interp__lead .ce-interp__icon {
    color: var(--ce-primary);
    align-self: center;
    padding-right: 6px;
}

.ce-page .ce-interp .ce-interp__lead .ce-interp__prefix {
    color: var(--ce-muted);
    font-weight: 700;
}

.ce-page .ce-interp .ce-interp__lead .ce-interp__text {
    color: var(--ce-text);
    font-weight: 700;
}

.ce-page .ce-interp .ce-interp__groups {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
}

.ce-page .ce-interp .ce-interp__groups .ce-interp__group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.ce-page .ce-interp .ce-interp__groups .ce-interp__label,
.ce-page .ce-interp .ce-interp__groups .ce-interp__note {
    color: var(--ce-muted);
}

.ce-page .ce-interp .ce-interp__groups .eesier-badge {
    white-space: normal;
    line-height: 12px;
}

.ce-page .ce-count {
    color: var(--ce-muted);
}


/* SUBSECTIONS — THE PAGE'S LIGHT DISCLOSURE: A LINK-STYLED SUMMARY WHOSE
   CHEVRON TURNS 180° WHEN OPEN (THE SYSTEM'S REVEAL GESTURE), NO SHEET */

.ce-page .ce-subsection {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ce-page .ce-subsection > summary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    color: var(--ce-primary-deep);
    font-weight: 700;
    line-height: 24px;
    cursor: pointer;
    list-style: none;
}

.ce-page .ce-subsection > summary::-webkit-details-marker {
    display: none;
}

.ce-page .ce-subsection > summary:hover {
    text-decoration: underline;
}

.ce-page .ce-subsection > summary:focus-visible {
    outline: 2px solid var(--ce-primary);
    outline-offset: 2px;
    border-radius: 12px;
}

.ce-page .ce-subsection > summary .eicon {
    width: 12px;
    height: 12px;
    transition: transform var(--ce-motion-standard) var(--ce-ease-travel);
}

.ce-page .ce-subsection[open] > summary .eicon {
    transform: rotate(180deg);
}

.ce-page .ce-subsection > .ce-subsection__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ce-page .ce-subsection.ce-subsection--compact > summary {
    font-size: 0.75rem;
}


/* RESULT LIST */

.ce-page .ce-list {
    display: flex;
    flex-direction: column;
    gap: 48px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ce-page .ce-result > .ce-result__summary {
    display: flex;
    flex-direction: column;
    gap: 12px;
    list-style: none;
    cursor: pointer;
}

.ce-page .ce-result > .ce-result__summary::-webkit-details-marker {
    display: none;
}

.ce-page .ce-result > .ce-result__summary:focus-visible {
    outline: 2px solid var(--ce-primary);
    outline-offset: 12px;
    border-radius: 12px;
}

.ce-page .ce-result .ce-result__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    color: var(--ce-muted);
}

.ce-page .ce-result .ce-result__meta .ce-result__position {
    font-weight: 700;
}


/* THE META SEPARATOR RIDES WITH THE ITEM IT PRECEDES SO A WRAPPED LINE NEVER STARTS WITH A DOT */

.ce-page .ce-result .ce-result__meta .ce-result__meta-item:not(:last-child)::after {
    content: '·';
    padding-left: 12px;
}

.ce-page .ce-result .ce-result__title {
    margin: 0;
    color: var(--ce-primary-deep);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 24px;
}

.ce-page .ce-result > .ce-result__summary:hover .ce-result__title {
    text-decoration: underline;
}

.ce-page .ce-result .ce-result__snippet {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--ce-muted);
}

.ce-page .ce-result .ce-result__facts,
.ce-page .ce-result .ce-result__status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    color: var(--ce-muted);
}

.ce-page .ce-result .ce-result__facts .ce-fact {
    display: inline;
}

.ce-page .ce-result .ce-result__facts .ce-fact .eicon {
    margin-right: 6px; /* ICON-TO-LABEL GAP INSIDE INLINE TEXT (NO FLEX CONTAINER TO CARRY IT) */
}

.ce-page .ce-result .ce-result__status .ce-result__toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto; /* THE TOGGLE HUGS THE RIGHT EDGE — A COMPOSITION gap CANNOT EXPRESS */
    color: var(--ce-primary-deep);
    font-weight: 700;
}

.ce-page .ce-result .ce-result__toggle .eicon {
    width: 12px;
    height: 12px;
    transition: transform var(--ce-motion-standard) var(--ce-ease-travel);
}

.ce-page .ce-result .ce-result__toggle .ce-result__toggle-close {
    display: none;
}

.ce-page .ce-result[open] .ce-result__toggle .ce-result__toggle-open {
    display: none;
}

.ce-page .ce-result[open] .ce-result__toggle .ce-result__toggle-close {
    display: inline;
}

.ce-page .ce-result[open] .ce-result__toggle .eicon {
    transform: rotate(180deg);
}


/* DOSSIER */

.ce-page .ce-dossier {
    display: flex;
    flex-direction: column;
    gap: 48px;
    margin-top: 24px; /* THE DOSSIER OPENS BELOW THE SUMMARY OUTSIDE THE SUMMARY'S FLEX — gap CANNOT REACH IT */
    padding-top: 24px;
    border-top: 1px solid var(--ce-border);
}

.ce-page .ce-dossier .ce-dossier__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
    color: var(--ce-muted);
}

.ce-page .ce-dossier .ce-dossier__nav a:not(:last-child)::after {
    content: '·';
    padding-left: 12px;
    color: var(--ce-muted);
}

.ce-page .ce-dossier .ce-dossier__section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.ce-page .ce-dossier .ce-dossier__section .ce-dossier__title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0;
    color: var(--ce-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px;
}

.ce-page .ce-dossier .ce-dossier__section .ce-dossier__title .ce-dossier__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background: var(--ce-primary-soft);
    color: var(--ce-primary);
}

.ce-page .ce-dossier .ce-dossier__count {
    color: var(--ce-muted);
    font-weight: 500;
}

.ce-page .ce-dossier .ce-dossier__section .ce-dossier__subtitle {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 12px 0 0; /* A SUBTITLE OPENS A NEW GROUP INSIDE THE SECTION — 24px FROM THE PREVIOUS BLOCK (12 gap + 12) */
    color: var(--ce-text);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 24px;
}

.ce-page .ce-dossier .ce-dossier__section--internal {
    font-size: 0.75rem;
    line-height: 18px;
}

.ce-page .ce-dossier .ce-dossier__close {
    align-self: flex-start;
}

.ce-page .ce-dossier .ce-snippet-full {
    white-space: pre-wrap;
}


/* DEFINITION LISTS — FILLED PAIRS IN A GRID, EMPTY LABELS IN ONE MUTED LINE */

.ce-page .ce-dl {
    display: grid;
    grid-template-columns: minmax(144px, 1fr) minmax(0, 2fr);
    gap: 12px 24px;
    margin: 0;
}

.ce-page .ce-dl > .ce-dl__pair {
    display: contents;
}

.ce-page .ce-dl.ce-dl--2col {
    grid-template-columns: repeat(2, minmax(120px, 1fr) minmax(0, 2fr));
}

.ce-page .ce-dl dt {
    color: var(--ce-muted);
    font-weight: 700;
}

.ce-page .ce-dl dd {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.ce-page .ce-missing {
    color: var(--ce-muted);
    font-size: 0.75rem;
    line-height: 18px;
}

.ce-page .ce-missing .ce-missing__label {
    font-weight: 700;
}

.ce-page .ce-missing .ce-missing__sep {
    padding: 0 3px;
}


/* FACTS — "rótulo valor · rótulo valor" IN ONE FLOWING LINE */

.ce-page .ce-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--ce-text);
}

.ce-page .ce-facts .ce-facts__label {
    color: var(--ce-muted);
    font-weight: 700;
}


/* BADGE ROWS */

.ce-page .ce-badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}


/* ROWS — A LIST OF RECORDS SEPARATED BY THE VEIL (SITES, PAGES, SOURCES) */

.ce-page .ce-rows {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ce-page .ce-rows .ce-row {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 0;
    border-top: 1px solid var(--ce-veil);
}

.ce-page .ce-rows .ce-row:last-child {
    border-bottom: 1px solid var(--ce-veil);
}

.ce-page .ce-rows .ce-row .ce-row__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 12px;
    min-width: 0;
}

.ce-page .ce-rows .ce-row .ce-row__title {
    font-weight: 700;
}

.ce-page .ce-rows .ce-row .ce-row__link {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ce-page .ce-rows .ce-row .ce-row__error {
    color: var(--ce-muted);
}

.ce-page .ce-rows.ce-rows--tight .ce-row.ce-row--inline {
    flex-direction: row;
    align-items: baseline;
    gap: 12px;
    padding: 0;
    min-height: 24px;
}

.ce-page .ce-rows.ce-rows--tight .ce-row.ce-row--inline code {
    flex-shrink: 0;
}

.ce-page .ce-rows.ce-rows--tight .ce-row.ce-row--inline span {
    flex: 1 1 0;
    min-width: 0;
}


/* ENDPOINTS (E-MAILS / PHONES) */

.ce-page .ce-endpoints {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ce-page .ce-endpoints .ce-endpoint {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 0;
    border-top: 1px solid var(--ce-veil);
}

.ce-page .ce-endpoints .ce-endpoint:last-child {
    border-bottom: 1px solid var(--ce-veil);
}

.ce-page .ce-endpoints .ce-endpoint .ce-endpoint__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.ce-page .ce-endpoints .ce-endpoint .ce-endpoint__head .ce-endpoint__value {
    font-size: 1rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.ce-page .ce-endpoints .ce-endpoint .ce-endpoint__head .ce-endpoint__types {
    color: var(--ce-muted);
}

.ce-page .ce-endpoints .ce-endpoint .ce-endpoint__head .ce-endpoint__whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}


/* PEOPLE */

.ce-page .ce-people {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ce-page .ce-people .ce-person {
    display: flex;
    gap: 12px;
    padding-top: 24px;
    border-top: 1px solid var(--ce-veil);
}

.ce-page .ce-people .ce-person.ce-person--matched {
    padding: 24px;
    border-top: none;
    border-radius: 12px;
    background: var(--ce-primary-soft);
}

.ce-page .ce-people .ce-person .ce-person__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.ce-page .ce-people .ce-person .ce-person__body .ce-person__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0 12px;
}

.ce-page .ce-people .ce-person .ce-person__body .ce-person__name {
    font-size: 1rem;
    font-weight: 700;
}

.ce-page .ce-people .ce-person .ce-person__body .ce-person__role {
    color: var(--ce-muted);
}


/* PAGINATION */

.ce-page .ce-pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding-top: 24px;
}

.ce-page .ce-pagination .ce-pagination__range {
    color: var(--ce-muted);
}

.ce-page .ce-pagination .eesier-chips {
    justify-content: center;
}

.ce-page .ce-pagination .eesier-chip {
    text-decoration: none;
}


/* FOOTER — the thin Google-like footer */

.ce-page .ce-footer {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    border-top: 1px solid var(--ce-border);
    background: var(--ce-background);
    color: var(--ce-muted);
}

.ce-page .ce-footer .ce-footer__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px 24px;
}

.ce-page .ce-footer .ce-footer__row nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
}

.ce-page .ce-footer .ce-footer__row a {
    color: var(--ce-muted);
    line-height: 48px;
}

.ce-page .ce-footer .ce-footer__row a:hover {
    color: var(--ce-primary);
    text-decoration: none;
}


/* ------------------------------------------------------------------------
   MOBILE — the system's one breakpoint
   ------------------------------------------------------------------------ */

@media (max-width: 900px) {

    .ce-page.ce-results .ce-results__grid {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 24px;
    }

    .ce-page.ce-results main .ce-results__grid > .ce-results__col {
        grid-column: 1;
    }

    .ce-page .ce-searchbox.ce-searchbox--results {
        max-width: none;
    }

    .ce-page .ce-brand.ce-brand--home img {
        height: 40px;
    }

    .ce-page .ce-brand.ce-brand--home .ce-brand__product {
        line-height: 40px;
    }

    .ce-page .ce-examples .eesier-chip {
        height: auto;
        min-height: 48px;
        padding: 12px 24px;
        line-height: 24px;
        text-align: left;
    }

    .ce-page .ce-examples .eesier-chip .text-proper-name {
        white-space: normal;
    }

    .ce-page .ce-interp {
        padding: 24px 12px;
        margin: 0 -12px; /* THE TINTED SHEET BLEEDS INTO THE PAGE MARGIN ON A PHONE */
    }

    .ce-page .ce-dl,
    .ce-page .ce-dl.ce-dl--2col {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .ce-page .ce-dl > .ce-dl__pair {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .ce-page .ce-people .ce-person {
        flex-direction: column;
    }

    .ce-page .ce-footer .ce-footer__row {
        flex-direction: column;
        gap: 0;
    }

}

@media (prefers-reduced-motion: reduce) {

    .ce-page .ce-searchbox,
    .ce-page .ce-result .ce-result__toggle .eicon,
    .ce-page .ce-subsection > summary .eicon {
        transition: none;
    }

}