/* Roberin The New shared hero contract — 2026-06-30c.
   Keeps every The New tool hero on the same header rhythm, typography, and ad gap. */

html body.wp-theme-intro:has(.entry-content .tn-hero) .cs-custom-content-post-before {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.wp-theme-intro .cs-entry__wrap:has(.entry-content .tn-hero) {
  margin-top: 0 !important;
}

html body.wp-theme-intro .entry-content > :is(section, div, main)[class*="tn-"]:has(> .tn-hero) {
  width: min(1180px, 100%) !important;
  max-width: 1180px !important;
  margin-top: 0 !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-top: 0 !important;
}

html body.wp-theme-intro .entry-content > .tn-hero,
html body.wp-theme-intro .entry-content > :is(section, div, main)[class*="tn-"]:has(> .tn-hero) > .tn-hero.tn-hero {
  display: block !important;
  width: 100% !important;
  max-width: 1180px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  text-align: left !important;
}

html body.wp-theme-intro .entry-content > .tn-hero > .tn-hero__eyebrow,
html body.wp-theme-intro .entry-content > :is(section, div, main)[class*="tn-"]:has(> .tn-hero) > .tn-hero.tn-hero > .tn-hero__eyebrow {
  display: block !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: var(--tn-muted, #5a4a30) !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: "Courier New", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  letter-spacing: .08em !important;
  text-transform: none !important;
}

html body.wp-theme-intro .entry-content > .tn-hero > h1,
html body.wp-theme-intro .entry-content > :is(section, div, main)[class*="tn-"]:has(> .tn-hero) > .tn-hero.tn-hero > h1 {
  display: block !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  color: var(--tn-ink, #1a1208) !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: ui-serif, Georgia, "Times New Roman", "Noto Serif KR", serif !important;
  font-size: clamp(19px, calc(5.2vw - 15px), 47px) !important;
  line-height: .96 !important;
  letter-spacing: -.055em !important;
  font-weight: 950 !important;
  text-align: left !important;
}

html body.wp-theme-intro .entry-content > .tn-hero > p,
html body.wp-theme-intro .entry-content > :is(section, div, main)[class*="tn-"]:has(> .tn-hero) > .tn-hero.tn-hero > p {
  display: block !important;
  max-width: 920px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--tn-muted, #5a4a30) !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: ui-serif, Georgia, "Times New Roman", "Noto Serif KR", serif !important;
  font-size: 15px !important;
  line-height: 22px !important;
  font-weight: 400 !important;
  text-align: left !important;
}

html body.wp-theme-intro .entry-content > .tn-hero + .tn-ad--top,
html body.wp-theme-intro .entry-content > :is(section, div, main)[class*="tn-"]:has(> .tn-hero) > .tn-hero.tn-hero + .tn-ad--top {
  width: min(900px, 100%) !important;
  max-width: 900px !important;
  height: 90px !important;
  min-height: 90px !important;
  max-height: 90px !important;
  margin: 54px auto 40px !important;
}

body.wp-theme-intro:is([data-scheme="dark"], [data-scheme="inverse"], [data-scheme="auto"][data-l="dark"], [data-scheme="auto"][data-d="dark"]) .entry-content .tn-hero > p,
html[data-scheme="dark"] body.wp-theme-intro:not([data-scheme="light"]) .entry-content .tn-hero > p,
html[data-scheme="inverse"] body.wp-theme-intro:not([data-scheme="light"]) .entry-content .tn-hero > p {
  color: var(--tn-muted, #d8c6a5) !important;
  -webkit-text-fill-color: currentColor !important;
}

@media (max-width: 720px) {
  html body.wp-theme-intro .entry-content > :is(section, div, main)[class*="tn-"]:has(> .tn-hero) {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.wp-theme-intro .entry-content > .tn-hero,
  html body.wp-theme-intro .entry-content > :is(section, div, main)[class*="tn-"]:has(> .tn-hero) > .tn-hero.tn-hero {
    width: 100% !important;
  }

  html body.wp-theme-intro .entry-content > .tn-hero > h1,
  html body.wp-theme-intro .entry-content > :is(section, div, main)[class*="tn-"]:has(> .tn-hero) > .tn-hero.tn-hero > h1 {
    font-size: 25px !important;
    line-height: 1 !important;
  }

  html body.wp-theme-intro .entry-content > .tn-hero > p,
  html body.wp-theme-intro .entry-content > :is(section, div, main)[class*="tn-"]:has(> .tn-hero) > .tn-hero.tn-hero > p {
    font-size: 14px !important;
    line-height: 18.5px !important;
  }

  html body.wp-theme-intro .entry-content > .tn-hero + .tn-ad--top,
  html body.wp-theme-intro .entry-content > :is(section, div, main)[class*="tn-"]:has(> .tn-hero) > .tn-hero.tn-hero + .tn-ad--top {
    width: 100% !important;
    margin-top: 48px !important;
    margin-bottom: 34px !important;
  }
}