/* Home layout r1: shared, local treatment for announcements and pinyin lookup. */
body[data-page-module="home"] .home-latest-lookup-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(18rem, 0.88fr);
  gap: 1.5rem !important;
  align-items: start;
  min-inline-size: 0;
}

body[data-page-module="home"] .home-latest-lookup-grid > .learning-section {
  min-block-size: 0 !important;
  min-inline-size: 0;
  align-self: start;
}

/* The guest copy uses the same two functional columns as the member home. */
body[data-role="public"][data-page-module="home"] .intro-panel.public-home-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(18rem, 0.88fr);
  gap: 1.5rem !important;
  align-items: start;
  min-inline-size: 0;
  padding: 1.5rem 0;
  border: 0;
  border-block: 1px solid var(--line, #d8e1de);
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none !important;
}

body[data-role="public"][data-page-module="home"]:not([data-shell]) #main .intro-panel.public-home-intro {
  padding-block: 1.5rem;
  padding-inline: 0;
}

body[data-role="public"][data-page-module="home"]:not([data-shell]) #main .public-home-intro-primary:has(.public-home-live-empty) {
  display: block !important;
}

body[data-role="public"][data-page-module="home"]:not([data-shell]) #main .intro-panel.public-home-intro:has(.public-home-intro-primary .public-home-live-empty) {
  display: grid !important;
}

body[data-role="public"][data-page-module="home"]:not([data-shell]) #main .intro-panel.public-home-intro:has(.public-home-intro-primary .public-home-live-empty) .public-home-word-lookup {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: none !important;
  gap: 0.75rem !important;
  align-items: start !important;
  inline-size: auto;
  padding: 0 !important;
}

body[data-role="public"][data-page-module="home"]:not([data-shell]) #main .intro-panel.public-home-intro:has(.public-home-intro-primary .public-home-live-empty) .public-home-word-lookup > *,
body[data-role="public"][data-page-module="home"]:not([data-shell]) #main .intro-panel.public-home-intro:has(.public-home-intro-primary .public-home-live-empty) .home-word-lookup-form,
body[data-role="public"][data-page-module="home"]:not([data-shell]) #main .intro-panel.public-home-intro:has(.public-home-intro-primary .public-home-live-empty) .home-word-lookup-feedback,
body[data-role="public"][data-page-module="home"]:not([data-shell]) #main .intro-panel.public-home-intro:has(.public-home-intro-primary .public-home-live-empty) .pinyin-error-report-entry {
  grid-area: auto !important;
}

body[data-role="public"][data-page-module="home"]:not([data-shell]) #main .intro-panel.public-home-intro:has(.public-home-intro-primary .public-home-live-empty) .public-home-word-lookup > :first-child {
  align-self: start !important;
}

body[data-role="public"][data-page-module="home"] .public-home-intro-primary,
body[data-role="public"][data-page-module="home"] .public-home-word-lookup {
  min-inline-size: 0;
  min-block-size: 0;
  align-self: start;
  padding: 0 !important;
  border: 0;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-role="public"][data-page-module="home"] .public-home-intro-primary {
  order: 1;
}

body[data-role="public"][data-page-module="home"] .public-home-word-lookup {
  order: 2;
  margin: 0 !important;
  padding-inline: 0 !important;
}

body[data-role="public"][data-page-module="home"] .home-latest-public .panel-title-row {
  align-items: flex-start;
  margin-block: 0 0.75rem !important;
  padding: 0 !important;
}

body[data-role="public"][data-page-module="home"] .home-latest-public .panel-title-row > div {
  padding: 0 !important;
}

body[data-role="public"][data-page-module="home"] .public-home-intro-copy.home-latest-public {
  padding: 0 !important;
}

body[data-role="public"][data-page-module="home"] .home-latest-public h2 {
  margin: 0;
}

body[data-role="public"][data-page-module="home"] .public-home-latest-list,
body[data-role="public"][data-page-module="home"] .public-home-latest-list .list-item {
  min-inline-size: 0;
}

