/* eduhero classic — dark hero band (no colors) */
.eduhero-classic__overlay {
    pointer-events: none;
}

.eduhero-classic__overlay--dark {
    filter: brightness(0.55);
}

.eduhero-classic__blob {
    width: 24rem;
    height: 24rem;
    transform: translate(6rem, -6rem);
}

.eduhero-classic__rule {
    width: 1.5rem;
    height: 1px;
}

.eduhero-classic__title {
    max-width: 18ch;
}

/* eduresource pillars — equal-height icon cards */
.eduresource-pillars__icon-tile {
    width: 3rem;
    height: 3rem;
    flex: none;
}

.eduresource-pillars__card {
    transition: box-shadow 200ms ease, transform 200ms ease;
}

.eduresource-pillars__card:hover {
    transform: translateY(-2px);
}

.edu-concept__rule.edu-concept__rule {
    height: 2px;
}

.edu-concept__panel {
    max-width: 36rem;
}

.edu-concept__row {
    transition: transform 150ms ease;
}

.edu-concept__row:hover {
    transform: translateX(0.15rem);
}

/* whyus-trio-v2 — editorial 3-card section with eyebrow dash, icon-badge cards */
.whyus-trio-v2__eyebrow {
    letter-spacing: 0.08em;
}

.whyus-trio-v2__eyebrow-line {
    width: 1.5rem;
    height: 1px;
}

.whyus-trio-v2__icon-box {
    width: 3rem;
    height: 3rem;
    flex: none;
}

.whyus-trio-v2__card {
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.whyus-trio-v2__card:hover {
    transform: translateY(-0.25rem);
}

/* cta invite band — dark pill with icon badge and solid button */
.cta-invite-band__card {
    box-shadow: 0 10px 30px var(--tw-primary-900);
}

.cta-invite-band__icon {
    width: 3.5rem;
    height: 3.5rem;
    flex: none;
}

.cta-invite-band__desc {
    max-width: 32rem;
}

.cta-invite-band__btn {
    min-height: 3rem;
    padding-inline: 1.5rem;
}

/* eduresource evaluation — two-part broker evaluation layout (no colors) */
.eduresource-evaluation__row {
    margin-bottom: 3rem;
}

.eduresource-evaluation__row:last-child {
    margin-bottom: 0;
}

.eduresource-evaluation__eyebrow-rule.eduresource-evaluation__eyebrow-rule {
    width: 1.5rem;
    height: 1px;
}

.eduresource-evaluation__art {
    align-self: stretch;
}

.eduresource-evaluation__check {
    min-height: 3.25rem;
}

.eduresource-evaluation__tag {
    white-space: nowrap;
}

@media (max-width: 1023px) {
    .eduresource-evaluation__row [class*="lg:order-1"],
    .eduresource-evaluation__row [class*="lg:order-2"] {
        order: initial;
    }
}

/* glossary-terms — left accent bar glossary grid */
.glossary-terms__eyebrow-line {
  width: 1.5rem;
  height: 1px;
}

.glossary-terms__grid {
  align-items: stretch;
}

.glossary-terms__card {
  transition: box-shadow 200ms ease, transform 200ms ease;
}

.glossary-terms__card:hover {
  transform: translateY(-2px);
}

/* comparison duel — two bordered panels with dashed eyebrows (no colors) */
.comparison-duel__dash,
.comparison-duel__panel-dash {
    height: 1px;
}

.comparison-duel__point:first-child.comparison-duel__point:first-child {
    border-top-width: 0;
    padding-top: 0;
}

.comparison-duel__panel {
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.comparison-duel__panel:hover {
    transform: translateY(-2px);
}

/* feecond-check — eyebrow rule, pill checklist grid, summary lede (no colors) */
.feecond-check__rule {
    height: 1px;
    width: 2rem;
}

.feecond-check__row {
    transition: transform 200ms ease;
}

.feecond-check__row:hover {
    transform: translateY(-2px);
}

.feecond-check__icon {
    width: 2.5rem;
    height: 2.5rem;
    flex: none;
}

.feecond-check__summary {
    max-width: 48rem;
}

/* eduresource advantages — plain three-card topic grid */
.eduresource-advantages__card {
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.eduresource-advantages__card:hover {
    transform: translateY(-0.25rem);
}

.eduresource-advantages__icon {
    width: 2.875rem;
    height: 2.875rem;
    flex: none;
}

/* risk-cards — three-column tagged risk cards (no colors) */
.risk-cards__rule {
    height: 1px;
}

.risk-cards__card {
    transition: box-shadow 200ms ease, transform 200ms ease;
}

.risk-cards__card:hover {
    transform: translateY(-2px);
}

.risk-cards__eyebrow {
    letter-spacing: 0.08em;
}

/* concept split — eyebrow rule + pale tinted panel with white frame and pill tags */
.concept-split__rule {
    height: 1px;
}

.concept-split__eyebrow {
    letter-spacing: 0.12em;
}

.concept-split__art {
    overflow: hidden;
}

.concept-split__frame {
    max-width: 32rem;
}

.concept-split__tag {
    letter-spacing: 0.01em;
}

@media (max-width: 1023px) {
    .concept-split__frame {
        max-width: 100%;
    }
}

/* comparison-split — two bordered side-by-side panels, divider rule eyebrow (no colors) */
.comparison-split__eyebrow-rule {
    width: 1.5rem;
    height: 1px;
    flex: none;
}

.comparison-split__panel {
    transition: box-shadow 200ms ease, transform 200ms ease;
}

.comparison-split__panel:hover {
    transform: translateY(-2px);
}

.comparison-split__points {
    gap: 0;
}

.comparison-split__point:first-child {
    border-top: 0;
    padding-top: 0;
}

@media (max-width: 767px) {
    .comparison-split__head {
        max-width: 100%;
    }
}

/* cta invite — dark rounded band with icon badge + pill button */
.cta-invite__panel {
    overflow: hidden;
}

.cta-invite__badge {
    width: 3.375rem;
    height: 3.375rem;
}

.cta-invite__btn {
    white-space: nowrap;
}

/* steps-rail — numbered vertical step list with connecting rail (no colors) */
.steps-rail__eyebrow-rule.steps-rail__eyebrow-rule {
    width: 1.5rem;
    height: 2px;
}

.steps-rail__rail.steps-rail__rail {
    left: 1.625rem;
    width: 2px;
}

.steps-rail__num.steps-rail__num {
    width: 3.25rem;
    height: 3.25rem;
    flex: none;
}

.steps-rail__item.steps-rail__item {
    grid-template-columns: auto 1fr;
}

@media (max-width: 767px) {
    .steps-rail__rail {
        left: 1.375rem;
    }

    .steps-rail__num.steps-rail__num {
        width: 2.75rem;
        height: 2.75rem;
    }
}

/* tips checklist — v1: two-column pale pill rows (no colors) */
.tips-checklist__eyebrow-rule {
    width: 1.5rem;
    height: 1px;
}

.tips-checklist__icon {
    width: 1.75rem;
    height: 1.75rem;
}

.tips-checklist__row {
    transition: transform 150ms ease;
}

.tips-checklist__row:hover {
    transform: translateY(-2px);
}