/* Integrated from the site's published Additional CSS. */
/* Clean Home hero: balanced headline and grouped paragraphs */
@media (min-width: 901px) {
  html body.home.natalie-gleeson-theme .home-hero {
    min-height: 0 !important;
    padding-top: 7rem !important;
    padding-bottom: 3rem !important;
  }

  html body.home.natalie-gleeson-theme
  .page-home-expanded
  .home-hero-layout {
    grid-template-columns:
      minmax(0, 1.12fr)
      minmax(400px, 0.78fr) !important;
    align-items: start !important;
    gap: clamp(3rem, 5vw, 5rem) !important;
  }

  html body.home.natalie-gleeson-theme
  .page-home-expanded
  .hero-copy {
    width: 100% !important;
    max-width: 800px !important;
    padding: 0 !important;
  }

  html body.home.natalie-gleeson-theme
  .page-home-expanded
  .hero-copy .eyebrow {
    margin: 0 0 0.85rem !important;
    font-size: 0.72rem !important;
  }

  html body.home.natalie-gleeson-theme
  .page-home-expanded
  .hero-copy h1 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 1.3rem !important;
    font-size: clamp(2.45rem, 2.65vw, 2.9rem) !important;
    font-weight: 700 !important;
    line-height: 1.07 !important;
    text-wrap: balance !important;
  }

  html body.home.natalie-gleeson-theme
  .page-home-expanded
  .hero-copy h1 > span {
    display: inline !important;
    margin: 0 !important;
  }

  html body.home.natalie-gleeson-theme
  .home-hero-intro {
    display: block !important;
    width: 100% !important;
    max-width: 72ch !important;
    margin: 0 0 1.35rem !important;
    color: var(--muted, #6B6B6B) !important;
    font-size: 0.88rem !important;
    font-weight: 400 !important;
    line-height: 1.52 !important;
  }

  html body.home.natalie-gleeson-theme
  .home-hero-intro p {
    display: inline !important;
    margin: 0 !important;
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
  }

  html body.home.natalie-gleeson-theme
  .home-hero-intro p::after {
    content: " " !important;
  }

  /* Create four properly grouped paragraphs */
  html body.home.natalie-gleeson-theme
  .home-hero-intro p:nth-child(1)::after,
  html body.home.natalie-gleeson-theme
  .home-hero-intro p:nth-child(3)::after,
  html body.home.natalie-gleeson-theme
  .home-hero-intro p:nth-child(5)::after {
    content: "" !important;
    display: block !important;
    margin-bottom: 0.62rem !important;
  }

  html body.home.natalie-gleeson-theme
  .home-hero-intro p:nth-child(7)::after {
    content: "" !important;
    display: block !important;
  }

  html body.home.natalie-gleeson-theme
  .home-hero-intro p:first-child {
    color: var(--ink, #1A1A1A) !important;
    font-weight: 600 !important;
  }

  html body.home.natalie-gleeson-theme
  .page-home-expanded
  .hero-copy .button-row {
    margin: 0 !important;
    gap: 1rem !important;
  }

  html body.home.natalie-gleeson-theme
  .home-portrait-card {
    width: min(100%, 480px) !important;
    margin: 0 !important;
    align-self: start !important;
    justify-self: end !important;
  }

  html body.home.natalie-gleeson-theme
  .home-portrait-card img {
    width: 100% !important;
    max-height: 550px !important;
    object-fit: cover !important;
    object-position: center 30% !important;
  }
}

html[data-theme="dark"]
body.home.natalie-gleeson-theme
.home-hero-intro {
  color: rgba(250, 248, 244, 0.72) !important;
}

html[data-theme="dark"]
body.home.natalie-gleeson-theme
.home-hero-intro p:first-child {
  color: #FAF8F4 !important;
}

@media (min-width: 901px) {
  html body.home.natalie-gleeson-theme
  .page-home-expanded
  .hero-copy .eyebrow {
    font-size: 0.9rem !important;
  }

  html body.home.natalie-gleeson-theme
  .page-home-expanded
  .hero-copy h1 {
    font-size: clamp(2.6rem, 2.78vw, 3.1rem) !important;
  }

  html body.home.natalie-gleeson-theme
  .home-hero-intro {
    font-size: 0.945rem !important;
  }

  html body.home.natalie-gleeson-theme
  .page-home-expanded
  .hero-copy .button,
  html body.home.natalie-gleeson-theme
  .page-home-expanded
  .hero-copy .text-link {
    font-size: 0.85rem !important;
  }

  html body.home.natalie-gleeson-theme
  .home-portrait-card figcaption span {
    font-size: 0.75rem !important;
  }
}

@media (min-width: 901px) {
  html body.home.natalie-gleeson-theme .home-hero {
    padding-top: 8.5rem !important;
  }
}



/* All pathway cards white by default */
html body.home.natalie-gleeson-theme
.home-pathway-card,
html body.home.natalie-gleeson-theme
.home-pathway-card.home-pathway-featured,
html[data-theme="dark"]
body.home.natalie-gleeson-theme
.home-pathway-card,
html[data-theme="dark"]
body.home.natalie-gleeson-theme
.home-pathway-card.home-pathway-featured {
  background: #FFFFFF !important;
  border-color: rgba(26, 26, 26, 0.16) !important;
  color: #1A1A1A !important;
  transition:
    background-color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease !important;
}

/* Keep all card text correct on white */
html body.home.natalie-gleeson-theme
.home-pathway-card h3,
html body.home.natalie-gleeson-theme
.home-pathway-card p,
html body.home.natalie-gleeson-theme
.home-pathway-card .home-pathway-cta,
html body.home.natalie-gleeson-theme
.home-pathway-card .home-pathway-arrow {
  color: #1A1A1A !important;
}

html body.home.natalie-gleeson-theme
.home-pathway-card .eyebrow,
html body.home.natalie-gleeson-theme
.home-pathway-card .home-pathway-icon {
  color: #9F7F28 !important;
}

/* Yellow only on hover, keyboard focus or click */
html body.home.natalie-gleeson-theme
.home-pathway-card:hover,
html body.home.natalie-gleeson-theme
.home-pathway-card:focus,
html body.home.natalie-gleeson-theme
.home-pathway-card:focus-visible,
html body.home.natalie-gleeson-theme
.home-pathway-card:active {
  background: #F5E6B8 !important;
  border-color: #C9A84C !important;
  box-shadow: 0 20px 42px rgba(10, 10, 10, 0.14) !important;
  transform: translateY(-5px) !important;
}

/* CTA divider */
html body.home.natalie-gleeson-theme
.home-pathway-card .home-pathway-cta,
html body.home.natalie-gleeson-theme
.home-pathway-card.home-pathway-featured .home-pathway-cta {
  border-top-color: rgba(26, 26, 26, 0.18) !important;
}

/* Slight icon response on hover */
html body.home.natalie-gleeson-theme
.home-pathway-card:hover .home-pathway-icon,
html body.home.natalie-gleeson-theme
.home-pathway-card:focus .home-pathway-icon,
html body.home.natalie-gleeson-theme
.home-pathway-card:active .home-pathway-icon {
  background: #C9A84C !important;
  border-color: #C9A84C !important;
  color: #0A0A0A !important;
}

html body.home.natalie-gleeson-theme .page-home-expanded .hero-copy h1 {
    color: #C9A11c !important;
}

html body.home.natalie-gleeson-theme .page-home-expanded .hero-copy .eyebrow {
    color: #0A0A0A !important;
}

html body.home.natalie-gleeson-theme .page-home-expanded .hero-copy h1 {
    color: #C9A84C !important;
}

html body.home.natalie-gleeson-theme .page-home-expanded .hero-copy .eyebrow {
    color: #0A0A0A !important;
}

html[data-theme="dark"] body.home.natalie-gleeson-theme .page-home-expanded .hero-copy .eyebrow,
body.dark-theme.home.natalie-gleeson-theme .page-home-expanded .hero-copy .eyebrow {
    color: #FAF8F4 !important;
}





@media (max-width: 768px) {
    html body.home.natalie-gleeson-theme .page-home-expanded .home-hero-layout {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    html body.home.natalie-gleeson-theme .page-home-expanded .hero-copy {
        display: contents !important;
    }

    html body.home.natalie-gleeson-theme .page-home-expanded .hero-copy > .eyebrow {
        order: 1 !important;
        width: 100% !important;
        margin: 0 0 14px !important;
    }

    html body.home.natalie-gleeson-theme .page-home-expanded .home-portrait-card {
        order: 2 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    html body.home.natalie-gleeson-theme .page-home-expanded .hero-copy > h1 {
        order: 3 !important;
        width: 100% !important;
        margin: 0 0 20px !important;
        padding-top: 0 !important;
    }

    html body.home.natalie-gleeson-theme .page-home-expanded .home-hero-intro {
        order: 4 !important;
        width: 100% !important;
        margin: 0 0 22px !important;
    }

    html body.home.natalie-gleeson-theme .page-home-expanded .hero-copy > .button-row {
        order: 5 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    html body.home.natalie-gleeson-theme .page-home-expanded .home-portrait-card img {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }

    html body.home.natalie-gleeson-theme .page-home-expanded .home-portrait-card figcaption {
        margin: 0 !important;
    }
}

@media (max-width: 768px) {
    html body.home.natalie-gleeson-theme .page-home-expanded .hero-copy > h1 {
        margin-top: 24px !important;
    }
}





/* MOBILE SPEAKING IMAGE - FINAL FIX */
@media only screen and (max-width: 782px) {
    html body.natalie-gleeson-theme
    main#main-content.page-speaking
    .speaking-hero-media.parallax-media {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 1023 / 1537 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #0A0A0A !important;
        border-radius: 8px !important;
    }

    html body.natalie-gleeson-theme
    main#main-content.page-speaking
    .speaking-hero-media.parallax-media > img {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        visibility: visible !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: cover !important;
        object-position: center top !important;
        transform: none !important;
        opacity: 1 !important;
    }

    html body.natalie-gleeson-theme
    main#main-content.page-speaking
    .speaking-hero-media .image-caption {
        right: 16px !important;
        bottom: 16px !important;
        left: 16px !important;
        width: auto !important;
        margin: 0 !important;
        z-index: 5 !important;
    }
}

/* Resourceful Robin: the ongoing learning layer of nataliegleeson.com */
html body.natalie-gleeson-theme .page-resourceful .resourceful-hero {
    min-height: 0 !important;
    padding-top: clamp(9rem, 12vw, 11rem) !important;
    padding-bottom: clamp(4.5rem, 7vw, 6.5rem) !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.72fr) !important;
    align-items: center !important;
    gap: clamp(3.5rem, 7vw, 7rem) !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-hero-copy {
    max-width: 760px !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-hero h1 {
    max-width: 13ch !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-hero-copy .lead {
    margin-top: 1.75rem !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-hero-copy p:not(.eyebrow) {
    max-width: 66ch !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-index {
    overflow: hidden !important;
    border: 1px solid var(--line) !important;
    border-radius: 8px !important;
    background: var(--surface) !important;
    box-shadow: var(--shadow-soft) !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-index a {
    grid-template-columns: 40px minmax(82px, 0.5fr) minmax(0, 1.5fr) !important;
    gap: 12px !important;
    padding: 18px 20px !important;
    align-items: start !important;
    border-bottom: 1px solid var(--line) !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-index a:last-child {
    border-bottom: 0 !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-index a:hover,
html body.natalie-gleeson-theme .page-resourceful .resourceful-index a:focus-visible {
    background: var(--gold-pale) !important;
    color: #0A0A0A !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-index strong {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-transform: uppercase !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-index small {
    color: var(--muted) !important;
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-index a:hover small,
html body.natalie-gleeson-theme .page-resourceful .resourceful-index a:focus-visible small {
    color: #1A1A1A !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-continuity {
    border-top: 1px solid var(--line) !important;
    border-bottom: 1px solid var(--line) !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-continuity-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr) !important;
    gap: clamp(3rem, 8vw, 8rem) !important;
    align-items: start !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-continuity h2 {
    max-width: 17ch !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-continuity-copy {
    padding-top: 2rem !important;
    border-top: 1px solid var(--line) !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-continuity-copy p {
    max-width: 62ch !important;
}

html body.natalie-gleeson-theme .page-resourceful .resourceful-continuity-copy p:last-child {
    margin-bottom: 0 !important;
}

html body.natalie-gleeson-theme .page-resourceful .resource-lane {
    position: relative !important;
    scroll-margin-top: 7rem !important;
}

html body.natalie-gleeson-theme .page-resourceful .anchor-alias {
    position: absolute !important;
    top: -7rem !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

html body.natalie-gleeson-theme .page-resourceful .resource-listen-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
    gap: clamp(3rem, 8vw, 8rem) !important;
    align-items: center !important;
}

html body.natalie-gleeson-theme .page-resourceful .resource-listen-media {
    overflow: hidden !important;
    margin: 0 !important;
    border: 1px solid var(--line) !important;
    border-radius: 8px !important;
    background: var(--surface) !important;
    box-shadow: var(--shadow-soft) !important;
}

html body.natalie-gleeson-theme .page-resourceful .resource-listen-media img {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    object-position: center 38% !important;
}

html body.natalie-gleeson-theme .page-resourceful .resource-listen-copy h2 {
    max-width: 16ch !important;
}

html body.natalie-gleeson-theme .page-resourceful .resource-listen-copy > p:not(.eyebrow) {
    max-width: 52ch !important;
}

html body.natalie-gleeson-theme .page-resourceful .resource-listen-copy .format-pills {
    display: flex !important;
    margin-top: 1.75rem !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

html body.natalie-gleeson-theme .page-resourceful .section-heading h2,
html body.natalie-gleeson-theme .page-resourceful .insights-grid h2 {
    max-width: 21ch !important;
}

html body.natalie-gleeson-theme .page-resourceful .resource-grid article {
    min-height: 350px !important;
}

html body.natalie-gleeson-theme .page-resourceful .insight-topics span {
    background: var(--surface) !important;
}

html[data-theme="dark"] body.natalie-gleeson-theme .page-resourceful .resourceful-index a:hover,
html[data-theme="dark"] body.natalie-gleeson-theme .page-resourceful .resourceful-index a:focus-visible {
    background: #F5E6B8 !important;
    color: #0A0A0A !important;
}

@media (max-width: 1000px) {
    html body.natalie-gleeson-theme .page-resourceful .resourceful-hero-grid,
    html body.natalie-gleeson-theme .page-resourceful .resourceful-continuity-inner,
    html body.natalie-gleeson-theme .page-resourceful .resource-listen-grid {
        grid-template-columns: 1fr !important;
    }

    html body.natalie-gleeson-theme .page-resourceful .resourceful-index {
        max-width: 760px !important;
    }

    html body.natalie-gleeson-theme .page-resourceful .resource-listen-media {
        max-width: 760px !important;
    }
}

@media (max-width: 760px) {
    html body.natalie-gleeson-theme .page-resourceful .resourceful-hero {
        padding-top: 8rem !important;
        padding-bottom: 4rem !important;
    }

    html body.natalie-gleeson-theme .page-resourceful .resourceful-hero-grid {
        gap: 2.5rem !important;
    }

    html body.natalie-gleeson-theme .page-resourceful .resourceful-index a {
        grid-template-columns: 32px 72px minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 16px 14px !important;
    }

    html body.natalie-gleeson-theme .page-resourceful .resourceful-index strong,
    html body.natalie-gleeson-theme .page-resourceful .resourceful-index small {
        font-size: 0.7rem !important;
    }

    html body.natalie-gleeson-theme .page-resourceful .resourceful-continuity-inner,
    html body.natalie-gleeson-theme .page-resourceful .resource-listen-grid {
        gap: 2rem !important;
    }

    html body.natalie-gleeson-theme .page-resourceful .resourceful-continuity-copy {
        padding-top: 1.5rem !important;
    }

    html body.natalie-gleeson-theme .page-resourceful .resource-listen-media img {
        aspect-ratio: 4 / 3 !important;
    }

    html body.natalie-gleeson-theme .page-resourceful .resource-grid article {
        min-height: 0 !important;
    }
}