/* Clinical Intelligence: compact reading rhythm without shrinking controls or clinical data. */
:root {
    --hc-ci-font-size-body: 0.875rem;
    --hc-ci-font-size-title-small: 1rem;
    --hc-ci-font-size-title: 1.25rem;
    --hc-ci-font-size-display: 1.625rem;
    --hc-ci-line-height-body: 1.45;
    --hc-ci-space-5: 1.25rem;
    --hc-ci-space-6: 1.5rem;
    --hc-ci-space-7: 2.25rem;
    --hc-ci-size-row: 3rem;
}

/* The first useful section should be visible without a full-screen introduction. */
.hc-home-hero__grid {
    min-height: 0;
    gap: clamp(1.5rem, 3.5vw, 3rem);
    padding-block: clamp(2.5rem, 4vw, 3.75rem);
}

.hc-home-hero h1 {
    font-size: clamp(2.25rem, 3.5vw, 3.5rem);
    line-height: 1.05;
}

.hc-home-hero__lead {
    margin-top: var(--hc-ci-space-4);
    font-size: 0.9375rem;
    line-height: 1.5;
}

.hc-home-search {
    margin-top: var(--hc-ci-space-5);
}

.hc-home-search :is(input, button) {
    min-height: 3rem;
}

.hc-home-hero__visual {
    min-height: 17rem;
}

.hc-home__body > .hc-ci-section {
    padding-block: clamp(2rem, 3vw, 3rem);
}

.hc-home__body .hc-ci-section__header h2 {
    font-size: clamp(1.5rem, 2.2vw, 1.875rem);
}

.hc-home__body .hc-ci-section__description {
    font-size: var(--hc-ci-font-size-body);
}

/* Catalogues keep their visual signature, but no longer reserve empty hero height. */
.hc-ci-condition-catalog__hero-grid,
.hc-ci-marker-catalog__hero-grid,
.hc-ci-panel-catalog__hero-grid,
.hc-ci-knowledge-catalog__hero-grid,
.hc-ci-knowledge-catalog__hero--category .hc-ci-knowledge-catalog__hero-grid {
    min-height: 0;
    padding-block: var(--hc-ci-space-6);
}

.hc-ci-condition-catalog__hero h1,
.hc-ci-marker-catalog__hero h1,
.hc-ci-panel-catalog__hero h1,
.hc-ci-knowledge-catalog__hero h1,
.hc-ci-search__hero h1,
.hc-analyze__hero h1,
.hc-my-health__hero h1,
.hc-ci-explorer__hero h1 {
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.08;
}

.hc-ci-condition-catalog__lead,
.hc-ci-marker-catalog__lead,
.hc-ci-panel-catalog__lead,
.hc-ci-knowledge-catalog__lead,
.hc-ci-search__lead,
.hc-analyze__lead,
.hc-my-health__hero-copy > p:last-child {
    margin-top: var(--hc-ci-space-3);
    font-size: 0.9375rem;
    line-height: 1.5;
}

.hc-ci-condition-catalog__hero .hc-ci-tissue-signal,
.hc-ci-marker-catalog__hero .hc-ci-tissue-signal,
.hc-ci-panel-catalog__hero .hc-ci-tissue-signal,
.hc-ci-knowledge-catalog__hero .hc-ci-tissue-signal {
    width: min(18rem, 100%);
}

.hc-ci-condition-catalog__boundary,
.hc-ci-marker-catalog__boundary,
.hc-ci-panel-catalog__boundary,
.hc-ci-knowledge-catalog__boundary {
    margin-top: var(--hc-ci-space-3);
}

.hc-ci-panel-family__header h2 {
    font-size: clamp(1.5rem, 2.2vw, 1.875rem);
}

.hc-ci-condition-catalog__group h2,
.hc-ci-marker-catalog__letter-section h2 {
    font-size: clamp(1.75rem, 2.5vw, 2.25rem);
}

