/* Homepage only: selective UX revision, 12 November 2026. */
.home .homepage-find { padding-block: .75rem; background: var(--li-paper, #fff); }
.home .homepage-find .lio-public-search { width: 100%; max-width: 280px; margin: 0 0 0 auto; }
.home .homepage-find .lio-public-search__controls { display: flex; gap: .5rem; }
.home .homepage-find input[type="search"] { min-width: 0; width: 100%; min-height: 44px; padding: .5rem .75rem; font-size: 16px; background: #fff; color: var(--li-ink, #202124); }
.home .homepage-find .lio-search-submit { min-width: 44px; min-height: 44px; padding: .5rem .65rem; flex: 0 0 auto; }
/* Search follows the hero in DOM order. On wide screens it occupies the photo corner. */
@media (min-width: 80rem) {
  .home .site-main { position: relative; }
  .home .homepage-find { position: absolute; top: 1rem; right: max(24px, calc((100% - 1120px) / 2)); z-index: 3; width: 256px; padding: 0; border-radius: 0; background: transparent; }
  .home .homepage-find > .container { width: 100%; max-width: none; margin: 0; }
  .home .homepage-find .lio-public-search { max-width: none; }
}
@media (max-width: 47.99rem) {
  .home .homepage-find .lio-public-search { max-width: 280px; }
}
.home #free-content { padding-block: 1.25rem; }
.home #free-content .free-content-section { display: grid; gap: 1rem; }
.home #free-content .free-content-intro { margin-bottom: 0; }
.home #free-content .free-content-intro .eyebrow { margin: 0 0 .3rem; }
.home #free-content .free-content-intro h2 { margin: 0 0 .45rem; }
.home #free-content .section-lead { margin: 0; }
.home #free-content .topic-grid { gap: .5rem; }
.home #free-content .topic-card { min-height: 56px; padding: .65rem .8rem; font-size: .98rem; line-height: 1.28; }
@media (max-width: 47.99rem) {
  .home #free-content { padding-block: 1.15rem; }
  .home #free-content .free-content-section { gap: .75rem; }
  .home #free-content .topic-grid { grid-template-columns: 1fr; gap: .4rem; }
  .home #free-content .topic-card { min-height: 44px; padding: .55rem .75rem; }
}

/* Owner visual refinements: homepage bands and quiet search, 12 November 2026. */
.home #free-content,
.home #learn-with-a-teacher,
.home #exercises { padding-block: 1.75rem; }
.home #learn-with-a-teacher { background: #fff; color: var(--li-ink); border-block: 1px solid var(--li-line); }
.home #exercises { background: #f3ece7; color: var(--li-ink); }
.home #learn-with-a-teacher .section-lead,
.home #exercises .section-lead { margin: 0; max-width: none; font-size: 1rem; line-height: 1.45; color: var(--li-muted); }
.home #learn-with-a-teacher h2,
.home #exercises h2 { margin: 0 0 .5rem; }
.home #learn-with-a-teacher .split-callout,
.home #exercises .split-callout { gap: 1rem; align-items: center; }
.home #learn-with-a-teacher .callout-action,
.home #exercises .callout-action { margin: 0; align-items: center; }
.home #learn-with-a-teacher .button,
.home #exercises .button { width: 180px; height: 48px; min-height: 48px; box-sizing: border-box; text-align: center; align-items: center; justify-content: center; background: #fff; color: var(--li-orange-dark); border: 1px solid var(--li-orange-dark); font-size: 1rem; font-weight: 650; padding: .55rem 1rem; border-radius: var(--li-radius-small); }
.home #learn-with-a-teacher .button:hover,
.home #learn-with-a-teacher .button:focus-visible,
.home #exercises .button:hover,
.home #exercises .button:focus-visible { background: var(--li-orange-dark); border-color: var(--li-orange-dark); color: #fff; }
.home .homepage-find .lio-public-search__controls { gap: 4px; }
.home .homepage-find input[type="search"] { height: 44px; padding: .45rem .6rem; }
.home .homepage-find button.lio-search-submit { flex: 0 0 44px; width: 44px; height: 44px; min-height: 44px; padding: 0; background: #fff; border-color: var(--li-orange-dark); color: var(--li-orange-dark); }
.home .homepage-find button.lio-search-submit:hover,
.home .homepage-find button.lio-search-submit:focus-visible { background: var(--li-orange-dark); color: #fff; }
@media (min-width: 48rem) {
  .home #learn-with-a-teacher .split-callout,
  .home #exercises .split-callout { grid-template-columns: minmax(0, 1fr) auto; column-gap: 2rem; }
  .home #learn-with-a-teacher .callout-action,
  .home #exercises .callout-action { justify-content: flex-end; }
}
@media (min-width: 64rem) {
  .home #free-content { min-height: 224px; display: grid; align-items: center; }
}
@media (max-width: 47.99rem) {
  .home #free-content,
  .home #learn-with-a-teacher,
  .home #exercises { padding-block: 1.5rem; }
}

/* Final owner delta: natural-height callout bands; reference padding is unchanged. */
.home #learn-with-a-teacher,
.home #exercises { height: auto; min-height: 0; }