body[data-role="public"][data-page-module="home"] .public-home-latest-list .list-item,
body[data-role="public"][data-page-module="home"] .public-home-news-item {
  min-block-size: 0;
  border-block: 0;
  border-block-start: 1px solid var(--line, #d8e1de);
  border-radius: 0;
  padding: 0.7rem 0;
  background: transparent;
  box-shadow: none !important;
  border-inline: 0 !important;
}

body[data-role="public"][data-page-module="home"] .public-home-latest-list .list-item:first-child {
  border-block-start: 0;
  padding-block-start: 0;
}

body[data-page-module="home"] .home-latest-section,
body[data-page-module="home"] .home-latest-lookup-section {
  min-inline-size: 0;
  align-self: start;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-block: 1.5rem;
  padding-inline: 0;
}

body[data-shell="app"]:not(.admin-module-active) .learning-home .home-latest-section,
body[data-shell="app"]:not(.admin-module-active) .learning-home .home-latest-lookup-section {
  padding-block: 1.5rem;
  padding-inline: 0;
}

body[data-page-module="home"] .home-latest-section {
  margin: 0;
}

body[data-page-module="home"] .home-latest-section .home-list,
body[data-page-module="home"] .home-latest-section .home-list .list-item {
  min-inline-size: 0;
}

body[data-page-module="home"] .home-latest-section .home-list .list-item {
  min-block-size: 0;
  border-block: 0;
  border-block-start: 1px solid var(--line, #d8e1de);
  border-radius: 0;
  padding: 0.625rem 0;
  background: transparent;
  box-shadow: none !important;
  border-inline: 0 !important;
}

body[data-page-module="home"] .home-latest-section .home-list .list-item :is(strong, p) {
  overflow-wrap: anywhere;
}

body[data-page-module="home"] .home-latest-section .home-list .list-item p {
  margin: 0.25rem 0 0;
  line-height: 1.45;
}

body[data-page-module="home"] .home-latest-section .home-list .list-item:first-child {
  border-block-start: 0;
  padding-block-start: 0;
}

body[data-page-module="home"] :is(.public-home-news-copy, .home-latest-section .list-item) {
  overflow-wrap: anywhere;
}

body[data-page-module="home"] :is(.home-word-lookup-form, .home-word-lookup-feedback, .pinyin-error-report-entry) {
  min-inline-size: 0;
}

body[data-page-module="home"] .home-word-lookup-form {
  gap: 0.5rem;
  margin-block-start: 1rem;
}

body[data-page-module="home"] .home-word-lookup-form > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.5rem;
  min-inline-size: 0;
}

body[data-page-module="home"] .home-word-lookup-form input {
  min-inline-size: 0;
  inline-size: 100%;
}

body[data-page-module="home"] .home-word-lookup-form .button {
  min-inline-size: max-content;
  white-space: nowrap;
}

body[data-page-module="home"] .home-word-lookup-feedback {
  margin-block-start: 0.75rem;
  overflow-wrap: anywhere;
}

body[data-page-module="home"] .home-word-lookup-results {
  min-inline-size: 0;
  gap: 0;
}

body[data-page-module="home"] .home-word-lookup-results article {
  min-inline-size: 0;
  gap: 0.75rem;
  padding-block: 0.6rem;
}

body[data-page-module="home"] .home-word-lookup-results article > :is(strong, span) {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}

body[data-page-module="home"] .pinyin-error-report-entry {
  margin-block-start: 0.75rem;
  padding-block-start: 0.75rem;
}

@media (max-width: 760px) {
  body[data-page-module="home"] .home-latest-lookup-grid,
  body[data-role="public"][data-page-module="home"] .intro-panel.public-home-intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem !important;
  }

  body[data-role="public"][data-page-module="home"]:not([data-shell]) #main .intro-panel.public-home-intro {
    padding-block: 1.25rem;
  }

  body[data-role][data-page-module="home"] .home-latest-section,
  body[data-role][data-page-module="home"] .home-latest-lookup-section {
    padding-block: 1.25rem;
  }

  body[data-shell="app"]:not(.admin-module-active) .learning-home .home-latest-section,
  body[data-shell="app"]:not(.admin-module-active) .learning-home .home-latest-lookup-section {
    padding-block: 1.25rem;
  }

  body[data-role="public"][data-page-module="home"] .public-home-word-lookup {
    border-block-start: 1px solid var(--line, #d8e1de);
    padding-block-start: 1.25rem !important;
  }

  body[data-page-module="home"] .home-word-lookup-form > div {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page-module="home"] .home-word-lookup-form .button {
    inline-size: 100%;
  }
}

@media (min-width: 761px) and (max-width: 980px) {
  body[data-page-module="home"] .home-latest-lookup-grid,
  body[data-role="public"][data-page-module="home"] .intro-panel.public-home-intro {
    grid-template-columns: minmax(0, 1.05fr) minmax(17rem, 0.95fr);
    gap: 1.5rem !important;
  }
}