.hc-ci-knowledge-catalog__group h2,
.hc-ci-knowledge-catalog__section-header h2 {
    font-size: clamp(1.375rem, 2vw, 1.75rem);
}

.hc-ci-condition-catalog__item--catalog {
    min-height: 9.5rem;
}

.hc-ci-condition-catalog__item--card,
.hc-ci-knowledge-catalog__category {
    min-height: 12.5rem;
}

.hc-ci-knowledge-catalog__item {
    min-height: 10rem;
}

.hc-ci-marker-catalog__group-card {
    min-height: 15rem;
}

.hc-ci-marker-catalog__item--search {
    min-height: 11.5rem;
}

.hc-ci-panel-card {
    min-height: 13.5rem;
}

/* Entity pages prioritize the first clinical explanation over decorative height. */
.hc-ci-condition__hero .hc-ci-entity-header,
.hc-ci-marker__hero .hc-ci-entity-header,
.hc-ci-marker-group__hero .hc-ci-entity-header,
.hc-ci-panel__hero .hc-ci-entity-header {
    min-height: 0;
}

.hc-ci-knowledge__hero .hc-ci-tissue-signal {
    width: min(18rem, 100%);
    margin-inline: auto;
}

.hc-ci-explorer__hero {
    padding-block: var(--hc-ci-space-6);
}

.hc-ci-search__hero-inner,
.hc-analyze__hero .hc-analyze__inner,
.hc-my-health__hero-grid,
.hc-studies .hc-my-health__hero-grid {
    padding-block: var(--hc-ci-space-6);
}

.hc-ci-search__form {
    margin-top: var(--hc-ci-space-5);
}

.hc-ci-search__form :is(input, button) {
    min-height: 2.75rem;
}

/* Personal workspace: denser summaries and lists, with the same touch targets. */
.hc-my-health__workspace {
    gap: var(--hc-ci-space-6);
}

.hc-plan-empty,
.hc-plan-primary {
    min-height: 0;
}

.hc-plan-empty > div:first-child,
.hc-plan-now__copy {
    padding: clamp(1.25rem, 3vw, 2rem);
}

.hc-plan-primary__copy,
.hc-my-health__onboarding-copy {
    padding: var(--hc-ci-space-6);
}

.hc-my-health__now-copy {
    padding: var(--hc-ci-space-5);
}

.hc-my-health__now h3 {
    margin-top: var(--hc-ci-space-3);
    font-size: clamp(1.125rem, 1.5vw, 1.25rem);
}

.hc-plan-empty__signal {
    min-height: 13rem;
}

.hc-plan-summary > div,
.hc-plan-detail-summary > div {
    min-height: 5.5rem;
}

.hc-plan-summary strong,
.hc-plan-detail-summary strong {
    font-size: clamp(1.25rem, 2vw, 1.625rem);
}

.hc-my-health__summary > :is(div, a) {
    min-height: 6rem;
}

.hc-my-health__summary strong {
    font-size: clamp(1.25rem, 2vw, 1.625rem);
}

.hc-my-health__trend-summary p strong {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.hc-my-health__now h2,
.hc-my-health__section-head h2,
.hc-my-health__onboarding h2 {
    font-size: clamp(1.375rem, 2vw, 1.75rem);
}

.hc-plan-empty h2,
.hc-plan-section__head h2,
.hc-plan-due h2,
.hc-plan-context h2,
.hc-plan-composition h2,
.hc-plan-source h2,
.hc-plan-management h2,
.hc-plan-now h2 {
    font-size: clamp(1.375rem, 2vw, 1.75rem);
}

.hc-plan-primary h2 {
    font-size: clamp(1.375rem, 2vw, 1.75rem);
}

.hc-plan-provider .personal-plan-lab-list__head h2 {
    font-size: clamp(1.375rem, 2vw, 1.75rem);
}

.hc-studies .hc-my-health__hero h1,
.hc-manual-review h1 {
    font-size: clamp(1.75rem, 2.5vw, 2.25rem);
}

.hc-study-row {
    padding-block: 0.75rem;
}

.hc-study-result {
    padding-block: 1rem;
}

.hc-studies__facts dd {
    font-size: 1.5rem;
}

.hc-my-health-trends h2 {
    font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.hc-trends-section-head {
    margin-bottom: var(--hc-ci-space-4);
}

@media (min-width: 60.0625rem) {
    .hc-site-header__inner {
        min-height: 56px;
    }

    .hc-plan-primary__signal {
        min-height: 14rem;
    }
}

@media (max-width: 60rem) {
    .hc-plan-empty__signal {
        min-height: 8rem;
    }
}

/* Single-column catalogues size cards from their content on narrow screens. */
@media (max-width: 48rem) {
    .hc-ci-panel-card,
    .hc-ci-knowledge-catalog__category,
    .hc-ci-knowledge-catalog__item {
        min-height: 0;
    }
}

@media (min-width: 40.0625rem) {
    .hc-ci-condition-catalog__group,
    .hc-ci-marker-catalog__letter-section {
        grid-template-columns: 5rem minmax(0, 1fr);
    }
}

@media (max-width: 40rem) {
    :root {
        --hc-ci-font-size-body: 0.9375rem;
        --hc-ci-font-size-title-small: 1.0625rem;
        --hc-ci-space-7: 1.75rem;
    }

    .hc-home-hero__grid {
        padding-block: 2rem;
    }

    .hc-home-hero h1,
    .hc-ci-condition-catalog__hero h1,
    .hc-ci-marker-catalog__hero h1,
    .hc-ci-panel-catalog__hero h1,
    .hc-ci-knowledge-catalog__hero h1,
    .hc-ci-search__hero h1,
    .hc-analyze__hero h1,
    .hc-my-health__hero h1,
    .hc-ci-explorer__hero h1 {
        font-size: clamp(1.875rem, 7vw, 2.5rem);
    }

    .hc-home-hero__visual {
        min-height: 13rem;
    }

    .hc-ci-condition-catalog__hero-grid,
    .hc-ci-marker-catalog__hero-grid,
    .hc-ci-panel-catalog__hero-grid,
    .hc-ci-knowledge-catalog__hero-grid,
    .hc-ci-knowledge-catalog__hero--category .hc-ci-knowledge-catalog__hero-grid {
        padding-block: 1.25rem;
    }

    .hc-ci-condition-catalog__hero .hc-ci-tissue-signal,
    .hc-ci-marker-catalog__hero .hc-ci-tissue-signal,
    .hc-ci-panel-catalog__hero .hc-ci-tissue-signal,
    .hc-ci-knowledge-catalog__hero .hc-ci-tissue-signal {
        width: min(16rem, 100%);
    }

    .hc-plan-empty__signal,
    .hc-plan-primary__signal,
    .hc-my-health__now-signal,
    .hc-my-health__onboarding-signal {
        min-height: 6rem;
    }

    .hc-plan-primary__copy,
    .hc-my-health__now-copy,
    .hc-my-health__onboarding-copy {
        padding: var(--hc-ci-space-4);
    }

    .hc-ci-condition-catalog__item--catalog,
    .hc-ci-condition-catalog__item--card,
    .hc-ci-marker-catalog__group-card,
    .hc-ci-marker-catalog__item--search {
        min-height: 0;
    }

    .hc-ci-condition__hero .hc-ci-tissue-signal,
    .hc-ci-panel__hero .hc-ci-tissue-signal,
    .hc-ci-marker-group__hero .hc-ci-tissue-signal {
        width: min(16rem, 100%);
        margin-inline: auto;
    }

    .hc-ci-knowledge__hero .hc-ci-tissue-signal {
        width: min(13.5rem, 100%);
    }

    .hc-ci-panel-catalog__tabs a {
        flex: 1 1 0;
        min-width: 0;
        padding-inline: var(--hc-ci-space-2);
        font-size: var(--hc-ci-font-size-small);
    }

    .hc-my-health__summary > :is(div, a) {
        min-height: 6.5rem;
    }
}