/* ==================================================
   MHS BUTTONS ONDERAAN DE PAGINA
   met de 3 MHS-kleuren
   ================================================== */

:root{
    --mhs-pink:  #EFC8D2;
    --mhs-mint:  #BFE3DC;
    --mhs-peach: #F4D4BF;

    --mhs-pink-border:  #D9A9B6;
    --mhs-mint-border:  #94C9BE;
    --mhs-peach-border: #E4B898;

    --mhs-text-dark: #4A4A4A;
}

.mhs-start-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.mhs-start-buttons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;

    min-height: 54px;
    padding: 13px 24px;

    border-radius: 999px;
    border: 2px solid transparent;

    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    text-decoration: none !important;
    color: var(--mhs-text-dark);

    box-shadow: 0 5px 15px rgba(31, 41, 51, 0.08);
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

/* knop 1 = pink */
.mhs-start-buttons a:nth-child(1) {
    background: rgba(239, 200, 210, 0.42);
    border-color: var(--mhs-pink-border);
}

/* knop 2 = mint */
.mhs-start-buttons a:nth-child(2) {
    background: rgba(191, 227, 220, 0.45);
    border-color: var(--mhs-mint-border);
}

/* knop 3 = peach */
.mhs-start-buttons a:nth-child(3) {
    background: rgba(244, 212, 191, 0.50);
    border-color: var(--mhs-peach-border);
}

/* hover */
.mhs-start-buttons a:nth-child(1):hover,
.mhs-start-buttons a:nth-child(1):focus-visible {
    background: var(--mhs-pink);
    border-color: var(--mhs-pink-border);
    color: #3E3E3E;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(31, 41, 51, 0.14);
}

.mhs-start-buttons a:nth-child(2):hover,
.mhs-start-buttons a:nth-child(2):focus-visible {
    background: var(--mhs-mint);
    border-color: var(--mhs-mint-border);
    color: #3E3E3E;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(31, 41, 51, 0.14);
}

.mhs-start-buttons a:nth-child(3):hover,
.mhs-start-buttons a:nth-child(3):focus-visible {
    background: var(--mhs-peach);
    border-color: var(--mhs-peach-border);
    color: #3E3E3E;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(31, 41, 51, 0.14);
}

.mhs-start-buttons a:focus-visible {
    outline: 3px solid rgba(121, 174, 193, 0.25);
    outline-offset: 3px;
}

/* Mobiel */
@media screen and (max-width: 767px) {

    .mhs-start-buttons {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        width: 100%;
        margin-top: 24px;
    }

    .mhs-start-buttons a {
        width: 100%;
        min-height: 56px;
        padding: 14px 20px;
        font-size: 17px;
    }
}
.mhs-start-buttons a::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
    flex: 0 0 10px;
}

.mhs-start-buttons a:nth-child(1)::before {
    background: var(--mhs-pink-border);
}

.mhs-start-buttons a:nth-child(2)::before {
    background: var(--mhs-mint-border);
}

.mhs-start-buttons a:nth-child(3)::before {
    background: var(--mhs-peach-border);
}
/* =========================================================
   MHS — MASTER CSS (Home + Categories + Books)
   Single source of truth
   - Home: page-id-9
   - Books Library: .mhs-lens-page--midlife-books-library + .mhs-library-stage
   - Category pages: default .mhs-cards / .mhs-card behavior
   ========================================================= */

/* ---------- Tokens ---------- */
:root{
  --mhs-font:"Montserrat",sans-serif;

  --mhs-text:#2F2F2F;
  --mhs-muted:#7A7A7A;
  --mhs-accent:#76B9D6;
  --mhs-hover:#5F5F5F;

  --mhs-radius:18px;
  --mhs-radius-sm:12px;

  --mhs-card-border:rgba(0,0,0,.10);
  --mhs-card-shadow:0 14px 30px rgba(0,0,0,.12);

  --mhs-whitewash:rgba(255,255,255,.35);
  --mhs-sand:rgba(243,230,211,.55);
}

/* ---------- Elementor nav dropdown (safe/global) ---------- */
.elementor-nav-menu--dropdown ul,
.elementor-nav-menu--dropdown .elementor-nav-menu{ margin-left:0!important; padding-left:18px!important; }
.elementor-nav-menu--dropdown a.elementor-item{ padding-left:6px!important; margin-left:0!important; }
@media (max-width:767px){
  .elementor-nav-menu--dropdown .elementor-nav-menu{ text-align:right!important; padding-right:18px!important; padding-left:0!important; }
  .elementor-nav-menu--dropdown .elementor-item{ justify-content:flex-end!important; }
}

/* =========================================================
   UTILITIES
   ========================================================= */

/* Use this on a parent container if you want tighter spacing */
.mhs-tight.e-con{ --widgets-spacing:6px!important; gap:2px!important; }
.mhs-tight .elementor-element,
.mhs-tight .elementor-widget{ margin-top:0!important; margin-bottom:0!important; }

/* Prevent underlines / theme link decorations inside MHS cards */
.mhs-card :where(a:not(.elementor-button)),
.mhs-card :where(a:not(.elementor-button) *){
  text-decoration:none!important;
  border-bottom:0!important;
  background-image:none!important;
  box-shadow:none!important;
  color:inherit!important;
}

/* =========================================================
   CATEGORY + HOMEPAGE CARDS (default MHS cards)
   These are your "real" .mhs-cards / .mhs-card containers
   ========================================================= */

.mhs-cards{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;
  gap:18px;
  margin:0 auto;
  padding:0;
}

/* Keep Elementor/Swiper carousels single-row */
.mhs-cards.swiper-wrapper,
.elementor .swiper-wrapper.mhs-cards{
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  gap:0!important;
}
.mhs-cards.swiper-wrapper .swiper-slide{ padding:0 9px!important; box-sizing:border-box; }
.mhs-cards.swiper-wrapper .swiper-slide .mhs-card{ margin:0!important; }

/* Card */
.mhs-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;

  width:230px;
  max-width:230px;
  min-height:360px;

  padding:16px 14px 14px;
  border-radius:20px;

  background:var(--mhs-whitewash);
  border:1px solid var(--mhs-card-border);
  box-shadow:var(--mhs-card-shadow);

  box-sizing:border-box;
  position:relative;
  overflow:visible;

  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

@media (hover:hover){
  .mhs-card:hover{
    transform:translateY(-2px);
    filter:brightness(1.02);
    box-shadow:0 18px 36px rgba(0,0,0,.14);
  }
}

@media (max-width:1024px){
  .mhs-card{ width:218px; max-width:218px; }
  .mhs-cards{ gap:16px; }
}
@media (max-width:767px){
  .mhs-card{ width:100%; max-width:420px; }
  .mhs-cards{ gap:14px; }
}

/* Elementor image widgets inside cards */
.mhs-card .elementor-widget-image,
.mhs-card .elementor-widget-image .elementor-widget-container,
.mhs-card figure{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  height:225px;
}
.mhs-card .elementor-widget-image img{
  display:block;
  max-width:150px;
  max-height:100%;
  width:auto;
  height:auto;
  border-radius:14px;
}

/* =========================================================
   HOME (page-id-9) — rail cut (shows "cropped" slider look)
   ========================================================= */
body.page-id-9 .mhs-cards{
  max-width:980px;
  margin:0 auto;
  padding:0 18px 14px;
  display:flex;
  flex-wrap:nowrap;
  gap:18px;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
}
body.page-id-9 .mhs-cards .mhs-card{
  flex:0 0 280px;
  scroll-snap-align:center;
}
@media (max-width:1024px){
  body.page-id-9 .mhs-cards{ max-width:720px; }
  body.page-id-9 .mhs-cards .mhs-card{ flex-basis:240px; }
}
@media (max-width:599px){
  body.page-id-9 .mhs-cards{ max-width:100%; padding:0 10px 14px; }
  body.page-id-9 .mhs-cards .mhs-card{ flex-basis:84vw; }
}

/* =========================================================
   ACTION LINKS (Spotify/YouTube/Behind/Support)
   Apply only when wrapper has: .mhs-action-links
   ========================================================= */
.mhs-action-links ul{ list-style:none!important; margin:0!important; padding:0!important; }
.mhs-action-links li{ margin:0 0 2px 0!important; padding:0!important; line-height:24px!important; }

.mhs-action-links a,
.mhs-action-links a:visited{
  display:inline-flex!important;
  align-items:center!important;
  column-gap:8px!important;
  line-height:24px!important;

  font-family:var(--mhs-font)!important;
  font-size:16px!important;
  color:var(--mhs-muted)!important;

  text-decoration:none!important;
  border-bottom:0!important;
  background-image:none!important;
  box-shadow:none!important;
}
.mhs-action-links a:hover{ color:var(--mhs-hover)!important; }

.mhs-action-links a::before{
  content:"";
  width:18px!important;
  flex:0 0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:translateY(1px)!important;
}
.mhs-action-links a.mhs-spotify::before{ content:"\1F3A7"!important; }
.mhs-action-links a.mhs-youtube::before{ content:"\1F3AC"!important; }
.mhs-action-links a.mhs-linkspage::before{ content:"\1F4A1"!important; }
.mhs-action-links a.mhs-support::before{ content:"\2615"!important; }

/* Fix the “gap” between action links and inline accordion */
.mhs-action-links,
.mhs-inline-accordion{ margin:0!important; }
.mhs-action-links + .mhs-inline-accordion{ margin-top:0!important; }

/* =========================================================
   INLINE ACCORDION (Subscribe / Email)
   Apply only when the N-Accordion widget has: .mhs-inline-accordion
   ========================================================= */
.elementor .mhs-inline-accordion.elementor-widget,
.elementor .mhs-inline-accordion .elementor-widget-container{ margin:0!important; }

.mhs-inline-accordion details.e-n-accordion-item{ margin:0 0 2px 0!important; padding:0!important; overflow:visible!important; }
.mhs-inline-accordion summary.e-n-accordion-item-title{
  display:flex!important;
  align-items:center!important;
  column-gap:8px!important;
  padding:0!important;
  margin:0!important;
  line-height:24px!important;
  cursor:pointer;
}
.mhs-inline-accordion summary.e-n-accordion-item-title::-webkit-details-marker{ display:none!important; }
.mhs-inline-accordion summary.e-n-accordion-item-title::marker{ content:""!important; }
.mhs-inline-accordion .e-n-accordion-item-title-icon{ display:none!important; }

.mhs-inline-accordion summary.e-n-accordion-item-title::before{
  content:"";
  width:18px!important;
  flex:0 0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:translateY(1px)!important;
}
.mhs-inline-accordion details:nth-of-type(1) summary.e-n-accordion-item-title::before{ content:"\1F514"!important; }
.mhs-inline-accordion details:nth-of-type(2) summary.e-n-accordion-item-title::before{ content:"\2709\FE0F"!important; }

.mhs-inline-accordion .e-n-accordion-item-title-text{
  font-family:var(--mhs-font)!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:24px!important;
  color:var(--mhs-muted)!important;
  text-decoration:none!important;
}
.mhs-inline-accordion summary:hover .e-n-accordion-item-title-text{ color:var(--mhs-hover)!important; }

.mhs-inline-accordion .e-n-accordion-item-content{
  font-family:var(--mhs-font)!important;
  font-size:.95em;
  line-height:1.55;
  font-style:italic;
  color:var(--mhs-text)!important;
  margin-top:6px;
}
.mhs-inline-accordion .e-n-accordion-item-content a{ text-decoration:none!important; border-bottom:0!important; }

/* =========================================================
   REMEMBER + FOOTER CLOUD + QUOTES (optional)
   ========================================================= */
.elementor-widget-heading.mhs-remember .elementor-heading-title{
  font-family:var(--mhs-font)!important;
  font-style:italic!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
  font-size:26px!important;
  line-height:1.15!important;
  color:#8f8f8f!important;
  margin:0 0 10px 0!important;
  text-align:center!important;
}
.elementor-widget-image.mhs-remember-wave img{
  display:block!important;
  margin:0 auto!important;
  max-width:680px!important;
  height:auto!important;
  opacity:.92!important;
}
@media (max-width:767px){
  .elementor-widget-heading.mhs-remember .elementor-heading-title{ font-size:22px!important; }
  .elementor-widget-image.mhs-remember-wave img{ max-width:520px!important; }
  .mhs-footer-cloud img{ width:125%!important; max-width:none!important; height:auto!important; margin-left:-12.5%!important; display:block!important; }
}
.mhs-quote,.mhs-quote *{ font-family:var(--mhs-font)!important; }

/* =========================================================
   FAQ (.mhs-faq wrapper)
   ========================================================= */
.mhs-faq details.e-n-accordion-item{ margin-bottom:6px; }
.mhs-faq summary.e-n-accordion-item-title{ display:flex; align-items:center; padding:2px 0; cursor:pointer; line-height:24px; }
.mhs-faq summary::-webkit-details-marker{ display:none; }
.mhs-faq .e-n-accordion-item-title-icon{ display:none!important; }
.mhs-faq summary.e-n-accordion-item-title::before{
  content:""; width:18px; height:18px; flex:0 0 18px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:6px; background:var(--mhs-accent); color:#fff;
  font-weight:700; font-size:11px; line-height:1; margin-right:8px;
  transform:translateY(1px);
}
.mhs-faq details:nth-of-type(1) summary::before{ content:"1"; }
.mhs-faq details:nth-of-type(2) summary::before{ content:"2"; }
.mhs-faq details:nth-of-type(3) summary::before{ content:"3"; }
.mhs-faq details:nth-of-type(4) summary::before{ content:"4"; }
.mhs-faq details:nth-of-type(5) summary::before{ content:"5"; }
.mhs-faq details:nth-of-type(6) summary::before{ content:"6"; }

.mhs-faq .e-n-accordion-item-title-text{
  font-family:var(--mhs-font);
  font-size:16px;
  line-height:24px;
  font-weight:400;
  color:var(--mhs-muted);
}
.mhs-faq summary:hover .e-n-accordion-item-title-text{ color:var(--mhs-hover); }
.mhs-faq .e-n-accordion-item-content{
  font-family:var(--mhs-font);
  font-size:.95em;
  line-height:1.55;
  font-style:italic;
  opacity:.92;
  margin-top:6px;
  color:var(--mhs-text);
}
.mhs-faq .e-n-accordion-item-content a,
.mhs-faq .e-n-accordion-item-content a:visited{
  color:var(--mhs-text)!important;
  text-decoration:none!important;
  border-bottom:0!important;
}

/* =========================================================
   MHS MIDLIFE BOOKS LIBRARY — STRUCTURAL CSS v11

   REQUIRED ELEMENTOR CLASSES

   Main / highest page container:
   mhs-lens-page mhs-lens-page--midlife-books-library

   Hero container:
   mhs-lens-hero mhs-lens-hero--midlife-books-library

   Library/search container:
   mhs-library-stage

   The existing editorial containers remain:
   mhs-section-heading
   mhs-reading-beat
   mhs-lens-closing

   Snippet 3949 remains the owner of the actual book markup:
   .mhs-book-library
     .mhs-cards
       .mhs-card.mhs-book-card

   IMPORTANT
   - No legacy .mhs-books wrapper.
   - No page-id based Library layout.
   - No extra outer Library wrapper.
   - The Library stage uses the SAME --mhs-wide frame as
     section headings, reading beats and the closing.
   ========================================================= */


/* =========================================================
   1. LIBRARY STAGE — SAME FRAME AS THE LONGREAD
   ========================================================= */

.mhs-lens-page--midlife-books-library .mhs-library-stage{
    width:var(--mhs-wide)!important;
    max-width:var(--mhs-wide)!important;

    margin:0 auto!important;
    padding:42px 34px 54px!important;

    border:1px solid var(--mhs-lr-line);
    background:var(--mhs-lr-paper)!important;

    overflow:visible!important;
    box-sizing:border-box!important;
}

.mhs-lens-page--midlife-books-library .mhs-library-stage *,
.mhs-lens-page--midlife-books-library .mhs-library-stage *::before,
.mhs-lens-page--midlife-books-library .mhs-library-stage *::after{
    box-sizing:border-box;
}

/* Shortcode wrappers must never narrow or stretch the stage. */
.mhs-lens-page--midlife-books-library .mhs-library-stage
:is(
    .elementor-widget-shortcode,
    .elementor-widget-shortcode > .elementor-widget-container,
    .elementor-shortcode
){
    width:100%!important;
    max-width:none!important;
    min-width:0!important;

    margin:0!important;
    padding:0!important;

    overflow:visible!important;
}


/* =========================================================
   2. LIBRARY FUNCTIONAL TITLE
   ========================================================= */

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-library-title .elementor-heading-title,
.mhs-lens-page--midlife-books-library
.mhs-library-stage > .elementor-widget-heading .elementor-heading-title,
.mhs-lens-page--midlife-books-library
.mhs-library-stage h2.mhs-library-title,
.mhs-lens-page--midlife-books-library
.mhs-library-stage h3.mhs-library-title{
    margin:0 0 28px!important;

    color:var(--mhs-lr-text)!important;

    font-family:var(--mhs-lr-serif)!important;
    font-size:clamp(36px,3vw,48px)!important;
    font-weight:400!important;
    line-height:1.06!important;
    letter-spacing:-.032em!important;

    text-align:center!important;
}


/* =========================================================
   3. SEARCH / FILTER CONTROLS
   Existing HTML / JS remains unchanged.
   ========================================================= */

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-books-controls__row{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;

    width:100%!important;
    max-width:520px!important;

    gap:14px!important;

    margin:0 auto 16px!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-books-controls__row
:is(
    #mhsBookSearch,
    #mhsBookCategory,
    #mhsBookAuthor,
    #mhsBookSort,
    input[type="search"],
    input[type="text"],
    select
){
    width:100%!important;

    height:52px!important;
    min-height:52px!important;

    margin:0!important;
    padding:12px 16px!important;

    border:1px solid rgba(40,37,34,.10)!important;
    border-radius:15px!important;

    background:rgba(255,255,255,.72)!important;
    color:var(--mhs-lr-text)!important;

    font-family:var(--mhs-lr-sans)!important;
    font-size:16px!important;
    font-weight:400!important;

    outline:0!important;
    box-shadow:0 8px 20px rgba(31,41,51,.055)!important;

    -webkit-appearance:none!important;
    appearance:none!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-books-controls__row
:is(
    #mhsBookSearch,
    #mhsBookCategory,
    #mhsBookAuthor,
    #mhsBookSort,
    input,
    select
):focus{
    border-color:rgba(118,185,214,.62)!important;
    box-shadow:0 10px 24px rgba(31,41,51,.09)!important;
}


/* Reset = quiet MHS utility action. */
.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-books-controls__row
:is(
    #mhsBooksClear,
    #mhsBookClear,
    .mhs-books-clear
){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    min-height:48px!important;

    margin:0!important;
    padding:0 18px!important;

    border:1px solid rgba(113,103,121,.18)!important;
    border-radius:14px!important;

    background:var(--mhs-lr-lilac)!important;
    color:var(--mhs-lr-text)!important;

    font-family:var(--mhs-lr-sans)!important;
    font-size:14px!important;
    font-weight:650!important;
    line-height:1!important;

    box-shadow:0 7px 17px rgba(31,41,51,.07)!important;
    cursor:pointer!important;
}

@media (hover:hover){
    .mhs-lens-page--midlife-books-library
    .mhs-library-stage .mhs-books-controls__row
    :is(
        #mhsBooksClear,
        #mhsBookClear,
        .mhs-books-clear
    ):hover{
        background:var(--mhs-lr-sage)!important;
        border-color:rgba(89,104,88,.20)!important;
        color:var(--mhs-lr-text)!important;

        transform:translateY(-1px);
    }
}


/* Count / no-results */
.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-books-controls__meta{
    width:100%!important;

    margin:4px auto 10px!important;

    color:var(--mhs-lr-text);

    font-family:var(--mhs-lr-sans);
    font-size:14.5px;
    line-height:1.4;

    text-align:center!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage
:is(#mhsBooksCount,#mhsBooksNoResults){
    text-align:center!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage #mhsBooksNoResults[hidden]{
    display:none!important;
}


/* =========================================================
   4. BOOK LIBRARY FROM SNIPPET 3949
   ========================================================= */

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-book-library{
    width:100%!important;
    max-width:1120px!important;

    margin:0 auto!important;

    overflow:visible!important;
}

/* Machine-readable helper lines are never visual. */
.mhs-lens-page--midlife-books-library
.mhs-library-stage
:where(.mhs-meta,.mhs-debug,.mhs-raw){
    display:none!important;
}


/* =========================================================
   5. DESKTOP BOOK GRID
   ========================================================= */

.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-library > .mhs-cards{
    display:grid!important;

    grid-template-columns:
        repeat(3,minmax(0,260px))!important;

    justify-content:center!important;
    align-items:stretch!important;
    align-content:start!important;

    width:100%!important;
    max-width:1120px!important;

    gap:18px!important;

    margin:0 auto!important;
    padding:14px 16px 28px!important;

    overflow:visible!important;
}


/* =========================================================
   6. BOOK CARD — MHS LIBRARY SKIN
   ========================================================= */

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-book-card{
    position:relative!important;

    /* Do NOT make this !important:
       the existing filter JS must be allowed to set display:none. */
    display:flex;

    flex-direction:column!important;
    align-items:center!important;

    width:100%!important;
    max-width:260px!important;
    min-width:0!important;
    height:100%!important;

    margin:0!important;
    padding:16px 14px 14px!important;

    gap:8px!important;

    border:1px solid rgba(31,41,51,.07)!important;
    border-radius:20px!important;

    background:#f5ede6!important;
    color:var(--mhs-lr-text)!important;

    text-align:center!important;

    box-shadow:0 10px 28px rgba(31,41,51,.09)!important;

    overflow:visible!important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-book-card[hidden],
.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-book-card.mhs-progressive-hidden{
    display:none!important;
}

@media (hover:hover){
    .mhs-lens-page--midlife-books-library
    .mhs-library-stage .mhs-book-card:hover{
        transform:translateY(-2px)!important;
        filter:brightness(1.012)!important;
        box-shadow:0 15px 34px rgba(31,41,51,.12)!important;
    }
}


/* Book number */
.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-book-card .mhs-num{
    width:100%!important;
    min-height:18px!important;

    margin:0 0 2px!important;

    color:var(--mhs-lr-text)!important;

    font-family:var(--mhs-lr-sans)!important;
    font-size:13px!important;
    font-weight:650!important;
    line-height:1.2!important;

    text-align:center!important;
    opacity:1!important;
}


/* =========================================================
   7. COVER
   ========================================================= */

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-book-card
:is(
    .elementor-widget-image,
    .elementor-widget-image .elementor-widget-container,
    figure
){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    height:225px!important;

    margin:0!important;
    padding:0!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-book-card .mhs-cover-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    height:100%!important;

    margin:0!important;
    padding:0!important;

    color:inherit!important;
    text-decoration:none!important;

    border:0!important;
    background:none!important;
    box-shadow:none!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-book-card .mhs-cover-link img{
    display:block!important;

    width:auto!important;
    height:auto!important;

    max-width:150px!important;
    max-height:100%!important;

    margin:0 auto!important;

    border-radius:13px!important;
    object-fit:contain!important;

    box-shadow:0 6px 18px rgba(31,41,51,.08);
}


/* =========================================================
   8. AUTHOR + TITLE
   ========================================================= */

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-book-card .mhs-author{
    width:100%!important;
    min-height:18px!important;

    margin:0!important;

    color:#5f5a55!important;

    font-family:var(--mhs-lr-sans)!important;
    font-size:12.5px!important;
    font-weight:450!important;
    line-height:1.35!important;

    text-align:center!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-book-card .mhs-title{
    display:-webkit-box!important;

    width:100%!important;
    min-height:42px!important;

    margin:2px 0 4px!important;

    overflow:hidden!important;

    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;

    color:var(--mhs-lr-text)!important;

    font-family:var(--mhs-lr-sans)!important;
    font-size:14px!important;
    font-weight:650!important;
    line-height:1.28!important;

    text-align:center!important;
}


/* =========================================================
   9. READING REFLECTION BADGES
   ========================================================= */

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-reflection-badge-link{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;

    gap:7px!important;

    margin:0 0 4px!important;
    padding:0 10px 4px!important;

    color:inherit!important;
    text-decoration:none!important;

    border:0!important;
    background:none!important;
    box-shadow:none!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-badge-pill{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    min-height:25px!important;

    padding:5px 8px!important;

    border:1px solid rgba(31,41,51,.08)!important;
    border-radius:999px!important;

    background:rgba(255,255,255,.68)!important;
    color:#59646d!important;

    font-family:var(--mhs-lr-sans)!important;
    font-size:11px!important;
    font-weight:500!important;
    line-height:1!important;
}


/* =========================================================
   10. WHY THIS BOOK IS HERE — UPWARD OVERLAY
   ========================================================= */

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-book-accordion{
    position:relative!important;

    width:100%!important;

    margin:1px 0 4px!important;

    overflow:visible!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-accordion details.e-n-accordion-item{
    position:relative!important;

    display:block!important;

    width:100%!important;

    margin:0!important;

    overflow:visible!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-accordion summary.e-n-accordion-item-title{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    min-height:30px!important;

    margin:0!important;
    padding:3px 6px!important;

    border:0!important;
    outline:0!important;

    background:transparent!important;
    box-shadow:none!important;

    cursor:pointer!important;
    list-style:none!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-accordion summary::-webkit-details-marker{
    display:none!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-accordion summary::marker{
    content:"";
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-accordion .e-n-accordion-item-title-icon{
    display:none!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-accordion .e-n-accordion-item-title-text{
    color:#4f5961!important;

    font-family:var(--mhs-lr-sans)!important;
    font-size:11.5px!important;
    font-weight:550!important;
    line-height:1.3!important;

    text-align:center!important;
    text-decoration:none!important;
}

/* Closed state */
.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-accordion
details.e-n-accordion-item
> .e-n-accordion-item-content,

.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-accordion
details.e-n-accordion-item
> div[role="region"]{
    display:none!important;
}

/* Open state */
.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-accordion
details.e-n-accordion-item[open]
> .e-n-accordion-item-content,

.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-accordion
details.e-n-accordion-item[open]
> div[role="region"]{
    position:absolute!important;
    display:block!important;

    left:-12px!important;
    right:auto!important;

    bottom:calc(100% + 8px)!important;
    top:auto!important;

    z-index:9999!important;

    width:calc(100% + 24px)!important;
    max-width:none!important;

    margin:0!important;
    padding:16px!important;

    border:1px solid rgba(31,41,51,.08)!important;
    border-radius:15px!important;

    background:rgba(255,252,249,.985)!important;
    color:#33404a!important;

    box-shadow:0 18px 38px rgba(31,41,51,.16)!important;

    overflow:visible!important;
    text-align:left!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-accordion
:is(.e-n-accordion-item-content,div[role="region"]),
.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-accordion
:is(.e-n-accordion-item-content,div[role="region"]) *{
    color:#33404a!important;

    font-family:var(--mhs-lr-sans)!important;
    text-align:left!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-accordion
:is(.e-n-accordion-item-content,div[role="region"]) p{
    margin:0 0 10px!important;

    font-size:12px!important;
    font-weight:400!important;
    line-height:1.58!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-book-accordion
:is(.e-n-accordion-item-content,div[role="region"]) p:last-child{
    margin-bottom:0!important;
}


/* =========================================================
   11. CARD CTA ROW
   ========================================================= */

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-btn-row{
    display:grid!important;
    grid-template-columns:1fr!important;

    width:100%!important;

    gap:9px!important;

    margin-top:auto!important;
    padding-top:3px!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-btn-row a.elementor-button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:100%!important;
    max-width:none!important;

    min-height:40px!important;

    margin:0!important;
    padding:9px 12px!important;

    border:1px solid transparent!important;
    border-radius:999px!important;

    background-image:none!important;

    font-family:var(--mhs-lr-sans)!important;
    font-size:11.5px!important;
    font-weight:700!important;
    line-height:1.2!important;

    text-align:center!important;
    text-decoration:none!important;

    box-shadow:0 6px 16px rgba(31,41,51,.07)!important;
}

/* Amazon */
.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-btn-row a.mhs-btn-amazon,
.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-btn-row a.mhs-btn-amazon:visited,
.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-btn-row a.mhs-btn-amazon:hover,
.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-btn-row a.mhs-btn-amazon:focus{
    background:#E6B85C!important;
    border-color:#E6B85C!important;
    color:#2f2f2f!important;
}

/* Local bookstore */
.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-btn-row a.mhs-btn-store,
.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-btn-row a.mhs-btn-store:visited,
.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-btn-row a.mhs-btn-store:hover,
.mhs-lens-page--midlife-books-library
.mhs-library-stage
.mhs-btn-row a.mhs-btn-store:focus{
    background:#B45A6A!important;
    border-color:#B45A6A!important;
    color:#fff!important;
}

@media (hover:hover){
    .mhs-lens-page--midlife-books-library
    .mhs-library-stage .mhs-btn-row a.elementor-button:hover{
        transform:translateY(-1px)!important;
        filter:brightness(1.02)!important;
        box-shadow:0 9px 19px rgba(31,41,51,.10)!important;
    }
}


/* =========================================================
   12. SHOW MORE
   ========================================================= */

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-show-more-wrap{
    display:flex!important;
    justify-content:center!important;

    width:100%!important;

    margin:24px auto 0!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-show-more{
    display:block!important;

    width:100%!important;
    max-width:336px!important;

    min-height:42px!important;

    margin:0 auto!important;
    padding:9px 20px!important;

    border:1px solid rgba(113,103,121,.18)!important;
    border-radius:14px!important;

    background:var(--mhs-lr-lilac)!important;
    color:var(--mhs-lr-text)!important;

    font-family:var(--mhs-lr-sans)!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.2!important;

    cursor:pointer!important;

    box-shadow:0 7px 17px rgba(31,41,51,.07)!important;
}

.mhs-lens-page--midlife-books-library
.mhs-library-stage .mhs-show-more[hidden]{
    display:none!important;
}

@media (hover:hover){
    .mhs-lens-page--midlife-books-library
    .mhs-library-stage .mhs-show-more:hover{
        background:var(--mhs-lr-sage)!important;
        border-color:rgba(89,104,88,.20)!important;
        color:var(--mhs-lr-text)!important;

        transform:translateY(-1px);
    }
}


/* =========================================================
   13. READING REFLECTIONS — SIDEBAR TEASER
   ========================================================= */

.mhs-lens-page--midlife-books-library
.mhs-reading-reflections-teaser{
    width:100%;
    max-width:none;

    margin:0;
    padding:0;

    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;

    color:var(--mhs-lr-text);
}

.mhs-lens-page--midlife-books-library
.mhs-reading-reflections-teaser .mhs-lens-side-kicker{
    margin:0 0 14px!important;

    color:#9b655d;

    font-size:10px;
    font-weight:650;
    line-height:1.35;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.mhs-lens-page--midlife-books-library
.mhs-reading-reflections-title{
    margin:0 0 18px;

    color:var(--mhs-lr-text);

    font-family:var(--mhs-lr-serif);
    font-size:24px;
    font-weight:400;
    line-height:1.12;
    letter-spacing:-.015em;
}

.mhs-lens-page--midlife-books-library
.mhs-reading-reflections-copy{
    margin:0 0 20px;

    color:#55504d;

    font-size:13.5px;
    font-weight:400;
    line-height:1.68;
}

.mhs-lens-page--midlife-books-library
.mhs-reading-reflections-signals{
    display:flex;
    flex-wrap:wrap;

    gap:6px;

    margin:0 0 22px;
}

.mhs-lens-page--midlife-books-library
.mhs-reading-reflections-signals span{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:24px;

    padding:4px 8px;

    border:1px solid rgba(173,112,126,.20);
    border-radius:999px;

    background:rgba(255,255,255,.48);
    color:#8f646c;

    font-size:9px;
    font-weight:500;
    line-height:1;
    letter-spacing:.035em;
    text-transform:uppercase;
}

.mhs-lens-page--midlife-books-library
.mhs-reading-reflections-link{
    display:block;

    width:100%;

    margin:0;
    padding:12px 0 1px;

    border-top:1px solid rgba(42,42,42,.25);

    color:var(--mhs-lr-text)!important;

    font-size:11px;
    font-weight:600;
    line-height:1.4;

    text-decoration:none!important;
}

.mhs-lens-page--midlife-books-library
.mhs-reading-reflections-link:hover,
.mhs-lens-page--midlife-books-library
.mhs-reading-reflections-link:focus{
    color:#9b655d!important;
}


/* One clear owner for the Reading Reflections beat. */
.mhs-lens-page--midlife-books-library
.mhs-reading-beat:has(
    > .mhs-side-left .mhs-reading-reflections-teaser
) > .mhs-side-left{
    display:flex!important;
    background:var(--mhs-lr-blush)!important;
}

.mhs-lens-page--midlife-books-library
.mhs-reading-beat:has(
    > .mhs-side-left .mhs-reading-reflections-teaser
) > .mhs-side-right{
    display:none!important;
}

@media (min-width:1100px){
    .mhs-lens-page--midlife-books-library
    .mhs-reading-beat:has(
        > .mhs-side-left .mhs-reading-reflections-teaser
    ){
        display:grid!important;

        grid-template-columns:
            var(--mhs-rail)
            minmax(0,1fr)!important;

        grid-template-areas:"left main"!important;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-reading-beat:has(
        > .mhs-side-left .mhs-reading-reflections-teaser
    ) > .mhs-side-left{
        grid-area:left!important;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-reading-beat:has(
        > .mhs-side-left .mhs-reading-reflections-teaser
    ) > .mhs-main-copy{
        grid-area:main!important;
    }
}


/* =========================================================
   14. TABLET
   Same outer width as the generic Lens frame.
   ========================================================= */

@media (min-width:768px) and (max-width:1099px){

    .mhs-lens-page--midlife-books-library .mhs-library-stage{
        width:calc(100vw - 36px)!important;
        max-width:calc(100vw - 36px)!important;

        padding:36px 22px 46px!important;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-reading-beat:has(
        > .mhs-side-left .mhs-reading-reflections-teaser
    ) > .mhs-side-left{
        order:2!important;
        width:100%!important;

        padding:28px 34px!important;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-reading-reflections-teaser{
        max-width:520px;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-library-stage
    .mhs-book-library > .mhs-cards{
        grid-template-columns:
            repeat(3,minmax(0,220px))!important;

        gap:16px!important;

        padding-left:0!important;
        padding-right:0!important;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-library-stage .mhs-book-card{
        max-width:220px!important;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-library-stage
    .mhs-book-card .mhs-cover-link img{
        max-width:140px!important;
    }
}


/* =========================================================
   15. MOBILE
   ========================================================= */

@media (max-width:767px){

    .mhs-lens-page--midlife-books-library .mhs-library-stage{
        width:100vw!important;
        max-width:100vw!important;

        margin-left:0!important;
        margin-right:0!important;

        padding:30px 0 40px!important;

        border-left:0;
        border-right:0;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-library-stage .mhs-library-title .elementor-heading-title,
    .mhs-lens-page--midlife-books-library
    .mhs-library-stage > .elementor-widget-heading .elementor-heading-title,
    .mhs-lens-page--midlife-books-library
    .mhs-library-stage h2.mhs-library-title,
    .mhs-lens-page--midlife-books-library
    .mhs-library-stage h3.mhs-library-title{
        margin-bottom:22px!important;
        font-size:34px!important;
        line-height:1.08!important;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-library-stage .mhs-books-controls__row{
        width:calc(100% - 28px)!important;
        max-width:none!important;

        margin-left:auto!important;
        margin-right:auto!important;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-library-stage
    .mhs-books-controls__row
    :is(
        #mhsBookSearch,
        #mhsBookCategory,
        #mhsBookAuthor,
        #mhsBookSort,
        input[type="search"],
        input[type="text"],
        select
    ){
        height:50px!important;
        min-height:50px!important;

        font-size:16px!important;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-library-stage .mhs-books-controls__meta{
        padding:0 14px!important;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-library-stage
    .mhs-book-library > .mhs-cards{
        display:flex!important;
        flex-direction:row!important;
        flex-wrap:nowrap!important;

        justify-content:flex-start!important;
        align-items:stretch!important;

        width:100%!important;
        max-width:none!important;

        gap:16px!important;

        margin:0!important;
        padding:8px 18px 20px!important;

        overflow-x:auto!important;
        overflow-y:visible!important;

        scroll-snap-type:x proximity;
        scroll-padding-left:18px;

        -webkit-overflow-scrolling:touch;
        overscroll-behavior-x:contain;
        scrollbar-width:none;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-library-stage
    .mhs-book-library > .mhs-cards::-webkit-scrollbar{
        display:none!important;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-library-stage .mhs-book-card{
        flex:0 0 78vw!important;

        width:78vw!important;
        max-width:320px!important;

        margin:6px 0!important;

        scroll-snap-align:start!important;

        transform:none!important;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-library-stage
    .mhs-book-card .mhs-cover-link img{
        max-width:150px!important;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-reading-reflections-title{
        font-size:23px;
        line-height:1.12;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-reading-reflections-copy{
        font-size:14px;
        line-height:1.65;
    }

    .mhs-lens-page--midlife-books-library
    .mhs-library-stage
    .mhs-book-accordion
    details.e-n-accordion-item[open]
    > .e-n-accordion-item-content,

    .mhs-lens-page--midlife-books-library
    .mhs-library-stage
    .mhs-book-accordion
    details.e-n-accordion-item[open]
    > div[role="region"]{
        left:-8px!important;

        width:calc(100% + 16px)!important;

        padding:15px!important;
    }
}


/* -----------------------------------------
   2) CATEGORY: Wink ✨ back (if it disappeared)
   ----------------------------------------- */
.mhs-winkline{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:14px auto 18px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  max-width:680px !important;
  font-family:var(--mhs-font) !important;
}
.mhs-winkline::before{
  content:"\2728" !important;
  opacity:.85 !important;
}
/* -----------------------------------------
   1) HOME + CATEGORY CARDS: kill blue + underline
   (only inside MHS cards/rails, not sitewide)
   ----------------------------------------- */

/* If the whole card is an a OR links live inside the card */
body:not(.page-id-13011) .mhs-card,
body:not(.page-id-13011) .mhs-card :where(a, a:visited, a:hover, a:focus),
body:not(.page-id-13011) .mhs-cards :where(a, a:visited, a:hover, a:focus){
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  background-image: none !important;
 }

/* Extra: Elementor heading links sometimes force blue */
body:not(.page-id-13011) .mhs-card :where(.elementor-heading-title a,
                                        .elementor-widget-heading a,
                                        .elementor-widget-text-editor a){
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}

/* Homepage card titles */
body.page-id-9 .mhs-cat-title,
body.page-id-9 .mhs-cat-title a{
  color:#88B7CA !important;
}
@media (hover:hover){
  body.page-id-9 .mhs-card:hover .mhs-cat-title,
  body.page-id-9 .mhs-card:hover .mhs-cat-title a{
    color:#6FA3B9 !important;
  }
}
/* =========================================================
   MHS — CATEGORY PAGES PATCH (paste at VERY END)
   Fixes:
   1) Card alignment when a wraps the card or IS the card
   2) FAQ link color + no underline
   3) Bottom prev/next category links no underline + light blue
   Scope: pages that contain .mhs-faq (category pages)
   ========================================================= */

/* --- 0) Scope (category pages only) --- */
body:has(.mhs-faq){

  /* 1) If the card is an a class="mhs-card" OR an a wraps .mhs-card */
  --mhs-link: var(--mhs-heading, #76B9D6);
  --mhs-link-hover: var(--mhs-hover, #5F5F5F);
}

/* --- 1) CARD ALIGNMENT (fix wrap/link variants) --- */
body:has(.mhs-faq) .mhs-cards :is(a.mhs-card, a > .mhs-card){
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  box-sizing:border-box;
  height:100%;
}

/* Ensure image block in cards stays identical everywhere */
body:has(.mhs-faq) .mhs-cards :is(a.mhs-card, a > .mhs-card)
  :is(.elementor-widget-image, .elementor-widget-image .elementor-widget-container, figure){
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  height:225px;
}

body:has(.mhs-faq) .mhs-cards :is(a.mhs-card, a > .mhs-card) img{
  display:block;
  width:auto;
  height:auto;
  max-width:150px;
  max-height:100%;
  margin:0 auto;
  border-radius:14px;
}

/* Kill ALL underline effects inside cards (but never break buttons) */
body:has(.mhs-faq) .mhs-cards :where(a:not(.elementor-button)),
body:has(.mhs-faq) .mhs-cards :where(a:not(.elementor-button) *){
  text-decoration:none !important;
  text-decoration-line:none !important;
  border-bottom:0 !important;
  background-image:none !important;
  box-shadow:none !important;
  color:inherit !important;
}

/* === MHS FAQ: links altijd MHS-lightblue en nooit onderstreept (override Astra) === */
.mhs-faq :is(a, a:visited, a:hover, a:focus, a:active),
.mhs-faq :is(.elementor-widget-heading a, .elementor-widget-text-editor a, .elementor-icon-list-item a){
  color: #88B7CA !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.mhs-faq :is(a:hover, a:focus){
  /* iets donkerder, maar nog steeds “MHS” */
  color: #6FA4B9 !important;
}


/* --- 3) Bottom prev/next category links (heading widgets) --- */
body:has(.mhs-faq) .elementor-widget-heading .elementor-heading-title > a,
body:has(.mhs-faq) .elementor-widget-heading .elementor-heading-title > a *{
  color: var(--mhs-link) !important;
  text-decoration:none !important;
  border-bottom:0 !important;
  background-image:none !important;
  box-shadow:none !important;
}

body:has(.mhs-faq) .elementor-widget-heading .elementor-heading-title > a:hover,
body:has(.mhs-faq) .elementor-widget-heading .elementor-heading-title > a:focus{
  color: var(--mhs-link-hover) !important;
}

/* ===========================================
   CATEGORY PAGES — force MHS card "skin"
   (scope: pages that contain .mhs-faq)
   Fix: missing shadow / border / hover feel
   =========================================== */

body:has(.mhs-faq) .mhs-cards :is(a.mhs-card, a > .mhs-card){
   box-shadow: var(--mhs-card-shadow) !important;
  border-radius: 20px !important;
  overflow: visible !important;  /* keep same feel */
}

/* Hover feel back (same as homepage) */
@media (hover:hover){
  body:has(.mhs-faq) .mhs-cards :is(a.mhs-card, a > .mhs-card):hover{
    transform: translateY(-2px) !important;
    filter: brightness(1.02) !important;
    box-shadow: 0 18px 36px rgba(0,0,0,.14) !important;
  }
}

/* Safety: if the clickable wrapper is the a, make it behave like a block card */
body:has(.mhs-faq) .mhs-cards a.mhs-card{
  display: flex !important;
  flex-direction: column !important;
}

.mhs-prevnext{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  max-width:1120px;
  margin:22px auto 0;
}
.mhs-prevnext .elementor-heading-title a{
  text-decoration:none!important;
}
.mhs-prevnext .is-disabled{ opacity:.35; }
/* =========================================================
   MHS — SHARED SEARCH / FILTER CONTROLS
   One component for Books, Behind the Themes and Episodes.

   IMPORTANT:
   - Existing HTML already uses .mhs-books-controls__row and
     .mhs-books-controls__meta.
   - Do NOT require an additional .mhs-books-controls parent.
   - This keeps the existing Books/BTT/Episodes markup compatible.
   ========================================================= */

body .mhs-books-controls__row{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  align-items:stretch !important;
  max-width:420px !important;
  width:100% !important;
  margin:0 auto 14px !important;
}

/* Search input + dropdowns: one exact MHS style. */
body .mhs-books-controls__row
:is(
  #mhsBookSearch,
  #mhsSourceSearch,
  #mhsEpisodeSearch,
  input[type="search"],
  input[type="text"],
  #mhsBookCategory,
  #mhsBookAuthor,
  #mhsBookSort,
  #mhsSourceLens,
  #mhsSourceAuthority,
  #mhsSourceSort,
  #mhsEpisodeLens,
  #mhsEpisodeClassification,
  #mhsEpisodeSort,
  .mhs-books-select
){
  width:100% !important;
  box-sizing:border-box !important;

  height:46px !important;
  min-height:46px !important;

  font-family:var(--mhs-font,"Montserrat",sans-serif) !important;
  font-size:15px !important;
  font-weight:400 !important;
  color:var(--mhs-text,#2F2F2F) !important;

  background:rgba(255,255,255,.55) !important;
  border:1px solid rgba(0,0,0,.10) !important;
  border-radius:14px !important;

  padding:10px 14px !important;
  box-shadow:0 10px 22px rgba(0,0,0,.08) !important;

  outline:none !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}

/* Focus */
body .mhs-books-controls__row
:is(
  #mhsBookSearch,
  #mhsSourceSearch,
  #mhsEpisodeSearch,
  input[type="search"],
  input[type="text"],
  select
):focus{
  border-color:rgba(118,185,214,.55) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.10) !important;
  filter:brightness(1.01);
}

/* Reset + shared Show More buttons */
body .mhs-books-controls__row
:is(
  #mhsBooksClear,
  #mhsBookClear,
  #mhsSourcesClear,
  .mhs-books-clear,
  .mhs-show-more
){
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 16px !important;

  border-radius:14px !important;
  background:#8B6A4F !important;
  background-color:#8B6A4F !important;
  border:1px solid #8B6A4F !important;
  color:#FFFFFF !important;

  font-family:var(--mhs-font,"Montserrat",sans-serif) !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1 !important;

  box-shadow:0 10px 22px rgba(0,0,0,.10) !important;
  cursor:pointer !important;
  text-decoration:none !important;

  background-image:none !important;
  -webkit-appearance:none !important;
  appearance:none !important;

  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease !important;
}

@media (hover:hover){
  body .mhs-books-controls__row
  :is(
    #mhsBooksClear,
    #mhsBookClear,
    #mhsSourcesClear,
      .mhs-books-clear,
    .mhs-show-more
  ):hover{
    background:#76B9D6 !important;
    background-color:#76B9D6 !important;
    border-color:#76B9D6 !important;
    color:#FFFFFF !important;
    transform:translateY(-1px);
    box-shadow:0 14px 28px rgba(0,0,0,.14) !important;
  }
}

/* Shared count / no-results line. */
body .mhs-books-controls__meta{
  width:100% !important;
  text-align:center !important;
  margin-top:6px !important;
}

body .mhs-books-controls__meta
:is(
  #mhsBooksCount,
  #mhsBooksNoResults,
  #mhsSourcesCount,
  #mhsSourcesNoResults,
  #mhsEpisodesCount,
  #mhsEpisodesNoResults
){
  display:inline-block !important;
  text-align:center !important;
}

body .mhs-books-controls__meta
:is(
  #mhsBooksNoResults,
  #mhsSourcesNoResults,
  #mhsEpisodesNoResults,
  .mhs-books-noresults
)[hidden]{
  display:none !important;
}

body .mhs-books-controls__meta
:is(
  #mhsBooksNoResults,
  #mhsSourcesNoResults,
  #mhsEpisodesNoResults,
  .mhs-books-noresults
){
  margin-left:8px !important;
  opacity:.8;
}

@media (max-width:767px){
  body .mhs-books-controls__row{
    max-width:92vw !important;
  }

  body .mhs-books-controls__row
  :is(
    #mhsBookSearch,
    #mhsSourceSearch,
    #mhsEpisodeSearch,
    input[type="search"],
    input[type="text"]
  ){
    font-size:16px !important;
  }
}

/* =========================================================
   BOOKS LIBRARY (13011) — Explore Lenses: pills + CTA (single truth)
   Replace old block ~1020–1084 with this
   ========================================================= */

body:is(.page-id-13011, .page-id-1535, .page-id-6174, .page-id-8024) .mhs-lenses-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}
@media (max-width:767px){
  body:is(.page-id-13011, .page-id-1535, .page-id-6174, .page-id-8024) .mhs-lenses-grid{ grid-template-columns:1fr; }
}

/* Pills */
body:is(.page-id-13011, .page-id-1535, .page-id-6174, .page-id-8024) a.mhs-lens-pill{
  display:flex;
  align-items:center;
  width:100%;
  box-sizing:border-box;

  height:46px;
  padding:0 16px;
  border-radius:999px;

  background:#FFFFFF;
  border:1px solid rgba(0,0,0,.10);
  box-shadow:0 10px 22px rgba(0,0,0,.08);

  font-family:var(--mhs-font,"Montserrat",sans-serif);
  font-size:14px;
  font-weight:500;
  color:var(--mhs-text,#2F2F2F) !important;

  text-decoration:none !important;
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

/* CTA row: make it a 2-col grid so widths match the pills exactly */
body:is(.page-id-13011, .page-id-1535, .page-id-6174, .page-id-8024) .mhs-lenses-cta{
  margin-top:14px;
  width:100%;
  display:grid;
  
  gap:12px;
  justify-items:stretch;
  align-items:stretch;
}

/* CTA base (same skin as pills) */
body:is(.page-id-13011, .page-id-1535, .page-id-6174, .page-id-8024) .mhs-lenses-cta a.mhs-lens-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  box-sizing:border-box;

  height:46px;
  padding:0 16px;
  border-radius:999px;

  background:#FFFFFF;
  border:1px solid rgba(0,0,0,.10);
  box-shadow:0 10px 22px rgba(0,0,0,.08);

  font-family:var(--mhs-font,"Montserrat",sans-serif);
  font-size:13px;
  font-weight:600;
  color:var(--mhs-text,#2F2F2F) !important;

  text-decoration:none !important;
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease, background-color .18s ease;
}

/* Primary variant */
body:is(.page-id-13011, .page-id-1535, .page-id-6174, .page-id-8024) .mhs-lenses-cta a.mhs-lens-btn--primary{
  background:#7B5F4A !important;
  border-color:#7B5F4A !important;
  color:#FFFFFF !important;
}

/* Hover (desktop only) */
@media (hover:hover){
  body:is(.page-id-13011, .page-id-1535, .page-id-6174, .page-id-8024) a.mhs-lens-pill:hover,
  body:is(.page-id-13011, .page-id-1535, .page-id-6174, .page-id-8024) .mhs-lenses-cta a.mhs-lens-btn:hover{
    transform:translateY(-1px);
    filter:brightness(1.01);
    box-shadow:0 14px 28px rgba(0,0,0,.10);
  }

  body:is(.page-id-13011, .page-id-1535, .page-id-6174, .page-id-8024) .mhs-lenses-cta a.mhs-lens-btn--primary:hover{
    background:#6F533F !important;
    border-color:#6F533F !important;
    filter:none;
  }
}

/* Keyboard focus (nice + premium) */
body:is(.page-id-13011, .page-id-1535, .page-id-6174, .page-id-8024) a.mhs-lens-pill:focus-visible,
body:is(.page-id-13011, .page-id-1535, .page-id-6174, .page-id-8024) .mhs-lenses-cta a.mhs-lens-btn:focus-visible{
  outline:2px solid rgba(118,185,214,.55);
  outline-offset:2px;
}
/* HOME lens cards: perfect alignment */
body:is(.page-id-13011, .page-id-1535, .page-id-6174, .page-id-8024) .mhs-lens-card{
  height:360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  box-sizing:border-box;
  padding:18px 16px 14px;
}

/* kill default heading margins + clamp */
body.page-id-9 .mhs-lens-title .elementor-heading-title,
body.page-id-9 .mhs-lens-caption .elementor-heading-title{
  margin:0 !important;
  text-align:center;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* title: fixed area (max 2 lines) */
body.page-id-9 .mhs-cat-title{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
body.page-id-9 .mhs-cat-title .elementor-heading-title{
  -webkit-line-clamp:2;
  line-height:1.15;
}

/* icon: fixed window, always centered */
body.page-id-9 .mhs-lens-icon{
  width:100%;
  height:170px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 !important;
}
body.page-id-9 .mhs-lens-icon img{
  max-height:140px;
  width:auto;
  height:auto;
  object-fit:contain;
  display:block;
}

/* caption: anchored to bottom, max 2 lines */
body.page-id-9 .mhs-lens-caption{
  width:100%;
  margin-top:auto !important;
  min-height:56px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
body.page-id-9 .mhs-lens-caption .elementor-heading-title{
  -webkit-line-clamp:2;
  line-height:1.2;
}
/* ===== Behind the Themes — card (page-id-6174) ===== */

/* HTML widget must stretch in Elementor flex */
body.page-id-6174 .elementor-widget-html{
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 0;
}

/* Card */
body.page-id-6174 .mhs-btt-card{
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: 0.9fr 2.5fr 0.6fr; /* jouw verhoudingen */
  gap: 30px;

  padding: 40px;               /* jouw “meer lucht” */
  border-radius: 18px;
  background: #EFE3C8;

  /* geen debug outline meer */
  border: 1px solid rgba(180,90,106,.22);   /* zachte MHS-berry rand */
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

body.page-id-6174 .mhs-btt-left,
body.page-id-6174 .mhs-btt-mid,
body.page-id-6174 .mhs-btt-right{
  min-width: 0;
}

/* Left column: centered logo + title */
body.page-id-6174 .mhs-btt-left{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
}

body.page-id-6174 .mhs-btt-head{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

body.page-id-6174 .mhs-btt-logo{
  width: 128px;
  height: 128px;
  border-radius: 18px;
  background: rgba(0,0,0,.03);
  display: flex;
  align-items: center;
  justify-content: center;
}

body.page-id-6174 .mhs-btt-logo img{
  max-width: 88%;
  max-height: 88%;
  object-fit: contain;
  display: block;
}

body.page-id-6174 .mhs-btt-title,
body.page-id-6174 .mhs-btt-subtitle,
body.page-id-6174 .mhs-btt-desc{
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: auto;
}

body.page-id-6174 .mhs-btt-title{
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
}

body.page-id-6174 .mhs-btt-subtitle{
  margin: 0;
  opacity: .75;
  line-height: 1.3;
}

/* Icons row: 4 next to each other */
body.page-id-6174 .mhs-btt-chips{
  display: grid;
  grid-template-columns: repeat(3, 64px);
  gap: 12px;
  justify-content: center;
  align-items: center;
}

body.page-id-6174 .mhs-btt-chips a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  padding: 0;
  margin: 0;
  line-height: 1;
  text-decoration: none;
}

body.page-id-6174 .mhs-btt-chips img{
  width: 64px;
  height: auto;
  display: block;
}

/* Mid text */
body.page-id-6174 .mhs-btt-desc{
  margin: 0;
  line-height: 1.45;
  opacity: .92;
}
/* Disclaimer: smaller + italic + calm */
body.page-id-6174 .mhs-btt-disclaimer{
  margin-top: 6px;
  font-size: 12px;
  font-style: italic;
  line-height: 1.35;
  opacity: .70;
}

/* Right column (Topics) */
body.page-id-6174 .mhs-btt-actions{
  display: flex;
  flex-direction: column;
  gap: 8px;              /* tighter vertical rhythm */
}
/* Topics label: less space before first button */
body.page-id-6174 .mhs-btt-topics-title{
  font-weight: 700;
  margin: 0 0 4px;       /* small gap to first button */
  line-height: 1.1;
}


body.page-id-6174 a.mhs-btt-btn,
body.page-id-6174 a.mhs-btt-btn:visited{
  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  padding: 12px 16px;
  border-radius: 999px;

  font-weight: 700;
  text-decoration: none;
  border-bottom: 0;
  background-image: none;
}

body.page-id-6174 a.mhs-btt-btn--ghost,
body.page-id-6174 a.mhs-btt-btn--ghost:visited{
  background: #E6B85C;
  border: 1px solid #E6B85C;
  color: #2F2F2F;
}
.page-id-6174 a.mhs-btt-btn--share,
.page-id-6174 a.mhs-btt-btn--share:visited{
  background:#B45A6A;
  border:1px solid #B45A6A;
  color:#FFFFFF;
}

/* Responsive — Behind the Themes */
@media (max-width: 980px){

  body.page-id-6174 .mhs-btt-card{
    grid-template-columns: minmax(0, 1fr);
    padding: 24px;
  }

  body.page-id-6174 .mhs-btt-actions{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    width: 100%;
  }

  body.page-id-6174 .mhs-btt-topics-title{
    width: 100%;
    margin: 0 0 2px;
  }

  body.page-id-6174 .mhs-btt-actions :is(
    .mhs-btt-btn,
    .mhs-btt-btn--share
  ){
    width: 100% !important;
    max-width: none !important;
    height: 56px;
    margin: 0 !important;
    box-sizing: border-box;
    flex: none !important;
  }
}
/* Lens archive → Book Cards */
.tax-lens .mhs-lens-container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 16px 48px;
}
.tax-lens .mhs-lens-title{
  margin: 0 0 20px;
}

.tax-lens .mhs-book-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:18px;
}
@media (max-width: 980px){
  .tax-lens .mhs-book-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .tax-lens .mhs-book-grid{ grid-template-columns: 1fr; }
}

.tax-lens .mhs-book-card{
  padding:16px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
}

.tax-lens .mhs-book-main{
  display:flex;
  gap:14px;
  text-decoration:none;
  color:inherit;
}

.tax-lens .mhs-book-cover{
  width:72px;
  height:96px;
  border-radius:12px;
  overflow:hidden;
  background:rgba(0,0,0,.03);
  flex:0 0 72px;
}
.tax-lens .mhs-book-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.tax-lens .mhs-book-cover--placeholder{
  width:100%; height:100%;
  background:rgba(0,0,0,.06);
}

.tax-lens .mhs-book-title{ font-weight:700; line-height:1.2; }
.tax-lens .mhs-book-author{ opacity:.7; margin-top:6px; }
.tax-lens .mhs-book-why{ opacity:.85; margin-top:10px; line-height:1.35; }

.tax-lens .mhs-book-links{
  display:flex;
  gap:10px;
  margin-top:12px;
  flex-wrap:wrap;
}
.tax-lens .mhs-book-btn{
  display:inline-flex;
  justify-content:center;
  padding:10px 12px;
  border-radius:12px;
  text-decoration:none;
  background:#111;
  color:#fff;
  flex:1 1 140px;
}
.tax-lens .mhs-book-btn--ghost{
  background:rgba(0,0,0,.06);
  color:#111;
}

.tax-lens .mhs-pagination{
  margin-top: 22px;
}
/* ========== Lens cards: button alignment + MHS colors ========== */
.tax-lens .mhs-book-card{
  display:flex;
  flex-direction:column;      /* zodat links altijd onderaan kunnen */
}

.tax-lens .mhs-book-main{
  flex: 1 1 auto;             /* content vult hoogte, buttons blijven onder */
}

.tax-lens .mhs-book-links{
  margin-top: 14px;
  display:flex;
  gap:12px;
  align-items:stretch;
}

.tax-lens .mhs-book-btn{
  flex: 1 1 0;
  border-radius: 999px;
  padding: 12px 14px;
  font-weight: 600;
  line-height: 1;
  text-align:center;
  border: 0;
}

/* Amazon = goud/oranje (pas aan als jij exact andere hex gebruikt) */
.tax-lens .mhs-book-btn{
  background: #E6B85C;   /* warm gold */
  color: #111;
}

/* Bookstore = berry/rood */
.tax-lens .mhs-book-btn--ghost{
  background: #B45A6A;   /* berry */
  color: #fff;
}
.tax-lens .mhs-book-main{
  cursor: default;
}
/* Icons / chips: keep them tight in one row */
.page-id-6174 .mhs-chips{
  display: flex !important;
  flex-wrap: wrap;              /* wrap mag, maar met kleine gap */
  gap: 16px !important;          /* <-- bepaal hier spacing */
  justify-content: flex-start !important;
  align-items: center !important;
}

/* Links mogen niet full width worden */
.page-id-6174 .mhs-chips a{
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

/* Icons zelf */
.page-id-6174 .mhs-chips img{
  display: block !important;
  width: 44px !important;       /* <- maak 36/40/44 afhankelijk van wat je wilt */
  height: auto !important;
  margin: 0 !important;
}
.page-id-6174 .mhs-btt-source{font-size:12px;opacity:.7;text-decoration:none;color:inherit;}
.page-id-6174 .mhs-btt-source:hover{text-decoration:underline;opacity:.9;}
body.page-id-6174 .mhs-btt-chips a{ cursor: pointer; }
body.page-id-6174 .mhs-btt-chips a:hover{ transform: translateY(-1px); }
/* Authority cards container spacing */
#mhsAuthorityCards.mhs-btt-grid{
  display: flex;
  flex-direction: column;
  gap: 22px;          /* more separation between cards */
  padding: 10px 0 28px;
  overflow: visible;  /* allow shadows to render */
}

/* Make sure cards show shadow cleanly */
#mhsAuthorityCards .mhs-btt-card{
  overflow: visible;
}
/* -----------------------------
   AUTHORITY CARDS (MHS)
   sandy background + spacing + fixed disclaimer
   ----------------------------- */

/* 1) Make the list a real layout so gaps work */
#mhsAuthorityCards.mhs-btt-grid{
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 8px 0 28px;
  overflow: visible;
}

/* 2) Card look: sand + shadow like Library */
#mhsAuthorityCards .mhs-btt-card{
  background-color: #EFE3C8 !important;  /* adjust if you want slightly darker/lighter */
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  overflow: visible;
}

/* If shadows still feel faint, uncomment:
#mhsAuthorityCards .mhs-btt-card{ box-shadow: 0 16px 36px rgba(0,0,0,.12); }
*/

/* 3) Pin disclaimer to the bottom of the middle column */
#mhsAuthorityCards .mhs-btt-mid{
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 220px; /* makes the disclaimer land in a consistent place */
}

/* Keep description from crowding the disclaimer */
#mhsAuthorityCards .mhs-btt-desc{
  margin: 0;
  padding-bottom: 14px; /* the 'white space' you asked for (space, not color) */
}

/* Disclaimer sits at the bottom with a little separation */
#mhsAuthorityCards .mhs-btt-disclaimer{
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,.10);
  font-size: 12px;
  line-height: 1.35;
  opacity: .78;
}

/* 4) If any parent container clips shadows, this helps */
.elementor-widget-shortcode,
.elementor-widget-shortcode .elementor-widget-container{
  overflow: visible;
}
/* =========================================================
   BEHIND THE THEMES / AUTHORITY STYLE
   Apply to page 6174 + page 228 + page 4838 + page 7349
   ========================================================= */

body:is(.page-id-6174, .page-id-228, .page-id-13011, .page-id-7349) .mhs-prevnext,
body:is(.page-id-6174, .page-id-228, .page-id-13011, .page-id-7349, .page-id-1535) .mhs-bottom-links {
  position: relative !important;
  z-index: 50 !important;
  pointer-events: auto !important;
}

/* Links zelf: geen underline, MHS-blauw, klikbaar */
body:is(.page-id-6174, .page-id-228, .page-id-13011, .page-id-7349) .mhs-prevnext a,
body:is(.page-id-6174, .page-id-228, .page-id-13011, .page-id-7349, .page-id-1535) .mhs-bottom-links a,
body:is(.page-id-6174, .page-id-228, .page-id-13011, .page-id-7349) a[href*="/about"],
body:is(.page-id-6174, .page-id-228, .page-id-13011, .page-id-7349) a[href*="/midlife-favorites"] {
  position: relative !important;
  z-index: 60 !important;
  pointer-events: auto !important;

  color: #76B9D6 !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
  border-bottom: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

body:is(.page-id-6174, .page-id-228, .page-id-13011, .page-id-7349) .mhs-prevnext a:hover,
body:is(.page-id-6174, .page-id-228, .page-id-13011, .page-id-7349, .page-id-1535) .mhs-bottom-links a:hover,
body:is(.page-id-6174, .page-id-228, .page-id-13011, .page-id-7349) a[href*="/about"]:hover,
body:is(.page-id-6174, .page-id-228, .page-id-13011, .page-id-7349) a[href*="/midlife-favorites"]:hover {
  color: #5F5F5F !important;
  text-decoration: none !important;
}

/* Decoratieve footer/cloud images mogen geen clicks blokkeren */
body:is(.page-id-6174, .page-id-228, .page-id-13011, .page-id-7349) .mhs-footer-cloud,
body:is(.page-id-6174, .page-id-228, .page-id-13011, .page-id-7349) .mhs-footer-cloud *,
body:is(.page-id-6174, .page-id-228, .page-id-13011, .page-id-7349) .elementor-widget-image.mhs-footer-cloud,
body:is(.page-id-6174, .page-id-228, .page-id-13011, .page-id-7349) .elementor-widget-image.mhs-footer-cloud * {
  pointer-events: none !important;
}
.mhs-invitation-panel {
  background: #E6E3DE;
  border-radius: 24px;
  padding: 36px 42px;
  max-width: 720px;
  margin: 40px auto 56px auto;
  box-shadow: 0 14px 34px rgba(31,41,51,0.08);
}

.mhs-invitation-panel h2 {
  margin-bottom: 18px;
}

.mhs-invitation-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 28px;
}

.mhs-invitation-steps h3 {
  font-size: 16px;
  margin-bottom: 8px;
}

.mhs-invitation-steps p {
  font-size: 14px;
  line-height: 1.55;
}

@media (max-width: 767px) {
  .mhs-invitation-panel {
    padding: 28px 22px;
  }

  .mhs-invitation-steps {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}
/* Smaller cards for Inside the Studio action cards */
.mhs-action-card {
  max-width: 170px;
  min-height: 170px;
  padding: 22px 18px !important;
  border-radius: 18px;
}

/* Text inside the action cards */
.mhs-action-card h3,
.mhs-action-card h4,
.mhs-action-card .elementor-heading-title {
  font-size: 15px;
  line-height: 1.25;
  margin-bottom: 14px;
}

.mhs-action-card p {
  font-size: 13px;
  line-height: 1.55;
}

/* =========================================================
   19 — READING REFLECTIONS — SINGLE OWNER v32
   Main:  .mhs-lens-page--reading-reflections
   Hero:  .mhs-lens-hero--reading-reflections
   Tool:  .mhs-reflections-stage

   IMPORTANT
   - Current RR.html uses .mhs-rr-journey as the inner pink card.
   - The Elementor .mhs-reflections-stage is now the visual frame.
   - Picker uses the full available stage width.
   - Questions remain at a readable 760px.
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

@media (min-width:1100px){
  .mhs-lens-page--reading-reflections
  .mhs-lens-hero--reading-reflections{
    background:
      linear-gradient(
        90deg,
        rgba(248,243,237,1) 0%,
        rgba(248,243,237,1) 41%,
        rgba(248,243,237,.96) 47%,
        rgba(248,243,237,.22) 59%,
        rgba(248,243,237,0) 72%
      ),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/19-reading-reflections-16x9-1.webp")
        right center / 58% auto no-repeat!important;
  }
}

@media (min-width:768px) and (max-width:1099px){
  .mhs-lens-page--reading-reflections
  .mhs-lens-hero--reading-reflections{
    min-height:500px!important;
    padding-left:38px!important;
    padding-right:50%!important;

    background:
      linear-gradient(
        90deg,
        rgba(248,243,237,1) 0%,
        rgba(248,243,237,1) 38%,
        rgba(248,243,237,.94) 46%,
        rgba(248,243,237,.20) 61%,
        rgba(248,243,237,0) 74%
      ),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/19-reading-reflections-1x1-1.webp")
        right center / 58% auto no-repeat!important;
  }
}

@media (max-width:767px){
  html body
  .mhs-lens-page.mhs-lens-page--reading-reflections
  .mhs-lens-hero.mhs-lens-hero--reading-reflections{
    min-height:0!important;
    padding:105vw 20px 32px!important;

    background:
      linear-gradient(
        180deg,
        rgba(248,243,237,0) 0 50%,
        rgba(248,243,237,.88) 64%,
        rgba(248,243,237,1) 80%
      ),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/19-reading-reflections-9x16-1.webp")
        center top / 100% auto no-repeat,
      var(--mhs-lr-paper,#fbf8f3)!important;
  }
}


/* ---------------------------------------------------------
   ELEMENTOR TOOL STAGE
   --------------------------------------------------------- */

.mhs-lens-page--reading-reflections .mhs-reflections-stage{
  display:block!important;

  width:var(--mhs-wide,min(1400px,calc(100vw - 64px)))!important;
  max-width:var(--mhs-wide,min(1400px,calc(100vw - 64px)))!important;

  min-height:0!important;
  height:auto!important;

  margin:0 auto!important;
  padding:42px 34px 54px!important;

  border:1px solid var(--mhs-lr-line,#d8cec4)!important;
  border-radius:0!important;

  background:var(--mhs-lr-paper,#fbf8f3)!important;
  box-shadow:none!important;

  overflow:visible!important;
  box-sizing:border-box!important;
}

.mhs-lens-page--reading-reflections .mhs-reflections-stage *,
.mhs-lens-page--reading-reflections .mhs-reflections-stage *::before,
.mhs-lens-page--reading-reflections .mhs-reflections-stage *::after{
  box-sizing:border-box;
}

.mhs-lens-page--reading-reflections
.mhs-reflections-stage > .e-con-inner{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;

  margin:0!important;
  padding:0!important;

  background:transparent!important;
}

.mhs-lens-page--reading-reflections
.mhs-reflections-stage
:is(
  .elementor-widget-html,
  .elementor-widget-shortcode,
  .elementor-widget-html > .elementor-widget-container,
  .elementor-widget-shortcode > .elementor-widget-container,
  .elementor-shortcode
){
  width:100%!important;
  max-width:none!important;
  min-width:0!important;

  margin-left:0!important;
  margin-right:0!important;

  overflow:visible!important;
}


/* ---------------------------------------------------------
   CURRENT RR.html OUTER TOOL
   --------------------------------------------------------- */

.mhs-lens-page--reading-reflections
.mhs-reflections-stage #mhsReflectionsTool{
  position:static!important;
  left:auto!important;

  width:100%!important;
  max-width:1120px!important;
  min-width:0!important;

  margin:0 auto!important;
  padding:0!important;

  border:0!important;
  border-radius:0!important;

  background:transparent!important;
  box-shadow:none!important;

  transform:none!important;
  overflow:visible!important;

  color:#2f2f2f!important;
  font-family:var(--mhs-lr-sans,"Montserrat",Arial,sans-serif)!important;
}


/* ---------------------------------------------------------
   REMOVE THE INNER PINK "ISLAND"
   RR.html makes .mhs-rr-journey a 760px rounded gradient card.
   The stage now owns that framing instead.
   --------------------------------------------------------- */

.mhs-lens-page--reading-reflections
.mhs-reflections-stage
#mhsReflectionsTool .mhs-rr-journey{
  width:100%!important;
  max-width:none!important;

  min-height:0!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
  border-radius:0!important;

  background:transparent!important;
  background-image:none!important;

  box-shadow:none!important;
  overflow:visible!important;
}

/* Also suppress the emotion-specific journey gradients.
   Emotion remains visible in active cards, buttons and result states. */
.mhs-lens-page--reading-reflections
.mhs-reflections-stage
#mhsReflectionsTool:is(
  .mhs-tone-neutral,
  .mhs-tone-emotional,
  .mhs-tone-psychological,
  .mhs-tone-physical
) .mhs-rr-journey{
  background:transparent!important;
  background-image:none!important;
}


/* ---------------------------------------------------------
   PICKER SCREEN — WIDE
   --------------------------------------------------------- */

.mhs-lens-page--reading-reflections
.mhs-reflections-stage
#mhsPickerScreen{
  width:100%!important;
  max-width:none!important;

  margin:0!important;
  padding:0!important;
}

/* Keep the explanatory copy readable while the actual library rail goes wide. */
.mhs-lens-page--reading-reflections
.mhs-reflections-stage
#mhsPickerScreen > :is(
  .mhs-rr-eyebrow,
  .mhs-rr-heading,
  .mhs-rr-intro,
  .mhs-rr-picker-meta,
  .mhs-rr-resume,
  .mhs-rr-fallback,
  .mhs-rr-status
){
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* Functional title follows the newer MHS editorial language. */
.mhs-lens-page--reading-reflections
.mhs-reflections-stage
#mhsPickerScreen .mhs-rr-heading{
  color:var(--mhs-lr-text,#282522)!important;

  font-family:var(--mhs-lr-serif,Georgia,"Times New Roman",serif)!important;
  font-size:clamp(34px,3vw,46px)!important;
  font-weight:400!important;
  line-height:1.08!important;
  letter-spacing:-.028em!important;
}

.mhs-lens-page--reading-reflections
.mhs-reflections-stage
#mhsPickerScreen .mhs-rr-eyebrow{
  color:#9b655d!important;
}

.mhs-lens-page--reading-reflections
.mhs-reflections-stage
#mhsPickerScreen .mhs-rr-intro{
  max-width:760px!important;
  font-size:15px!important;
  line-height:1.65!important;
}


/* Full-width book rail. */
.mhs-lens-page--reading-reflections
.mhs-reflections-stage
#mhsBookSwiperShell{
  width:100%!important;
  max-width:none!important;

  margin:28px 0 0!important;
}

.mhs-lens-page--reading-reflections
.mhs-reflections-stage
#mhsBookSwiper{
  --mhs-rr-slide-width:220px;

  width:100%!important;
  max-width:none!important;
}

/* Preserve the deliberate centred selection underneath the rail. */
.mhs-lens-page--reading-reflections
.mhs-reflections-stage
#mhsSwiperSelection{
  width:min(100%,760px)!important;
  max-width:760px!important;

  margin:8px auto 0!important;
}

.mhs-lens-page--reading-reflections
.mhs-reflections-stage
.mhs-rr-swiper-help{
  width:min(100%,760px)!important;
  max-width:760px!important;

  margin-left:auto!important;
  margin-right:auto!important;
}


/* ---------------------------------------------------------
   QUESTION SCREEN — READABLE WIDTH
   --------------------------------------------------------- */

.mhs-lens-page--reading-reflections
.mhs-reflections-stage
#mhsQuestionScreen{
  width:100%!important;
  max-width:760px!important;

  margin:0 auto!important;
}


/* ---------------------------------------------------------
   RESULT
   Preserve RR.html behaviour, but keep it centred in the stage.
   --------------------------------------------------------- */

.mhs-lens-page--reading-reflections
.mhs-reflections-stage
#mhsResult{
  margin-left:auto!important;
  margin-right:auto!important;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (min-width:768px) and (max-width:1099px){

  .mhs-lens-page--reading-reflections .mhs-reflections-stage{
    width:calc(100vw - 36px)!important;
    max-width:calc(100vw - 36px)!important;

    padding:36px 22px 46px!important;
  }

  .mhs-lens-page--reading-reflections
  .mhs-reflections-stage
  #mhsBookSwiper{
    --mhs-rr-slide-width:214px;
  }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width:767px){

  .mhs-lens-page--reading-reflections .mhs-reflections-stage{
    width:100vw!important;
    max-width:100vw!important;

    margin-left:0!important;
    margin-right:0!important;

    padding:30px 0 40px!important;

    border-left:0!important;
    border-right:0!important;
  }

  .mhs-lens-page--reading-reflections
  .mhs-reflections-stage #mhsReflectionsTool{
    width:100%!important;
    max-width:100%!important;

    padding:0 14px!important;
  }

  .mhs-lens-page--reading-reflections
  .mhs-reflections-stage
  #mhsPickerScreen .mhs-rr-heading{
    font-size:34px!important;
    line-height:1.08!important;
  }

  .mhs-lens-page--reading-reflections
  .mhs-reflections-stage
  #mhsBookSwiper{
    --mhs-rr-slide-width:230px;
  }

  .mhs-lens-page--reading-reflections
  .mhs-reflections-stage
  #mhsQuestionScreen{
    max-width:none!important;
  }
}



/* =========================================================
   TABLET — vaste, normale kaartbreedte
   Ongeveer drie kaarten zichtbaar
   ========================================================= */

@media screen and (min-width: 768px) and (max-width: 1024px) {

  body.page-id-9 .mhs-cards {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    justify-content: flex-start !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 720px !important;

    margin: 0 auto !important;
    padding: 10px 16px 22px !important;
    gap: 16px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;

    box-sizing: border-box !important;
  }

  body.page-id-9 .mhs-cards::-webkit-scrollbar {
    display: none;
  }

  /*
   * Werkt zowel wanneer de kaart zelf direct in de rij staat
   * als wanneer Elementor er een wrapper omheen zet.
   */
  body.page-id-9 .mhs-cards > * {
    flex: 0 0 218px !important;

    width: 218px !important;
    max-width: 218px !important;
    min-width: 218px !important;

    margin: 0 !important;

    scroll-snap-align: start;
    box-sizing: border-box !important;
  }

  body.page-id-9 .mhs-cards > .mhs-lens-card,
  body.page-id-9 .mhs-cards > * > .mhs-lens-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    flex-shrink: 0 !important;
    box-sizing: border-box !important;
  }
}


/* =========================================================
   MOBILE — één volledige kaart per swipe
   ========================================================= */

@media screen and (max-width: 767px) {

  body.page-id-9 .mhs-cards {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    justify-content: flex-start !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 10px 12px 20px !important;
    gap: 14px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory;
    scroll-padding-left: 12px;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;

    box-sizing: border-box !important;
  }

  body.page-id-9 .mhs-cards::-webkit-scrollbar {
    display: none;
  }

  /*
   * Eén kaart vult de beschikbare mobiele railbreedte.
   * Op bredere telefoons wordt de kaart maximaal 360px.
   */
  body.page-id-9 .mhs-cards > * {
    flex: 0 0 100% !important;

    width: 100% !important;
    max-width: 360px !important;
    min-width: 0 !important;

    margin: 0 !important;

    scroll-snap-align: start;
    scroll-snap-stop: always;

    box-sizing: border-box !important;
  }

  body.page-id-9 .mhs-cards > .mhs-lens-card,
  body.page-id-9 .mhs-cards > * > .mhs-lens-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    box-sizing: border-box !important;
  }


  /* Titel en onderschrift mogen niet buiten de kaart lopen */

  body.page-id-9 .mhs-lens-card .mhs-cat-title,
  body.page-id-9 .mhs-lens-card .mhs-lens-caption {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    padding-left: 10px !important;
    padding-right: 10px !important;

    box-sizing: border-box !important;
  }

  body.page-id-9 .mhs-lens-card
  :is(
    .mhs-cat-title .elementor-heading-title,
    .mhs-lens-caption .elementor-heading-title
  ) {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;

    text-align: center !important;
  }
}
/* =========================================================
   MHS HOME CARDS — TABLET + MOBILE
   Desktop blijft volledig ongemoeid
   Rij:    .mhs-cards
   Kaart:  .mhs-lens-card
   ========================================================= */

@media screen and (max-width: 1024px) {

  body.page-id-9 .mhs-cards {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    justify-content: flex-start !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 16px !important;
    padding: 8px 16px 20px !important;
    margin: 0 auto !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x proximity;
    scroll-padding-left: 16px;

    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    overscroll-behavior-x: contain;

    scrollbar-width: none;
  }

  body.page-id-9 .mhs-cards::-webkit-scrollbar {
    display: none;
  }

  body.page-id-9 .mhs-cards .mhs-lens-card {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 230px !important;

    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;

    margin: 0 !important;
    box-sizing: border-box !important;

    scroll-snap-align: start;
  }

  /* Onderschrift onderaan krijgt voldoende witruimte */
  body.page-id-9 .mhs-lens-card .mhs-lens-caption {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 64px !important;

    margin-top: auto !important;
    padding: 0 14px 14px !important;

    box-sizing: border-box !important;
  }

  body.page-id-9
  .mhs-lens-card
  .mhs-lens-caption
  .elementor-heading-title {
    width: 100% !important;
    max-width: 190px !important;

    margin: 0 auto !important;

    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;

    line-height: 1.25 !important;
    text-align: center !important;
  }
}


/* Iets compactere tussenruimte op telefoon */
@media screen and (max-width: 767px) {

  body.page-id-9 .mhs-cards {
    gap: 14px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    scroll-padding-left: 14px;
  }
}
/* ==================================================
   MHS START BUTTONS — TABLET ONDER ELKAAR
   ================================================== */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    body.page-id-9 .mhs-start-buttons {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;

        width: 100% !important;
        max-width: 360px !important;

        margin: 24px auto 0 !important;
    }

    body.page-id-9 .mhs-start-buttons a {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }
}
/* Lenscard-slider altijd bij de eerste kaart laten beginnen */
.mhs-cards:has(.mhs-lens-card) {
  justify-content: flex-start !important;
}

/* Show more: zelfde stijl als Reset */
.mhs-show-more,
.mhs-show-more:focus {
  width: 100%;
  max-width: 336px;
  min-height: 34px;
  margin: 22px auto 0;
  padding: 9px 20px;

  display: block;
  border: 0;
  border-radius: 11px;

  background: #947156;
  color: #ffffff;

  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;

  cursor: pointer;
  box-shadow: 0 8px 18px rgba(148, 113, 86, 0.18);
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.mhs-show-more:hover,
.mhs-show-more.is-visible {
   background:#76B9D6 !important;
    background-color:#76B9D6 !important;
    border-color:#76B9D6 !important;
    color:#FFFFFF !important;
    transform:translateY(-1px);
    box-shadow:0 14px 28px rgba(0,0,0,.14) !important;
}

.mhs-books-show-more:focus-visible {
  outline: 2px solid #4fb5a5;
  outline-offset: 3px;
}
/* Verberg standaard Previous / Next alleen op boekpagina’s */
body.single-book .post-navigation,
body.single-book nav.navigation.post-navigation,
body.single-book .elementor-widget-post-navigation {
  display: none !important;
}
@media (max-width: 767px) {

  /* Minder ruimte tussen de Lens-rijen */
  .mhs-lens-list {
    gap: 10px !important;
    row-gap: 10px !important;
  }

  /* Iedere afzonderlijke rij compacter maken */
  .mhs-lens-list > .e-con,
  .mhs-lens-list .mhs-lens-row {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    gap: 14px !important;
    column-gap: 14px !important;
    align-items: center !important;
  }

  /* Kolom/widget met het icoontje */
  .mhs-lens-list .elementor-widget-image {
    flex: 0 0 58px !important;
    width: 58px !important;
    max-width: 58px !important;
    margin: 0 !important;
  }

  /* Het icoontje zelf */
  .mhs-lens-list .elementor-widget-image img {
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  /* Tekst naast het icoontje */
  .mhs-lens-list .elementor-heading-title {
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  /* Overbodige widgetmarges verwijderen */
  .mhs-lens-list .elementor-widget {
    margin-bottom: 0 !important;
  }
}

/* =========================================================
   MHS — BEHIND THE THEMES + TRUSTED VOICES (FINAL CLEAN)
   One presentation layer only.

   Dependencies
   - Shared search controls and .mhs-start-buttons already live earlier
     in the central MHS CSS.
   - Share visual/interaction lives only in snippet 9831.
   - This block contains only BTT + Trusted Voice layout.
   ========================================================= */

/* ---------------------------------------------------------
   A. BEHIND THE THEMES SOURCE LIBRARY
   --------------------------------------------------------- */

/*
 * BTT owns its own library stage.
 * The legacy .mhs-library-stage alias is kept only so the live Elementor page
 * does not break before the container class is renamed to .mhs-btt-stage.
 */
.mhs-lens-page--behind-the-themes .mhs-btt-stage{
  width:var(--mhs-wide,min(1400px,calc(100vw - 64px)))!important;
  max-width:var(--mhs-wide,min(1400px,calc(100vw - 64px)))!important;
  margin:0 auto!important;
  padding:42px 34px 54px!important;
  border:1px solid var(--mhs-lr-line,#d8cec4)!important;
  border-radius:0!important;
  background:var(--mhs-lr-paper,#fbf8f3)!important;
  box-shadow:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

.mhs-lens-page--behind-the-themes .mhs-btt-stage *,
.mhs-lens-page--behind-the-themes .mhs-btt-stage *::before,
.mhs-lens-page--behind-the-themes .mhs-btt-stage *::after{
  box-sizing:border-box;
}

.mhs-lens-page--behind-the-themes .mhs-btt-stage
:is(.elementor-widget-html,.elementor-widget-shortcode,.elementor-widget-shortcode>.elementor-widget-container,.elementor-shortcode){
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow:visible!important;
}

@media (min-width:768px) and (max-width:1099px){
  .mhs-lens-page--behind-the-themes .mhs-btt-stage{
    width:calc(100vw - 36px)!important;
    max-width:calc(100vw - 36px)!important;
    padding:36px 22px 46px!important;
  }
}

@media (max-width:767px){
  .mhs-lens-page--behind-the-themes .mhs-btt-stage{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:30px 0 40px!important;
    border-left:0!important;
    border-right:0!important;
  }

  .mhs-lens-page--behind-the-themes .mhs-btt-source-controls{
    width:calc(100% - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
.mhs-source-library,
.mhs-source-library * {
  box-sizing: border-box;
  font-family: var(--mhs-font, "Montserrat", Arial, sans-serif);
}

.mhs-lens-page--behind-the-themes .mhs-btt-source-controls .mhs-source-noresults[hidden] {
  display: none !important;
}

.mhs-source-library {
  width: min(100%, 1120px);
  margin: 0 auto;
}

.mhs-source-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 260px));
  justify-content: center;
  align-items: stretch;
  gap: 18px;
}

.mhs-source-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 590px;
  padding: 18px 18px 17px;
  overflow: visible;
  border: 1px solid rgba(31,41,51,.075);
  border-radius: 20px;
  background: #f5ede6;
  color: #1f2933;
  box-shadow: 0 10px 26px rgba(31,41,51,.075);
  scroll-margin-top: 120px;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.mhs-source-card[hidden],
.mhs-source-card.mhs-progressive-hidden {
  display: none !important;
}

.mhs-source-num {
  width: 100%;
  min-height: 19px;
  margin: 0 0 2px;
  color: #7a848d;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .055em;
  line-height: 1.2;
  text-align: center !important;
}

.mhs-source-logo {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 158px;
  margin: 0 auto 7px;
  padding: 4px 8px !important;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.mhs-source-logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 188px;
  max-height: 142px;
  margin: 0 auto;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.mhs-source-logo__fallback {
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  border: 1px solid rgba(31,41,51,.10);
  border-radius: 50%;
  background: rgba(255,255,255,.48);
  color: #69747d;
  font-size: 28px;
  font-weight: 700;
}

/* Fixed identity/title zones: Why-this-source aligns across every row. */
.mhs-source-authority {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  width: 100%;
  min-height: 44px !important;
  margin: 0 0 3px !important;
  color: #6e7780 !important;
  font-size: 9.6px !important;
  font-weight: 600 !important;
  line-height: 1.32 !important;
  text-align: center !important;
}

.mhs-source-authority-type {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  width: 100%;
  min-height: 30px !important;
  margin: 0 0 8px !important;
  color: #8a9299 !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

.mhs-source-title {
  display: -webkit-box !important;
  width: 100%;
  min-height: 100px !important;
  max-height: 100px !important;
  margin: 0 0 6px !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  color: #1f2933 !important;
  font-size: 18.2px !important;
  font-weight: 700 !important;
  line-height: 1.24 !important;
  letter-spacing: -.012em;
  text-align: center !important;
}

.mhs-source-why {
  position: relative;
  z-index: 4;
  margin: 6px 0 16px !important;
}

.mhs-source-why summary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  margin: 0;
  padding: 5px 7px;
  border: 0;
  background: transparent;
  color: #59646d;
  cursor: pointer;
  list-style: none;
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.35;
  text-align: center;
}

.mhs-source-why summary::-webkit-details-marker { display: none; }
.mhs-source-why summary::marker { content: ""; }
.mhs-source-why[open] summary span { opacity: .72; }

.mhs-source-why__panel {
  position: absolute;
  right: -9px;
  bottom: calc(100% + 7px);
  left: -9px;
  z-index: 20;
  width: auto;
  max-height: none;
  overflow: visible;
  padding: 18px 18px 17px;
  border: 1px solid rgba(31,41,51,.10);
  border-radius: 17px;
  background: rgba(255,252,249,.985);
  box-shadow: 0 18px 38px rgba(31,41,51,.16);
  color: #2f3942;
  text-align: left;
}

.mhs-source-copy-block + .mhs-source-copy-block {
  margin-top: 15px;
  padding-top: 14px;
  border-top: 1px solid rgba(31,41,51,.09);
}

.mhs-source-copy-block strong {
  display: block;
  margin: 0 0 7px;
  color: #1f2933;
  font-size: 9.5px;
  font-weight: 750;
  letter-spacing: .065em;
  line-height: 1.25;
}

.mhs-source-copy-block p {
  margin: 0 !important;
  color: #39434c !important;
  font-size: 12.2px !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
}

.mhs-source-copy-block--voice p { color: #5f6972 !important; }

.mhs-source-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  width: 100%;
  margin-top: auto;
  padding-top: 4px;
}

.mhs-source-btn,
.mhs-source-btn:visited {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  padding: 9px 11px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background-image: none !important;
  box-shadow: 0 5px 15px rgba(31,41,51,.07) !important;
  color: #1f2933 !important;
  font-size: 11.2px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center;
  text-decoration: none !important;
}

.mhs-source-btn--external,
.mhs-source-btn--external:visited,
.mhs-source-btn--external:hover,
.mhs-source-btn--external:active,
.mhs-source-btn--external:focus {
  background: #F0C96F !important;
  border-color: #E8BD58 !important;
  color: #1F2933 !important;
}

.mhs-source-btn--episode:not(.is-disabled),
a.mhs-source-btn--episode:not(.is-disabled):visited {
  background: #B45A6A !important;
  border-color: #B45A6A !important;
  color: #fff !important;
}

.mhs-source-btn--episode.is-disabled {
  background: #e8e1dc !important;
  border-color: #e8e1dc !important;
  color: #9a9490 !important;
  cursor: default;
}

.mhs-source-btn:focus:not(:focus-visible) { outline: none !important; }
.mhs-source-btn:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(79,181,165,.24), 0 6px 16px rgba(31,41,51,.10) !important;
}

.mhs-source-card .mhs-share-component.mhs-source-share {
  flex: 0 0 auto;
  max-width: 100% !important;
}

.mhs-source-show-more-wrap {
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
  max-width:420px!important;
  margin:28px auto 0!important;
}

/* BTT Reset + Show more use the same quiet utility treatment as Quiet Lines. */
.mhs-lens-page--behind-the-themes :is(#mhsSourcesClear,.mhs-btt-clear,.mhs-source-show-more){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid rgba(113,103,121,.18)!important;
  border-radius:14px!important;
  background:var(--mhs-lr-lilac,#e8e1ec)!important;
  color:var(--mhs-lr-text,#282522)!important;
  font-family:var(--mhs-lr-sans,"Montserrat",Arial,sans-serif)!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1!important;
  box-shadow:0 7px 17px rgba(31,41,51,.07)!important;
  cursor:pointer!important;
  background-image:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

.mhs-source-show-more[hidden] { display:none!important; }

@media (hover:hover) {
  .mhs-source-card:hover {
    transform:translateY(-2px);
    filter:brightness(1.012);
    box-shadow:0 15px 32px rgba(31,41,51,.10);
  }

  .mhs-source-btn--external:hover,
  .mhs-source-btn--episode:not(.is-disabled):hover{
    transform:translateY(-1px);
    filter:brightness(1.025);
  }

  .mhs-lens-page--behind-the-themes :is(#mhsSourcesClear,.mhs-btt-clear,.mhs-source-show-more):hover{
    background:var(--mhs-lr-sage,#dfe8dc)!important;
    border-color:rgba(89,104,88,.20)!important;
    color:var(--mhs-lr-text,#282522)!important;
    transform:translateY(-1px)!important;
  }
}

@media (max-width: 900px) {
  .mhs-source-cards { grid-template-columns: repeat(2, minmax(0,260px)); }
}

@media (max-width: 680px) {
  .mhs-source-cards {
    display: flex;
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
    gap: 14px;
    padding: 0 10px 16px;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .mhs-source-cards::-webkit-scrollbar { display: none; }

  .mhs-source-card {
    flex: 0 0 78vw;
    width: 78vw;
    max-width: 340px;
    min-height: 590px;
    scroll-snap-align: center;
  }

  .mhs-source-logo { height: 148px; }
  .mhs-source-logo img { max-width: 180px; max-height: 132px; }

  .mhs-source-authority { min-height: 44px !important; font-size: 9.4px !important; }
  .mhs-source-authority-type { min-height: 28px !important; font-size: 8.8px !important; }

  .mhs-source-title {
    min-height: 104px !important;
    max-height: 104px !important;
    font-size: 19px !important;
    line-height: 1.22 !important;
  }

  /* Full content on mobile: no internal accordion scrollbar. */
  .mhs-source-why__panel {
    right: -9px;
    left: -9px;
    max-height: none;
    overflow: visible;
    padding: 20px 18px 19px;
  }
}


/* =========================================================
   Shared content-page architecture
   - Book posts are the visual master for page framing, pastel actions and Related cards.
   - 9831 is the only Share visual/interaction owner.
   - TV/BTT CSS below only handles layout/content-specific details.
   ========================================================= */
/* ---------------------------------------------------------
   B. TRUSTED VOICE SINGLE PAGE
   --------------------------------------------------------- */
body.mhs-single-trusted-voice .entry-header,
body.mhs-single-trusted-voice .entry-meta,
body.mhs-single-trusted-voice .post-meta,
body.mhs-single-trusted-voice .byline,
body.mhs-single-trusted-voice .posted-on,
body.mhs-single-trusted-voice .comments-link,
body.mhs-single-trusted-voice .comments-area,
body.mhs-single-trusted-voice #comments,
body.mhs-single-trusted-voice .comment-respond,
body.mhs-single-trusted-voice .navigation.post-navigation {
  display: none !important;
}

body.mhs-tv-source-system .mhs-tv-post,
body.mhs-tv-source-system .mhs-tv-post * {
  box-sizing: border-box;
  font-family: var(--mhs-font, "Montserrat", Arial, sans-serif);
}

/* Match the Book-post architecture: neutral outer page + one warm main card. */
body.mhs-tv-source-system .mhs-tv-post {
  width: min(1120px, calc(100% - 48px));
  margin: 34px auto 0;
}

body.mhs-tv-source-system .mhs-tv-page {
  width: 100%;
  margin: 0;
  padding: 38px 36px 46px;
  border: 1px solid rgba(31,41,51,.07);
  border-radius: 20px;
  background: #f3e7d7;
  color: #1f2933;
  box-shadow: 0 12px 34px rgba(31,41,51,.06);
}

body.mhs-tv-source-system .mhs-tv-intro {
  display: grid;
  grid-template-columns: minmax(250px,1fr) minmax(0,2fr);
  gap: 32px;
  align-items: stretch;
}

body.mhs-tv-source-system .mhs-tv-intro__identity {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 18px 20px 20px;
  border: 1px solid rgba(31,41,51,.055);
  border-radius: 22px;
  background: rgba(255,255,255,.56);
  text-align: center;
}

body.mhs-tv-source-system .mhs-tv-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(270px,100%);
  min-height: 170px;
  margin: 0 auto 18px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.mhs-tv-source-system .mhs-tv-logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 256px;
  max-height: 168px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain;
  mix-blend-mode: multiply;
}

body.mhs-tv-source-system .mhs-tv-name {
  margin: 0 !important;
  color: #1f2933 !important;
  font-size: clamp(19px,1.85vw,26px) !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  text-align: center;
}

body.mhs-tv-source-system .mhs-tv-type {
  margin: 9px 0 0 !important;
  color: #68737d !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-align: center;
}

body.mhs-tv-source-system .mhs-tv-lenses {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  width: 100%;
  margin-top: 24px;
}

body.mhs-tv-source-system .mhs-tv-lens {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  padding: 10px 5px 8px;
  border-radius: 14px;
  color: #1f2933 !important;
  text-align: center;
  text-decoration: none !important;
  transition: transform .18s ease, background .18s ease;
}

body.mhs-tv-source-system .mhs-tv-lens__symbol {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 7px;
  overflow: hidden;
  border-radius: 50%;
  background: transparent !important;
  box-shadow: none !important;
}

body.mhs-tv-source-system .mhs-tv-lens__symbol img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body.mhs-tv-source-system .mhs-tv-lens__label {
  color: #59646d;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1.25;
}

body.mhs-tv-source-system .mhs-tv-intro__description {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 0;
  padding: 29px 31px;
  border: 1px solid rgba(31,41,51,.075);
  border-radius: 20px;
  background: rgba(255,255,255,.90);
  color: #2f2f2f;
  font-size: 15.5px;
  font-weight: 400;
  line-height: 1.72;
  box-shadow: 0 9px 24px rgba(31,41,51,.055);
}

body.mhs-tv-source-system .mhs-tv-authority-subtitle {
  margin: 0 0 16px !important;
  color: #1f2933 !important;
  font-size: clamp(21px,2.25vw,28px) !important;
  font-weight: 450 !important;
  line-height: 1.25 !important;
}

body.mhs-tv-source-system .mhs-tv-intro__description p {
  margin: 0 0 1em;
  color: inherit !important;
  font: inherit !important;
}
body.mhs-tv-source-system .mhs-tv-intro__description p:last-child { margin-bottom: 0; }

/* Reuse the global MHS pastel-button design; only make this row 3 equal columns. */
body.mhs-tv-source-system .mhs-tv-ctas {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 28px 0 0 !important;
}

body.mhs-tv-source-system .mhs-tv-ctas > a {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 52px !important;
  padding: 11px 16px !important;
  font-size: 13px !important;
}

body.mhs-tv-source-system .mhs-tv-main-share,
.mhs-page-share {
  width: 100%;
  margin-top: 16px !important;
  margin-bottom: 0 !important;
}

body.mhs-tv-source-system .mhs-tv-resources {
  width: 100%;
  margin-top: 44px;
}

body.mhs-tv-source-system .mhs-tv-resources-title,
body.mhs-tv-source-system .mhs-tv-related > h2 {
  margin: 0 0 18px !important;
  color: #1f2933 !important;
  font-size: clamp(23px,2.4vw,31px) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

body.mhs-tv-source-system .mhs-tv-related > h2 {
  text-align: center !important;
}

body.mhs-tv-source-system .mhs-tv-resources-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
  align-items: stretch;
}

/* Related Voices use the same compact 260px card grid as Related Books. */
body.mhs-tv-source-system .mhs-tv-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 260px));
  justify-content: center;
  gap: 18px;
  align-items: stretch;
}

body.mhs-tv-source-system .mhs-tv-resource {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 100%;
  padding: 23px 22px 20px;
  border: 1px solid rgba(31,41,51,.07);
  border-radius: 20px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 9px 24px rgba(31,41,51,.065);
}

body.mhs-tv-source-system .mhs-tv-resource__eyebrow {
  margin: 0 0 13px;
  color: #737d86;
  font-size: 9.5px;
  font-weight: 750;
  letter-spacing: .045em;
  line-height: 1.3;
}

body.mhs-tv-source-system .mhs-tv-resource__title {
  margin: 0 0 14px !important;
  color: #1f2933 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.34 !important;
  letter-spacing: -.012em;
}

body.mhs-tv-source-system .mhs-tv-resource__text {
  margin: 0 0 16px !important;
  color: #303a43 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.66 !important;
}

/* All italic resource notes line up immediately above their CTAs. */
body.mhs-tv-source-system .mhs-tv-resource__alt {
  display: flex;
  align-items: flex-end;
  width: 100%;
  min-height: 72px;
  margin: auto 0 18px !important;
  padding-top: 14px;
  border-top: 1px solid rgba(31,41,51,.10);
  color: #66717a !important;
  font-size: 12px !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
}

body.mhs-tv-source-system .mhs-tv-resource__actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  width: 100%;
  margin-top: 0;
}

body.mhs-tv-source-system .mhs-tv-resource-btn,
body.mhs-tv-source-system .mhs-tv-resource-btn:visited {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 9px 12px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 15px rgba(31,41,51,.06) !important;
  font-size: 11.2px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center;
  text-decoration: none !important;
}

body.mhs-tv-source-system .mhs-tv-resource-btn--library,
body.mhs-tv-source-system .mhs-tv-resource-btn--library:visited,
body.mhs-tv-source-system .mhs-tv-resource-btn--library:hover,
body.mhs-tv-source-system .mhs-tv-resource-btn--library:active,
body.mhs-tv-source-system .mhs-tv-resource-btn--library:focus {
  background: #F0C96F !important;
  border-color: #E8BD58 !important;
  color: #1f2933 !important;
}

body.mhs-tv-source-system .mhs-tv-resource-btn--episode:not(.is-disabled),
body.mhs-tv-source-system a.mhs-tv-resource-btn--episode:not(.is-disabled):visited {
  background: #B45A6A !important;
  border-color: #B45A6A !important;
  color: #fff !important;
}

body.mhs-tv-source-system .mhs-tv-resource-btn--episode.is-disabled {
  background: #e8e1dc !important;
  border-color: #e8e1dc !important;
  color: #9a9490 !important;
  cursor: default;
}

body.mhs-tv-source-system .mhs-tv-resource-btn:focus:not(:focus-visible) { outline: none !important; }
body.mhs-tv-source-system .mhs-tv-resource-btn:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(79,181,165,.24), 0 6px 16px rgba(31,41,51,.10) !important;
}

/* Related Voices now live outside the warm TV card, exactly like Related Books. */
body.mhs-tv-source-system .mhs-tv-related {
  margin-top: 54px;
  padding: 0 0 6px;
  border: 0;
  background: transparent;
}

body.mhs-tv-source-system .mhs-tv-related-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100% !important;
  max-width: 260px !important;
  min-width: 0;
  min-height: 100%;
  padding: 20px;
  border: 0;
  border-radius: 18px;
  background: #f5ede6 !important;
  box-shadow: 0 8px 28px rgba(31,41,51,.09);
  text-align: center;
}

body.mhs-tv-source-system .mhs-tv-related-card__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 142px;
  margin: 0 0 14px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.mhs-tv-source-system .mhs-tv-related-card__logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 190px;
  max-height: 126px;
  margin: 0 auto;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain;
  mix-blend-mode: multiply;
}

body.mhs-tv-source-system .mhs-tv-related-card__title {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 54px;
  margin: 2px 0 5px !important;
  color: #1f2933 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

body.mhs-tv-source-system .mhs-tv-related-card__title a,
body.mhs-tv-source-system .mhs-tv-related-card__title a:visited {
  color: inherit !important;
  text-decoration: none !important;
}

body.mhs-tv-source-system .mhs-tv-related-card__type {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: 30px;
  margin: 0 0 8px !important;
  color: #7a848d !important;
  font-size: 10.2px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}

body.mhs-tv-source-system .mhs-tv-related-card__subtitle {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: 76px;
  margin: 4px 0 12px !important;
  color: #1f2933 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.24 !important;
  letter-spacing: -.015em;
  text-align: center !important;
}

body.mhs-tv-source-system .mhs-tv-related-card__lenses {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  width: 100%;
  margin-top: auto;
  padding-top: 8px;
}

body.mhs-tv-source-system .mhs-tv-related-card__lens {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  text-decoration: none !important;
  transition: transform .18s ease, filter .18s ease;
}

body.mhs-tv-source-system .mhs-tv-related-card__lens img {
  display: block;
  width: 42px;
  height: 42px;
  object-fit: contain;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.mhs-tv-source-system .mhs-tv-related__empty {
  margin: 0;
  color: #68737d;
  text-align: center;
}

@media (hover:hover) {
  body.mhs-tv-source-system .mhs-tv-lens:hover {
    background: rgba(255,255,255,.68);
    transform: translateY(-2px);
  }

  body.mhs-tv-source-system .mhs-tv-resource-btn--library:hover,
  body.mhs-tv-source-system .mhs-tv-resource-btn--episode:not(.is-disabled):hover {
    transform: translateY(-1px);
    filter: brightness(1.025);
  }

  body.mhs-tv-source-system .mhs-tv-related-card__title a:hover { color: #5f6972 !important; }
  body.mhs-tv-source-system .mhs-tv-related-card__lens:hover { transform: translateY(-2px); filter: brightness(1.04); }
}

body.mhs-tv-source-system .mhs-tv-related-card__lens:focus-visible {
  outline: 3px solid rgba(121,174,193,.28);
  outline-offset: 3px;
}

@media (max-width: 960px) {
  body.mhs-tv-source-system .mhs-tv-intro {
    grid-template-columns: minmax(230px,2fr) minmax(0,3fr);
    gap: 24px;
  }

  body.mhs-tv-source-system .mhs-tv-resources-grid { gap: 14px; }

  body.mhs-tv-source-system .mhs-tv-related-grid {
    grid-template-columns: repeat(2, minmax(0, 260px));
    gap: 14px;
  }
}

@media (max-width: 760px) {
  body.mhs-tv-source-system .mhs-tv-post {
    width: min(100% - 24px,1120px);
    margin-top: 20px;
  }

  body.mhs-tv-source-system .mhs-tv-page {
    width: 100%;
    margin: 0;
    padding: 24px 16px 30px;
    border-radius: 22px;
  }

  body.mhs-tv-source-system .mhs-tv-intro {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  body.mhs-tv-source-system .mhs-tv-intro__identity {
    padding: 18px 14px;
    border-radius: 18px;
  }

  body.mhs-tv-source-system .mhs-tv-logo {
    width: min(250px,100%);
    min-height: 152px;
  }

  body.mhs-tv-source-system .mhs-tv-logo img {
    max-width: 230px;
    max-height: 150px;
  }

  body.mhs-tv-source-system .mhs-tv-intro__description {
    padding: 21px 20px;
    border-radius: 18px;
    font-size: 15px;
    line-height: 1.68;
  }

  body.mhs-tv-source-system .mhs-tv-authority-subtitle {
    margin-bottom: 12px !important;
    font-size: 21px !important;
  }

  body.mhs-tv-source-system .mhs-tv-ctas {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 20px !important;
  }

  body.mhs-tv-source-system .mhs-tv-ctas > a {
    min-height: 56px !important;
  }

  body.mhs-tv-source-system .mhs-tv-resources { margin-top: 38px; }

  body.mhs-tv-source-system .mhs-tv-resources-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  body.mhs-tv-source-system .mhs-tv-related-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  body.mhs-tv-source-system .mhs-tv-resources-title,
  body.mhs-tv-source-system .mhs-tv-related > h2 { font-size: 24px !important; }

  body.mhs-tv-source-system .mhs-tv-resource {
    padding: 22px 20px 20px;
    border-radius: 22px;
  }

  body.mhs-tv-source-system .mhs-tv-resource__title {
    font-size: 20px !important;
    line-height: 1.32 !important;
  }

  body.mhs-tv-source-system .mhs-tv-resource__text {
    font-size: 14px !important;
    line-height: 1.64 !important;
  }

  body.mhs-tv-source-system .mhs-tv-resource-btn {
    min-height: 48px;
    font-size: 12px !important;
  }

  body.mhs-tv-source-system .mhs-tv-related-card {
    width: 78vw !important;
    max-width: 360px !important;
    margin: 0 auto;
    padding: 20px !important;
    border-radius: 22px;
  }

  body.mhs-tv-source-system .mhs-tv-related-card__logo { height: 136px; }
  body.mhs-tv-source-system .mhs-tv-related-card__subtitle {
    min-height: 0;
    font-size: 20px !important;
    line-height: 1.24 !important;
  }

  body.mhs-tv-source-system .mhs-tv-related {
    margin-top: 42px;
    padding-bottom: 0;
  }
}

@media (max-width: 430px) {
  body.mhs-tv-source-system .mhs-tv-lenses { gap: 5px; }
  body.mhs-tv-source-system .mhs-tv-lens { padding-right: 2px; padding-left: 2px; }
  body.mhs-tv-source-system .mhs-tv-lens__symbol { width: 52px; height: 52px; }
  body.mhs-tv-source-system .mhs-tv-lens__label { font-size: 9.5px; }
}
/* =========================================================
   MHS EPISODES — INTEGRATED CONTENT-TYPE RULES
   Library + Single Episode + Related Episodes
   Shared controls / Show More / pastel CTAs / Share live elsewhere.
   ========================================================= */

.mhs-episode-library,
.mhs-episode-library *,
.mhs-episode-main,
.mhs-episode-main *{box-sizing:border-box;font-family:var(--mhs-font,"Montserrat",sans-serif)}

/* ---------- Library ---------- */
/* ---------- Episode Library Stage ---------- */
.mhs-lens-page--podcast-episodes .mhs-episode-stage{
  display:block!important;
  width:var(--mhs-wide,min(1400px,calc(100vw - 64px)))!important;
  max-width:var(--mhs-wide,min(1400px,calc(100vw - 64px)))!important;
  min-height:0!important;
  height:auto!important;
  margin:0 auto!important;
  padding:42px 34px 54px!important;
  gap:0!important;
  border:1px solid var(--mhs-lr-line,#d8cec4)!important;
  border-radius:0!important;
  background:var(--mhs-lr-paper,#fbf8f3)!important;
  box-shadow:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

.mhs-lens-page--podcast-episodes .mhs-episode-stage *,
.mhs-lens-page--podcast-episodes .mhs-episode-stage *::before,
.mhs-lens-page--podcast-episodes .mhs-episode-stage *::after{
  box-sizing:border-box;
}

.mhs-lens-page--podcast-episodes .mhs-episode-stage > .e-con-inner{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

.mhs-lens-page--podcast-episodes .mhs-episode-stage
:is(.elementor-widget-html,.elementor-widget-shortcode,.elementor-widget-shortcode>.elementor-widget-container,.elementor-shortcode){
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow:visible!important;
}

/* Functional title = same editorial title treatment as Quiet Lines / BTT. */
.mhs-lens-page--podcast-episodes .mhs-episode-stage > .elementor-widget-heading .elementor-heading-title,
.mhs-lens-page--podcast-episodes .mhs-episode-stage > .e-con-inner > .elementor-widget-heading .elementor-heading-title{
  margin:0 0 28px!important;
  color:var(--mhs-lr-text,#282522)!important;
  font-family:var(--mhs-lr-serif,Georgia,"Times New Roman",serif)!important;
  font-size:clamp(36px,3vw,48px)!important;
  font-weight:400!important;
  line-height:1.06!important;
  letter-spacing:-.032em!important;
  text-align:center!important;
}

/* Controls */
.mhs-lens-page--podcast-episodes .mhs-episode-controls{
  width:100%!important;
  margin:0 auto 18px!important;
}

.mhs-lens-page--podcast-episodes .mhs-episode-controls .mhs-books-controls__row{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:420px!important;
  gap:12px!important;
  margin:0 auto 12px!important;
}

.mhs-lens-page--podcast-episodes .mhs-episode-controls .mhs-books-controls__row
:is(#mhsEpisodeSearch,#mhsEpisodeLens,#mhsEpisodeClassification,#mhsEpisodeSort){
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:10px 14px!important;
  border:1px solid rgba(40,37,34,.10)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.72)!important;
  color:var(--mhs-lr-text,#282522)!important;
  font-family:var(--mhs-lr-sans,"Montserrat",Arial,sans-serif)!important;
  font-size:15px!important;
  font-weight:400!important;
  outline:0!important;
  box-shadow:0 8px 20px rgba(31,41,51,.055)!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}

.mhs-lens-page--podcast-episodes .mhs-episode-controls .mhs-books-controls__row
:is(#mhsEpisodeSearch,#mhsEpisodeLens,#mhsEpisodeClassification,#mhsEpisodeSort):focus{
  border-color:rgba(118,185,214,.62)!important;
  box-shadow:0 10px 24px rgba(31,41,51,.09)!important;
}

.mhs-lens-page--podcast-episodes .mhs-episode-stage .mhs-books-controls__meta{
  width:100%!important;
  margin:4px auto 14px!important;
  color:var(--mhs-lr-text,#282522)!important;
  font-family:var(--mhs-lr-sans,"Montserrat",Arial,sans-serif)!important;
  font-size:13.5px!important;
  line-height:1.4!important;
  text-align:center!important;
}

/* Reset + Show More = one owner, identical visual treatment. */
.mhs-lens-page--podcast-episodes .mhs-episode-stage
:is(#mhsEpisodesClear,.mhs-episode-clear,.mhs-episode-show-more){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid rgba(113,103,121,.18)!important;
  border-radius:14px!important;
  background:var(--mhs-lr-lilac,#e8e1ec)!important;
  background-color:var(--mhs-lr-lilac,#e8e1ec)!important;
  background-image:none!important;
  color:var(--mhs-lr-text,#282522)!important;
  font-family:var(--mhs-lr-sans,"Montserrat",Arial,sans-serif)!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1!important;
  box-shadow:0 7px 17px rgba(31,41,51,.07)!important;
  cursor:pointer!important;
  text-decoration:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

.mhs-lens-page--podcast-episodes .mhs-episode-stage .mhs-episode-show-more[hidden],
.mhs-lens-page--podcast-episodes .mhs-episode-stage #mhsEpisodesNoResults[hidden]{
  display:none!important;
}

@media (hover:hover){
  .mhs-lens-page--podcast-episodes .mhs-episode-stage
  :is(#mhsEpisodesClear,.mhs-episode-clear,.mhs-episode-show-more):hover{
    background:var(--mhs-lr-sage,#dfe8dc)!important;
    background-color:var(--mhs-lr-sage,#dfe8dc)!important;
    border-color:rgba(89,104,88,.20)!important;
    color:var(--mhs-lr-text,#282522)!important;
    transform:translateY(-1px)!important;
    box-shadow:0 7px 17px rgba(31,41,51,.07)!important;
  }
}

@media (min-width:768px) and (max-width:1099px){
  .mhs-lens-page--podcast-episodes .mhs-episode-stage{
    width:calc(100vw - 36px)!important;
    max-width:calc(100vw - 36px)!important;
    padding:36px 22px 46px!important;
  }
}

@media (max-width:767px){
  .mhs-lens-page--podcast-episodes .mhs-episode-stage{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:30px 0 40px!important;
    border-left:0!important;
    border-right:0!important;
  }

  .mhs-lens-page--podcast-episodes .mhs-episode-stage > .elementor-widget-heading .elementor-heading-title,
  .mhs-lens-page--podcast-episodes .mhs-episode-stage > .e-con-inner > .elementor-widget-heading .elementor-heading-title{
    margin-bottom:22px!important;
    padding:0 14px!important;
    font-size:34px!important;
    line-height:1.08!important;
  }

  .mhs-lens-page--podcast-episodes .mhs-episode-controls .mhs-books-controls__row,
  .mhs-lens-page--podcast-episodes .mhs-episode-stage .mhs-episode-show-more-wrap{
    width:calc(100% - 28px)!important;
    max-width:none!important;
  }

  .mhs-lens-page--podcast-episodes .mhs-episode-controls .mhs-books-controls__row
  :is(#mhsEpisodeSearch,#mhsEpisodeLens,#mhsEpisodeClassification,#mhsEpisodeSort){
    font-size:16px!important;
  }
}

.mhs-episode-library{width:100%;max-width:1120px;margin:0 auto;padding:14px 16px 26px}
.mhs-episode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,260px));justify-content:center;align-items:stretch;gap:18px}

.mhs-episode-card{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:260px;min-width:0;min-height:100%;padding:16px 14px 14px;border:1px solid rgba(31,41,51,.08);border-radius:20px;background:rgba(243,230,211,.58);box-shadow:0 14px 30px rgba(0,0,0,.12);color:#2f2f2f;text-align:center;overflow:visible;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
@media (hover:hover){.mhs-episode-card:hover{transform:translateY(-2px);filter:brightness(1.02);box-shadow:0 18px 36px rgba(0,0,0,.14)}}
.mhs-episode-card a,.mhs-episode-card a:visited{text-decoration:none!important;border-bottom:0!important;background-image:none!important}

.mhs-episode-card__id{min-height:18px;margin:0 0 9px;color:#59646d;font-size:11px;font-weight:700;letter-spacing:.045em;line-height:1.2}
.mhs-episode-card__image{display:block;width:100%;max-width:210px;margin:0 auto 13px;overflow:hidden;border-radius:14px;box-shadow:0 8px 22px rgba(31,41,51,.10)}
.mhs-episode-card__image img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}
.mhs-episode-card__title{display:-webkit-box;min-height:42px;margin:1px 0 6px!important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#1f2933!important;font-size:16px!important;font-weight:700!important;line-height:1.3!important}
.mhs-episode-card__title a{color:inherit!important}
.mhs-episode-card__subtitle{display:-webkit-box;width:100%;min-height:34px;max-height:34px;margin:0 0 7px!important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#68737d!important;font-size:11.2px!important;font-weight:500!important;line-height:1.45!important;text-align:center!important}

/* Compact About-this-episode overlay: informative without stretching the card. */
.mhs-episode-card__about{position:relative;z-index:6;width:100%;margin:0 0 9px;overflow:visible}
.mhs-episode-card__about>summary{display:flex;align-items:center;justify-content:center;width:100%;min-height:28px;margin:0;padding:3px 6px;border:0;background:transparent;color:#59646d;cursor:pointer;list-style:none;font-size:10.8px;font-weight:650;line-height:1.25;text-align:center}
.mhs-episode-card__about>summary::-webkit-details-marker{display:none}.mhs-episode-card__about>summary::marker{content:""}
.mhs-episode-card__about>summary span::after{content:"  →";color:#76B9D6}
.mhs-episode-card__about[open]>summary span::after{content:"  ×"}
.mhs-episode-card__about-panel{position:absolute;right:-6px;bottom:calc(100% + 7px);left:-6px;z-index:30;padding:15px 15px 14px;border:1px solid rgba(31,41,51,.10);border-radius:15px;background:rgba(255,252,249,.985);box-shadow:0 18px 38px rgba(31,41,51,.16);color:#39434c!important;text-align:left!important}
.mhs-episode-card__about-panel,.mhs-episode-card__about-panel p{font-size:11.4px!important;font-weight:400!important;line-height:1.55!important;text-align:left!important}
.mhs-episode-card__about-panel p{margin:0 0 .75em!important}.mhs-episode-card__about-panel p:last-child{margin-bottom:0!important}

.mhs-episode-card__lens{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;margin:0 0 8px;padding:5px 10px;border:1px solid rgba(31,41,51,.07);border-radius:999px;background:rgba(255,255,255,.64);color:#59646d!important;font-size:10.8px;font-weight:650;line-height:1.2}
.mhs-episode-card__lens img{width:20px;height:20px;object-fit:contain}

.mhs-episode-card__classification{display:inline-flex;align-items:center;justify-content:center;min-height:26px;margin:0 0 11px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(31,41,51,.08);color:#68737d;font-size:10px;font-weight:700;line-height:1}
.mhs-classification-reflective{color:#63809a!important}.mhs-classification-grounded{color:#668d76!important}.mhs-classification-gentle{color:#a77a72!important}.mhs-classification-absorbed{color:#7c6f9c!important}.mhs-classification-expanding{color:#a98042!important}

.mhs-episode-card__actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%;margin-top:auto;padding-top:4px}
.mhs-episode-btn,.mhs-episode-btn:visited{display:inline-flex!important;align-items:center;justify-content:center;width:100%;min-height:40px;padding:9px 11px!important;border:1px solid transparent!important;border-radius:13px!important;background-image:none!important;box-shadow:0 5px 15px rgba(31,41,51,.07)!important;font-size:11.2px!important;font-weight:700!important;line-height:1.25!important;text-align:center;text-decoration:none!important}
.mhs-episode-btn--spotify,.mhs-episode-btn--spotify:visited,.mhs-episode-btn--spotify:hover,.mhs-episode-btn--spotify:focus{background:#F0C96F!important;border-color:#E8BD58!important;color:#1F2933!important}
.mhs-episode-btn--youtube,.mhs-episode-btn--youtube:visited,.mhs-episode-btn--youtube:hover,.mhs-episode-btn--youtube:focus{background:#B45A6A!important;border-color:#B45A6A!important;color:#fff!important}
.mhs-episode-btn.is-disabled{opacity:.35;pointer-events:none}
.mhs-episode-card .mhs-episode-card-share{width:100%;margin-top:10px!important;margin-bottom:0!important}

.mhs-episode-show-more-wrap{display:flex;justify-content:center;width:100%;max-width:420px;margin:22px auto 0}
.mhs-episode-card.mhs-progressive-hidden{display:none!important}

/* ---------- Single Episode ---------- */
body.mhs-single-episode-page .site-content,
body.mhs-single-episode-page .ast-container{max-width:none}

.mhs-episode-main{width:100%;padding:34px 0 54px}
.mhs-episode-post{width:min(1120px,calc(100% - 48px));margin:0 auto}
.mhs-episode-heading{margin:0 0 22px}
.mhs-episode-kicker{margin:0 0 6px;color:#76B9D6;font-size:12px;font-weight:750;letter-spacing:.065em;line-height:1.2}
.mhs-episode-page-title{margin:0!important;color:#1f2933!important;font-size:clamp(30px,3.2vw,44px)!important;font-weight:650!important;line-height:1.16!important;letter-spacing:-.02em}

.mhs-single-episode{display:block;width:100%;padding:30px 32px 34px;border:1px solid rgba(31,41,51,.055);border-radius:22px;background:#f3e7d7;box-shadow:0 12px 34px rgba(31,41,51,.06);color:#1f2933}

/* Top bar: categories left; MHS perspective dots + Feels right. */
.mhs-episode-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin:0 0 20px}
.mhs-episode-lenses{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.mhs-episode-lens{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:7px 12px;border:1px solid rgba(31,41,51,.08);border-radius:999px;background:rgba(255,255,255,.72);color:#59646d!important;box-shadow:none;font-size:11.5px;font-weight:700;text-decoration:none!important;transition:transform .18s ease,background .18s ease}
.mhs-episode-lens img{width:26px;height:26px;object-fit:contain}
.mhs-episode-meta__right{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex:0 0 auto;margin-left:auto}

/* Three MHS perspective dots: Emotional / Psychological / Physical. */
.mhs-episode-spectrum{display:inline-flex;align-items:center;justify-content:flex-start;gap:14px;flex:0 0 auto;min-height:24px;margin:0;padding:0}
.mhs-episode-spectrum__dot{display:block;width:12px;height:12px;flex:0 0 12px;border:1px solid rgba(31,41,51,.07);border-radius:50%;box-shadow:0 2px 6px rgba(31,41,51,.06);text-decoration:none!important;transition:transform .18s ease,filter .18s ease,width .18s ease,height .18s ease,flex-basis .18s ease}
.mhs-episode-spectrum__dot--emotional{background:var(--mhs-pink,#EFC8D2)}
.mhs-episode-spectrum__dot--psychological{background:var(--mhs-mint,#BFE3DC)}
.mhs-episode-spectrum__dot--physical{background:var(--mhs-peach,#F4D4BF)}
.mhs-episode-spectrum__dot.is-active{width:21px;height:21px;flex-basis:21px;box-shadow:0 4px 10px rgba(31,41,51,.10)}
.mhs-episode-spectrum__dot:focus-visible{outline:3px solid rgba(121,174,193,.28);outline-offset:3px}

/* Classification/feel: same light visual language as the category pills, without the word “Feels”. */
.mhs-episode-feel{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:42px;margin:0;padding:7px 13px;border:1px solid rgba(31,41,51,.08);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:none}
.mhs-episode-feel__value{font-size:11.5px;font-weight:700;line-height:1.2}

/* Hero: video deliberately owns about two-thirds of the row. */
.mhs-episode-hero{display:grid;grid-template-columns:minmax(0,1.92fr) minmax(300px,1fr);gap:20px;align-items:stretch;width:100%}
.mhs-single-episode__visual{display:flex;align-items:flex-start;min-width:0}
.mhs-single-episode__visual>img,.mhs-episode-video{display:block;width:100%;aspect-ratio:16/9;border-radius:18px;box-shadow:0 12px 30px rgba(31,41,51,.11);overflow:hidden;background:#111}
.mhs-single-episode__visual>img{height:auto;object-fit:cover}
.mhs-episode-video iframe{display:block;width:100%;height:100%;border:0;background:#111}

.mhs-episode-story{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:23px 22px;border:1px solid rgba(31,41,51,.07);border-radius:18px;background:rgba(255,255,255,.90);box-shadow:0 8px 22px rgba(31,41,51,.04)}
.mhs-episode-section-title{margin:0 0 11px!important;color:#1f2933!important;font-size:clamp(19px,1.75vw,25px)!important;font-weight:500!important;line-height:1.28!important;letter-spacing:-.012em}
.mhs-episode-copy,.mhs-episode-copy p{color:#2f2f2f!important;font-size:13.7px!important;font-weight:400!important;line-height:1.65!important}
.mhs-episode-copy p{margin:0 0 .78em!important}.mhs-episode-copy p:last-child{margin-bottom:0!important}

/* Place follows the main story as one full-width editorial panel. */
.mhs-episode-place-panel{width:100%;margin-top:18px;padding:22px 24px;border:1px solid rgba(31,41,51,.065);border-radius:18px;background:rgba(255,255,255,.67)}
.mhs-episode-place-panel .mhs-episode-section-title{margin-bottom:9px!important}
.mhs-episode-inline-link{display:inline-block;margin-top:11px;color:#76B9D6!important;font-size:12px;font-weight:700;text-decoration:none!important}

/* “Why … feels …” stays inside the Place panel and deliberately reuses the exact Place subtitle + copy typography. */
.mhs-episode-why-inline{width:100%;margin-top:16px;padding-top:14px;border-top:1px solid rgba(31,41,51,.08)}
.mhs-episode-why-inline .mhs-episode-section-title{
  margin-bottom:9px!important;
  font-size:clamp(13.3px,1.225vw,17.5px)!important;
  font-weight:500!important;
  line-height:1.28!important;
  letter-spacing:-.012em;
}
.mhs-episode-why-inline .mhs-episode-copy,
.mhs-episode-why-inline .mhs-episode-copy p{
  font-size:9.6px!important;
  font-weight:400!important;
  line-height:1.65!important;
}
.mhs-episode-why-inline .mhs-episode-copy p{margin-bottom:0!important}

.mhs-episode-media-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:22px}
.mhs-episode-media-actions .mhs-episode-btn{min-height:46px}
/* Single episode media CTAs: YouTube = recognisable red/white; Spotify takes the warm gold slot. */
.mhs-episode-media-actions .mhs-episode-btn--youtube,
.mhs-episode-media-actions .mhs-episode-btn--youtube:visited,
.mhs-episode-media-actions .mhs-episode-btn--youtube:hover,
.mhs-episode-media-actions .mhs-episode-btn--youtube:focus{
  background:#B45A6A!important;
  border-color:#B45A6A!important;
  color:#fff!important;
}
.mhs-episode-media-actions .mhs-episode-btn--spotify,
.mhs-episode-media-actions .mhs-episode-btn--spotify:visited,
.mhs-episode-media-actions .mhs-episode-btn--spotify:hover,
.mhs-episode-media-actions .mhs-episode-btn--spotify:focus{background:#F0C96F!important;border-color:#E8BD58!important;color:#1F2933!important}

/* Reuse global pastel buttons: equal 3-column row. */
.mhs-episode-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin-top:24px!important}
.mhs-episode-actions>a{width:100%!important;min-width:0!important;min-height:52px!important;height:52px!important;padding:10px 16px!important;font-size:13px!important;line-height:1.2!important}
.mhs-episode-main-share{width:100%;margin-top:16px!important;margin-bottom:0!important}

@media (hover:hover){
  .mhs-episode-lens:hover{transform:translateY(-1px);background:rgba(255,255,255,.88)}
  .mhs-episode-spectrum__dot:hover{transform:translateY(-1px);filter:brightness(1.03)}
}

/* ---------- Related Episodes ---------- */
.mhs-related-episodes{width:100%;margin-top:54px}.mhs-related-episodes>h2{margin:0 0 20px!important;color:#1f2933!important;font-size:clamp(23px,2.4vw,31px)!important;font-weight:500!important;line-height:1.2!important;text-align:center!important}
.mhs-related-episodes .mhs-episode-card{background:#f5ede6}.mhs-related-episodes__empty{text-align:center;color:#68737d}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .mhs-episode-cards{grid-template-columns:repeat(2,minmax(0,260px))}
  .mhs-episode-meta{align-items:flex-start;flex-direction:column;gap:12px}
  .mhs-episode-meta__right{width:100%;justify-content:space-between;margin-left:0}
  .mhs-episode-hero{grid-template-columns:1fr;gap:16px}
  .mhs-single-episode__visual{justify-content:center}
  .mhs-single-episode__visual>img,.mhs-episode-video{max-width:820px}
  .mhs-episode-story{justify-content:flex-start}
  .mhs-episode-actions{grid-template-columns:1fr!important}
}

@media (max-width:767px){
  .mhs-episode-library{padding-left:0;padding-right:0}
  .mhs-episode-library .mhs-episode-cards{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:20px!important;overflow-x:auto!important;overflow-y:visible!important;padding:0 22px 16px!important;scroll-padding-left:22px;scroll-padding-right:22px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mhs-episode-library .mhs-episode-cards::-webkit-scrollbar{display:none}
  .mhs-episode-library .mhs-episode-card{flex:0 0 78vw!important;max-width:330px!important;margin:10px 0!important;scroll-snap-align:start!important;transform:none!important}

  .mhs-episode-post{width:calc(100% - 22px)}
  .mhs-episode-main{padding-top:22px}
  .mhs-episode-page-title{font-size:30px!important}
  .mhs-single-episode{padding:18px 14px 24px;border-radius:20px}
  .mhs-episode-meta{gap:12px;margin-bottom:16px}
  .mhs-episode-lenses{gap:7px}
  .mhs-episode-lens{min-height:40px;padding:6px 10px;font-size:11px}
  .mhs-episode-lens img{width:24px;height:24px}
  .mhs-episode-meta__right{align-items:center;gap:18px}
  .mhs-episode-spectrum{gap:13px}

  .mhs-episode-hero{display:grid;grid-template-columns:1fr;gap:14px}
  .mhs-single-episode__visual{display:block;width:100%}
  .mhs-single-episode__visual>img,.mhs-episode-video{display:block!important;width:100%!important;max-width:none!important;aspect-ratio:16/9!important;border-radius:16px}

  .mhs-episode-story{padding:20px 18px;border-radius:17px}
  .mhs-episode-section-title{width:100%;font-size:21px!important;line-height:1.3!important}
  .mhs-episode-copy,.mhs-episode-copy p{font-size:14px!important;line-height:1.67!important}

  .mhs-episode-place-panel{margin-top:14px;padding:20px 18px;border-radius:17px}
  .mhs-episode-why-inline .mhs-episode-section-title{font-size:14.7px!important}
  .mhs-episode-why-inline .mhs-episode-copy,
  .mhs-episode-why-inline .mhs-episode-copy p{font-size:9.8px!important;line-height:1.67!important}
  .mhs-episode-why-inline{margin-top:14px;padding-top:13px}
  .mhs-episode-why-inline__title{font-size:14px!important}
  .mhs-episode-media-actions{grid-template-columns:1fr;margin-top:20px}

  .mhs-related-episodes .mhs-episode-cards{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:16px;overflow-x:auto;padding:4px 14px 18px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mhs-related-episodes .mhs-episode-cards::-webkit-scrollbar{display:none}
  .mhs-related-episodes .mhs-episode-card{flex:0 0 78vw;max-width:320px;scroll-snap-align:start}
}

/* =========================================================
   MHS DESKTOP HEADER — MENU VISUALLY CENTERED
   Astra keeps the logo in the left section and the Primary
   Menu in the right section. On desktop we center only the
   menu group across the full header, without touching mobile.
   ========================================================= */
@media (min-width:922px){
  #ast-desktop-header .site-primary-header-wrap{
    position:relative !important;
  }

  #ast-desktop-header .site-header-primary-section-right{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    width:max-content !important;
    max-width:calc(100% - 180px) !important;
    justify-content:center !important;
    z-index:5 !important;
  }

  #ast-desktop-header .ast-builder-menu-1,
  #ast-desktop-header .ast-main-header-bar-alignment,
  #ast-desktop-header .main-header-bar-navigation{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* =========================================================
   MHS FOOTER MENU
   Visueel gelijk aan hoofdmenu in de header
   ========================================================= */

.site-footer .footer-nav-wrap {
    width: 100%;
    text-align: center;
}

.site-footer .footer-nav-wrap .ast-nav-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 28px;
    margin: 0;
    padding: 0;
}

.site-footer .footer-nav-wrap .ast-nav-menu > li {
    margin: 0;
    padding: 0;
}

.site-footer .footer-nav-wrap .ast-nav-menu > li > a {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    color: #34425b;
    padding: 0;
    text-decoration: none;
    transition: color 0.2s ease;
}

.site-footer .footer-nav-wrap .ast-nav-menu > li > a:hover,
.site-footer .footer-nav-wrap .ast-nav-menu > li.current-menu-item > a {
    color: #55b9ea;
}


/* =========================================================
   MHS MOBILE OFF-CANVAS MENU
   Groter, rustiger en beter aantikbaar
   ========================================================= */

@media (max-width: 921px) {

    /* Hoofdmenu */
    .ast-mobile-popup-drawer .main-header-menu > .menu-item > .menu-link,
    .ast-builder-menu-mobile .main-navigation .main-header-menu > .menu-item > .menu-link {
        font-family: "Montserrat", sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.35;
        color: #34425b;
        padding-top: 13px;
        padding-bottom: 13px;
    }

    /* Submenu's onder Lenses en More */
    .ast-mobile-popup-drawer .main-header-menu .sub-menu .menu-link,
    .ast-builder-menu-mobile .main-navigation .sub-menu .menu-link {
        font-family: "Montserrat", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.35;
        color: #34425b;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 28px;
    }

    /* Hover / actief item */
    .ast-mobile-popup-drawer .menu-link:hover,
    .ast-mobile-popup-drawer .current-menu-item > .menu-link,
    .ast-builder-menu-mobile .menu-link:hover,
    .ast-builder-menu-mobile .current-menu-item > .menu-link {
        color: #55b9ea;
    }

    /* Submenu-pijltjes voldoende groot / aantikbaar */
    .ast-mobile-popup-drawer .ast-menu-toggle,
    .ast-builder-menu-mobile .ast-menu-toggle {
        min-width: 44px;
        min-height: 44px;
    }


    /* =====================================================
       FOOTER MENU - MOBIEL
       ===================================================== */

    .site-footer .footer-nav-wrap .ast-nav-menu {
        gap: 12px 20px;
    }

    .site-footer .footer-nav-wrap .ast-nav-menu > li > a {
        font-size: 15px;
    }
}
/* =========================================================
   MHS CATEGORY PAGES — MOBILE HORIZONTAL STABILITY
   Voorkomt dat de volledige oude categoriepagina zijwaarts
   kan verschuiven; horizontale book rail blijft werken.
   ========================================================= */

@media (max-width: 767px) {

    /* De categoriepagina zelf mag nooit breder worden
       dan de mobiele viewport */
    body:has(.mhs-faq) .site-content,
    body:has(.mhs-faq) .elementor {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: clip !important;
    }

    /* De boekenrail is juist het enige onderdeel
       dat horizontaal mag scrollen */
    body:has(.mhs-faq) .mhs-cards {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        touch-action: pan-x;
    }
}

/* =========================================================
   MHS v4 — QUIET LINES + MIDLIFE PLACES
   Unified visual language with Episodes / Books / Voices
   ========================================================= */

/* ---------- Shared media CTA language ---------- */
.mhs-ql-btn,
.mhs-place-media-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  padding:10px 16px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  font-family:var(--mhs-font)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(31,41,51,.07)!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
}
.mhs-ql-btn--youtube,
.mhs-ql-btn--youtube:visited,
.mhs-ql-btn--youtube:hover,
.mhs-ql-btn--youtube:focus,
.mhs-place-media-btn--youtube{
  background:#B45A6A!important;
  border-color:#B45A6A!important;
  color:#fff!important;
}
.mhs-place-media-btn--spotify{
  background:#F0C96F!important;
  border-color:#E8BD58!important;
  color:#1F2933!important;
}
.mhs-ql-btn--place,
.mhs-ql-btn--place:visited,
.mhs-ql-btn--place:hover,
.mhs-ql-btn--place:focus{
  background:#DDEEE9!important;
  border-color:#AFCFC8!important;
  color:#386E68!important;
}
@media (hover:hover){
  .mhs-ql-btn:hover,
  .mhs-place-media-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 11px 22px rgba(31,41,51,.10)!important;
    filter:brightness(1.015);
  }
}

/* =========================================================
   QUIET LINES — v18 SINGLE OWNER
   Page class:  .mhs-lens-page--quiet-lines
   Stage class: .mhs-ql-stage
   ========================================================= */

/* ----- Stage ----- */
.mhs-lens-page--quiet-lines .mhs-ql-stage{
  display:block!important;
  width:var(--mhs-wide)!important;
  max-width:var(--mhs-wide)!important;
  min-height:0!important;
  height:auto!important;
  margin:0 auto!important;
  padding:42px 34px 54px!important;
  gap:0!important;
  border:1px solid var(--mhs-lr-line)!important;
  border-radius:0!important;
  background:var(--mhs-lr-paper)!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.mhs-lens-page--quiet-lines .mhs-ql-stage > .e-con-inner{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

.mhs-lens-page--quiet-lines .mhs-ql-stage
:is(.elementor-widget-html,.elementor-widget-shortcode,.elementor-widget-shortcode>.elementor-widget-container,.elementor-shortcode){
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow:visible!important;
}

/* Existing Elementor title: force the same editorial title treatment as before. */
.mhs-lens-page--quiet-lines .mhs-ql-stage > .elementor-widget-heading .elementor-heading-title,
.mhs-lens-page--quiet-lines .mhs-ql-stage > .e-con-inner > .elementor-widget-heading .elementor-heading-title{
  margin:0 0 28px!important;
  color:var(--mhs-lr-text)!important;
  font-family:var(--mhs-lr-serif)!important;
  font-size:clamp(36px,3vw,48px)!important;
  font-weight:400!important;
  line-height:1.06!important;
  letter-spacing:-.032em!important;
  text-align:center!important;
}

/* ----- Controls ----- */
.mhs-lens-page--quiet-lines .mhs-ql-controls{
  width:100%!important;
  margin:0 auto 18px!important;
}

.mhs-lens-page--quiet-lines .mhs-ql-controls .mhs-books-controls__row{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:420px!important;
  gap:12px!important;
  margin:0 auto 12px!important;
}

.mhs-lens-page--quiet-lines .mhs-ql-controls .mhs-books-controls__row
:is(#mhsQlSearch,#mhsQlLens,#mhsQlCity,#mhsQlSort){
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:10px 14px!important;
  border:1px solid rgba(40,37,34,.10)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.72)!important;
  color:var(--mhs-lr-text)!important;
  font-family:var(--mhs-lr-sans)!important;
  font-size:15px!important;
  font-weight:400!important;
  outline:0!important;
  box-shadow:0 8px 20px rgba(31,41,51,.055)!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}

.mhs-lens-page--quiet-lines .mhs-ql-controls .mhs-books-controls__row
:is(#mhsQlSearch,#mhsQlLens,#mhsQlCity,#mhsQlSort):focus{
  border-color:rgba(118,185,214,.62)!important;
  box-shadow:0 10px 24px rgba(31,41,51,.09)!important;
}

.mhs-lens-page--quiet-lines .mhs-books-controls__meta{
  width:100%!important;
  margin:4px auto 14px!important;
  color:var(--mhs-lr-text)!important;
  font-family:var(--mhs-lr-sans)!important;
  font-size:13.5px!important;
  line-height:1.4!important;
  text-align:center!important;
}

/* Reset and Show more: identical. */
.mhs-lens-page--quiet-lines :is(#mhsQlClear,#mhsQlMore){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid rgba(113,103,121,.18)!important;
  border-radius:14px!important;
  background:var(--mhs-lr-lilac)!important;
  color:var(--mhs-lr-text)!important;
  font-family:var(--mhs-lr-sans)!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1!important;
  box-shadow:0 7px 17px rgba(31,41,51,.07)!important;
  cursor:pointer!important;
  background-image:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

@media (hover:hover){
  .mhs-lens-page--quiet-lines :is(#mhsQlClear,#mhsQlMore):hover{
    background:var(--mhs-lr-sage)!important;
    border-color:rgba(89,104,88,.20)!important;
    color:var(--mhs-lr-text)!important;
    transform:translateY(-1px)!important;
  }
}

/* ----- Library / cards ----- */
.mhs-lens-page--quiet-lines .mhs-quiet-lines-page,
.mhs-lens-page--quiet-lines .mhs-quiet-lines-page *{
  box-sizing:border-box;
  font-family:var(--mhs-lr-sans);
}

.mhs-lens-page--quiet-lines .mhs-quiet-lines-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  color:var(--mhs-lr-text)!important;
}

.mhs-lens-page--quiet-lines .mhs-ql-cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,260px))!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:18px!important;
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:8px 16px 24px!important;
}

.mhs-lens-page--quiet-lines .mhs-ql-card[hidden],
.mhs-lens-page--quiet-lines .mhs-ql-card.mhs-progressive-hidden{
  display:none!important;
}

.mhs-lens-page--quiet-lines .mhs-quiet-lines-page .mhs-ql-card{
  width:100%!important;
  max-width:260px!important;
  min-height:515px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(31,41,51,.07)!important;
  border-radius:18px!important;
  background:#F5EDE6!important;
  box-shadow:0 8px 28px rgba(31,41,51,.09)!important;
  overflow:visible!important;
  perspective:1200px;
}

.mhs-lens-page--quiet-lines .mhs-ql-card__inner{
  position:relative;
  width:100%;
  height:515px;
  min-height:515px;
  transform-style:preserve-3d;
  transition:transform .42s ease;
}

.mhs-lens-page--quiet-lines .mhs-ql-flip-card.is-flipped .mhs-ql-card__inner{
  transform:rotateY(180deg);
}

.mhs-lens-page--quiet-lines .mhs-ql-card__face{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  padding:12px;
  border-radius:18px;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  overflow:hidden;
}

.mhs-lens-page--quiet-lines .mhs-ql-card__front{background:#F5EDE6;}

.mhs-lens-page--quiet-lines .mhs-ql-card__back{
  padding:18px 16px 16px;
  background:#F3E7D7;
  transform:rotateY(180deg);
}

.mhs-lens-page--quiet-lines .mhs-ql-card .mhs-num{
  min-height:18px;
  margin:0 0 8px!important;
  color:#59646d!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:center!important;
}

/* Photo = flip trigger. Reset inherited button styling completely. */
.mhs-lens-page--quiet-lines button.mhs-ql-card__image{
  display:block!important;
  width:100%!important;
  height:330px!important;
  min-height:330px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer!important;
  overflow:hidden!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

.mhs-lens-page--quiet-lines .mhs-ql-card__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:13px;
}

/* Title + city = link to the actual Midlife Place post. */
.mhs-lens-page--quiet-lines .mhs-ql-card__copy-link,
.mhs-lens-page--quiet-lines .mhs-ql-card__copy-link:visited{
  position:relative;
  z-index:8;
  display:block!important;
  margin-top:auto!important;
  color:inherit!important;
  text-decoration:none!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

.mhs-lens-page--quiet-lines .mhs-ql-card__copy{
  padding:11px 7px 5px;
  text-align:center;
}

.mhs-lens-page--quiet-lines .mhs-ql-card__copy .mhs-title{
  margin:0 0 6px!important;
  color:#1f2933!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.28!important;
  text-align:center!important;
}

.mhs-lens-page--quiet-lines .mhs-ql-card__city{
  margin:0!important;
  color:#68737d!important;
  font-size:10.5px!important;
  font-weight:400!important;
  line-height:1.35!important;
  text-align:center!important;
}

.mhs-lens-page--quiet-lines .mhs-ql-flip-close{
  position:absolute;
  top:10px;
  right:10px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  width:29px;
  height:29px;
  padding:0!important;
  border:1px solid rgba(31,41,51,.08)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.72)!important;
  color:#68737d!important;
  cursor:pointer;
  font-size:17px!important;
  font-weight:400!important;
  line-height:1!important;
  box-shadow:none!important;
}

.mhs-lens-page--quiet-lines .mhs-ql-panel__heading{
  padding-right:32px;
  margin:0 0 13px;
  color:#59646d;
  font-size:10px;
  font-weight:750;
  letter-spacing:.04em;
  line-height:1.3;
}

.mhs-lens-page--quiet-lines .mhs-ql-card__back-text{
  display:flex;
  flex-direction:column;
  gap:13px;
  min-height:0;
  flex:1 1 auto;
  overflow:auto;
  padding:2px 2px 8px;
  scrollbar-width:none;
}

.mhs-lens-page--quiet-lines .mhs-ql-card__back-text::-webkit-scrollbar{display:none}
.mhs-lens-page--quiet-lines .mhs-ql-panel__block{display:grid;gap:5px;}

.mhs-lens-page--quiet-lines .mhs-ql-card__back-text p{
  margin:0!important;
  color:#4f5961!important;
  font-size:var(--mhs-ql-text-size,11.6px)!important;
  font-weight:400!important;
  line-height:1.48!important;
}

.mhs-lens-page--quiet-lines .mhs-ql-card__back-buttons{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-top:12px;
}

.mhs-lens-page--quiet-lines .mhs-ql-more-wrap{
  display:flex!important;
  justify-content:center!important;
  width:100%!important;
  max-width:420px!important;
  margin:18px auto 0!important;
}

.mhs-lens-page--quiet-lines #mhsQlMore[hidden],
.mhs-lens-page--quiet-lines #mhsQlNoResults[hidden]{
  display:none!important;
}


@media (max-width:900px){
  .mhs-lens-page--quiet-lines .mhs-ql-cards{
    grid-template-columns:repeat(2,minmax(0,260px))!important;
  }
}

@media (max-width:680px){
  .mhs-lens-page--quiet-lines .mhs-ql-stage{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:30px 0 40px!important;
    border-left:0!important;
    border-right:0!important;
  }


  .mhs-lens-page--quiet-lines .mhs-ql-stage > .elementor-widget-heading .elementor-heading-title,
  .mhs-lens-page--quiet-lines .mhs-ql-stage > .e-con-inner > .elementor-widget-heading .elementor-heading-title{
    margin-bottom:22px!important;
    padding:0 14px!important;
    font-size:34px!important;
    line-height:1.08!important;
  }

  .mhs-lens-page--quiet-lines .mhs-ql-controls .mhs-books-controls__row,
  .mhs-lens-page--quiet-lines .mhs-ql-more-wrap{
    width:calc(100% - 28px)!important;
    max-width:none!important;
  }

  .mhs-lens-page--quiet-lines .mhs-ql-controls .mhs-books-controls__row
  :is(#mhsQlSearch,#mhsQlLens,#mhsQlCity,#mhsQlSort){
    font-size:16px!important;
  }

  .mhs-lens-page--quiet-lines .mhs-ql-cards{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:18px!important;
    max-width:none!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    padding:8px 22px 18px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .mhs-lens-page--quiet-lines .mhs-ql-cards::-webkit-scrollbar{display:none}

  .mhs-lens-page--quiet-lines .mhs-quiet-lines-page .mhs-ql-card{
    flex:0 0 82vw!important;
    width:82vw!important;
    max-width:350px!important;
    min-height:620px!important;
    scroll-snap-align:start;
  }

  .mhs-lens-page--quiet-lines .mhs-ql-card__inner{
    height:620px;
    min-height:620px;
  }

  .mhs-lens-page--quiet-lines button.mhs-ql-card__image{
    height:430px!important;
    min-height:430px!important;
  }

  .mhs-lens-page--quiet-lines .mhs-ql-card__back-text p{
    font-size:var(--mhs-ql-text-size,14px)!important;
    line-height:1.48!important;
  }
}

/* =========================================================
   SINGLE MIDLIFE PLACE — v15
   ========================================================= */
body.mhs-single-place-page .entry-meta,
body.mhs-single-place-page .post-meta,
body.mhs-single-place-page .byline,
body.mhs-single-place-page .posted-on,
body.mhs-single-place-page .comments-link,
body.mhs-single-place-page .comments-area,
body.mhs-single-place-page #comments,
body.mhs-single-place-page .comment-respond,
body.mhs-single-place-page .navigation.post-navigation{
  display:none!important;
}
body.mhs-single-place-page .site-content,
body.mhs-single-place-page .ast-container{
  max-width:none;
}
body.mhs-single-place-page .entry-header{
  width:min(1120px,calc(100% - 48px));
  max-width:1120px!important;
  margin:30px auto 18px!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.mhs-single-place-page .entry-header .entry-title{
  margin:0!important;
  color:#1f2933!important;
  font-family:var(--mhs-font)!important;
  font-size:clamp(28px,3vw,42px)!important;
  font-weight:500!important;
  line-height:1.2!important;
}
.mhs-place-post,
.mhs-place-post *{
  box-sizing:border-box;
  font-family:var(--mhs-font);
}
.mhs-place-post{
  width:min(1120px,calc(100% - 48px));
  margin:0 auto 46px;
  color:#1f2933;
}
.mhs-single-place{
  width:100%;
  padding:30px 32px 34px;
  border:1px solid rgba(31,41,51,.055);
  border-radius:22px;
  background:#F3E7D7;
  box-shadow:0 12px 34px rgba(31,41,51,.06);
}
.mhs-single-place__hero{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,2fr);
  gap:24px;
  align-items:start;
}
.mhs-single-place__visual,
.mhs-single-place__body{
  min-width:0;
}
.mhs-single-place__body{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:10px;
}
.mhs-single-place__image{
  width:100%;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(31,41,51,.10);
}
.mhs-single-place__image img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:9/16;
  object-fit:cover;
}
.mhs-place-kicker{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  width:100%;
  margin-top:10px;
}
.mhs-place-kicker span,
.mhs-place-kicker a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:32px;
  padding:6px 8px;
  border:1px solid rgba(31,41,51,.08);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#59646d!important;
  font-size:9.5px;
  font-weight:550;
  line-height:1.2;
  text-align:center;
  text-decoration:none!important;
}
.mhs-place-meta-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin:0;
}
.mhs-place-lens-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 13px;
  border:1px solid rgba(31,41,51,.075);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#59646d!important;
  font-size:10.5px;
  font-weight:650;
  line-height:1.2;
  text-decoration:none!important;
  box-shadow:0 6px 14px rgba(31,41,51,.04);
}
.mhs-place-quiet-line-link{
  display:block;
  margin:0;
  color:inherit!important;
  text-decoration:none!important;
}
.mhs-place-quiet-line{
  padding:16px 18px;
  border:1px solid rgba(31,41,51,.07);
  border-radius:17px;
  background:rgba(255,255,255,.83);
  box-shadow:0 8px 22px rgba(31,41,51,.045);
  transition:transform .18s ease,box-shadow .18s ease;
}
.mhs-place-quiet-line__heading{
  margin:0 0 12px;
  color:#59646d;
  font-size:11px;
  font-weight:750;
  letter-spacing:.04em;
  line-height:1.25;
}
.mhs-place-quiet-line__groups{
  display:grid;
  gap:10px;
}
.mhs-place-quiet-line__group{
  display:grid;
  gap:3px;
}
.mhs-place-quiet-line__group p{
  margin:0!important;
  color:#4f5961!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.52!important;
}
.mhs-place-copy-section{
  margin:0;
  padding:20px 21px;
  border:1px solid rgba(31,41,51,.07);
  border-radius:17px;
  background:rgba(255,255,255,.83);
  box-shadow:0 8px 22px rgba(31,41,51,.045);
}
.mhs-place-copy-heading{
  margin:0 0 10px!important;
  color:#1f2933!important;
  font-size:clamp(20px,1.65vw,23px)!important;
  font-weight:500!important;
  line-height:1.28!important;
  letter-spacing:-.01em;
}
.mhs-place-copy-text,
.mhs-place-copy-text p{
  color:#2f2f2f!important;
  font-size:14.7px!important;
  font-weight:400!important;
  line-height:1.60!important;
}
.mhs-place-copy-text p{
  margin:0 0 .75em!important;
}
.mhs-place-copy-text p:last-child{margin-bottom:0!important}
.mhs-place-signature{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 2px;
}
.mhs-place-signature__mark{
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex:0 0 auto;
}
.mhs-place-signature__mark i{
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#4fb5a5;
}
.mhs-place-signature__mark i:nth-child(2){background:#f4c6c6}
.mhs-place-signature__mark i:nth-child(3){background:#f5a46b}
.mhs-place-signature__text{
  color:#68737d;
  font-size:12.8px;
  font-style:italic;
  font-weight:450;
  line-height:1.35;
}
.mhs-single-place__editorial{
  margin:0 0 14px;
  padding:18px 19px;
  border-radius:17px;
  background:rgba(255,255,255,.65);
}
.mhs-place-media-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  width:100%;
  margin-top:18px;
}
.mhs-place-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin-top:16px!important;
}
.mhs-place-actions>a,
.mhs-place-actions>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  height:52px!important;
  padding:10px 16px!important;
  border:1px solid rgba(31,41,51,.10)!important;
  border-radius:999px!important;
  color:#2f2f2f!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(31,41,51,.055)!important;
}
.mhs-place-actions>a:nth-child(1){
  background:rgba(239,200,210,.42)!important;
  border-color:#EAB5C2!important;
}
.mhs-place-actions>a:nth-child(2),
.mhs-place-actions>span:nth-child(2){
  background:rgba(191,227,220,.45)!important;
  border-color:#AFCFC8!important;
}
.mhs-place-actions>a:nth-child(3){
  background:rgba(244,212,191,.50)!important;
  border-color:#E9B98F!important;
}
.mhs-place-action-disabled{
  opacity:.56;
}
.mhs-place-main-share{
  width:100%;
  margin-top:16px!important;
  margin-bottom:0!important;
}

/* Related Places */
.mhs-related-places{
  width:100%;
  margin-top:54px;
}
.mhs-related-places>h2{
  margin:0 0 20px!important;
  color:#1f2933!important;
  font-size:clamp(23px,2.4vw,31px)!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-align:center!important;
}
.mhs-related-places__cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,260px));
  justify-content:center;
  align-items:stretch;
  gap:18px;
}
.mhs-related-place-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  max-width:260px;
  min-width:0;
  min-height:545px;
  padding:16px 14px 16px;
  border:1px solid rgba(31,41,51,.08);
  border-radius:20px;
  background:#F5EDE6;
  box-shadow:0 14px 30px rgba(0,0,0,.12);
  text-align:center;
}
.mhs-related-place-card__number{
  min-height:18px;
  margin:0 0 9px;
  color:#59646d;
  font-size:11px;
  font-weight:700;
  letter-spacing:.045em;
  line-height:1.2;
}
.mhs-related-place-card__image{
  display:block;
  width:100%;
  max-width:210px;
  margin:0 auto 13px;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(31,41,51,.10);
}
.mhs-related-place-card__image img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:9/16;
  object-fit:cover;
}
.mhs-related-place-card__lens{
  display:inline-flex;
  align-self:center;
  justify-content:center;
  margin:0 0 7px;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.68);
  color:#7a7a7a!important;
  font-size:9px;
  font-weight:500;
  line-height:1.2;
  text-decoration:none!important;
}
.mhs-related-place-card__title{
  display:-webkit-box;
  min-height:42px;
  margin:1px 0 6px!important;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.3!important;
}
.mhs-related-place-card__title a{
  color:#1f2933!important;
  text-decoration:none!important;
}
.mhs-related-place-card__city{
  min-height:34px;
  margin:0 0 12px!important;
  color:#68737d!important;
  font-size:11.2px!important;
  font-weight:500!important;
  line-height:1.45!important;
}
.mhs-related-place-card__actions{
  display:grid;
  grid-template-columns:1fr;
  width:100%;
  gap:8px;
  margin-top:auto;
  padding-top:10px;
}
.mhs-related-place-card__btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:38px!important;
  padding:8px 12px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  font-weight:650!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:0 6px 15px rgba(31,41,51,.055)!important;
}
.mhs-related-place-card__btn--quiet,
.mhs-related-place-card__btn--quiet:visited,
.mhs-related-place-card__btn--quiet:hover,
.mhs-related-place-card__btn--quiet:focus{
  background:rgba(239,200,210,.42)!important;
  border-color:#EAB5C2!important;
  color:#4f5961!important;
}
.mhs-related-place-card__btn--map,
.mhs-related-place-card__btn--map:visited,
.mhs-related-place-card__btn--map:hover,
.mhs-related-place-card__btn--map:focus{
  background:rgba(191,227,220,.45)!important;
  border-color:#AFCFC8!important;
  color:#386E68!important;
}
.mhs-related-places__empty{
  color:#68737d;
  text-align:center;
}

@media (hover:hover){
  .mhs-place-quiet-line-link:hover .mhs-place-quiet-line{
    transform:translateY(-1px);
    box-shadow:0 11px 25px rgba(31,41,51,.075);
  }
  .mhs-place-actions>a:hover,
  .mhs-related-place-card:hover{
    transform:translateY(-1px);
  }
}
@media (max-width:900px){
  .mhs-single-place__hero{grid-template-columns:1fr}
  .mhs-single-place__visual{max-width:520px;margin:0 auto}
  .mhs-place-actions{grid-template-columns:1fr!important}
  .mhs-related-places__cards{grid-template-columns:repeat(2,minmax(0,260px))}
}
@media (max-width:680px){
  body.mhs-single-place-page .entry-header,
  .mhs-place-post{width:calc(100% - 22px)}
  .mhs-single-place{padding:18px 14px 24px;border-radius:20px}
  .mhs-single-place__hero{gap:20px}
  .mhs-place-kicker{grid-template-columns:1fr}
  .mhs-place-media-actions{grid-template-columns:1fr}
  .mhs-place-copy-section{padding:16px 15px}
  .mhs-place-copy-heading{font-size:18.5px!important}
  .mhs-place-copy-text,.mhs-place-copy-text p{font-size:14px!important;line-height:1.58!important}
  .mhs-place-quiet-line__group p{font-size:13.4px!important;line-height:1.50!important}
  .mhs-related-places__cards{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    gap:18px;
    overflow-x:auto;
    padding:2px 18px 15px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .mhs-related-places__cards::-webkit-scrollbar{display:none}
  .mhs-related-place-card{
    flex:0 0 78vw;
    max-width:320px;
    scroll-snap-align:start;
  }
}


/* Quiet Lines CTA colour hardening:
   The older global .mhs-card link reset uses color:inherit!important.
   These selectors deliberately outrank it. */
body .mhs-quiet-lines-page .mhs-ql-card a.mhs-ql-btn--youtube,
body .mhs-quiet-lines-page .mhs-ql-card a.mhs-ql-btn--youtube:visited,
body .mhs-quiet-lines-page .mhs-ql-card a.mhs-ql-btn--youtube:hover,
body .mhs-quiet-lines-page .mhs-ql-card a.mhs-ql-btn--youtube:focus{
  color:#fff!important;
  background:#B45A6A!important;
  border-color:#B45A6A!important;
}
body .mhs-quiet-lines-page .mhs-ql-card a.mhs-ql-btn--place,
body .mhs-quiet-lines-page .mhs-ql-card a.mhs-ql-btn--place:visited,
body .mhs-quiet-lines-page .mhs-ql-card a.mhs-ql-btn--place:hover,
body .mhs-quiet-lines-page .mhs-ql-card a.mhs-ql-btn--place:focus{
  color:#386E68!important;
  background:#DDEEE9!important;
  border-color:#AFCFC8!important;
}


/* =========================================================
   MHS PLACES v16 — EPISODE-STYLE TOP CHROME
   Reuses existing Place + linked Episode data only.
   ========================================================= */
.mhs-place-episode-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  width:100%;
  margin:0 0 20px;
}
.mhs-place-episode-lenses{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
}
.mhs-place-episode-lens{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:42px;
  padding:7px 12px;
  border:1px solid rgba(31,41,51,.08);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#59646d!important;
  box-shadow:none;
  font-size:11.5px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none!important;
  transition:transform .18s ease,background .18s ease;
}
.mhs-place-episode-lens img{
  width:26px;
  height:26px;
  object-fit:contain;
}
.mhs-place-episode-meta__right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:22px;
  flex:0 0 auto;
  margin-left:auto;
}
.mhs-place-episode-feel{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:42px;
  margin:0;
  padding:7px 13px;
  border:1px solid rgba(31,41,51,.08);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  box-shadow:none;
}
.mhs-place-episode-feel__value{
  color:#59646d!important;
  font-size:11.5px;
  font-weight:700;
  line-height:1.2;
}
.mhs-place-episode-spectrum{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  flex:0 0 auto;
  min-height:24px;
  margin:0;
  padding:0;
}
.mhs-place-episode-spectrum__dot{
  display:block;
  width:12px;
  height:12px;
  flex:0 0 12px;
  border:1px solid rgba(31,41,51,.07);
  border-radius:50%;
  box-shadow:0 2px 6px rgba(31,41,51,.06);
  text-decoration:none!important;
  transition:transform .18s ease,filter .18s ease,width .18s ease,height .18s ease,flex-basis .18s ease;
}
.mhs-place-episode-spectrum__dot--emotional{background:var(--mhs-pink,#EFC8D2)}
.mhs-place-episode-spectrum__dot--psychological{background:var(--mhs-mint,#BFE3DC)}
.mhs-place-episode-spectrum__dot--physical{background:var(--mhs-peach,#F4D4BF)}
.mhs-place-episode-spectrum__dot.is-active{
  width:21px;
  height:21px;
  flex-basis:21px;
  box-shadow:0 4px 10px rgba(31,41,51,.10);
}
.mhs-place-episode-spectrum__dot:focus-visible{
  outline:3px solid rgba(121,174,193,.28);
  outline-offset:3px;
}
@media (hover:hover){
  .mhs-place-episode-lens:hover,
  .mhs-place-episode-spectrum__dot:hover{
    transform:translateY(-1px);
  }
}
@media (max-width:680px){
  .mhs-place-episode-meta{
    align-items:center;
    gap:10px;
    margin-bottom:15px;
  }
  .mhs-place-episode-lens{
    min-height:38px;
    padding:6px 10px;
    font-size:10.5px;
  }
  .mhs-place-episode-lens img{
    width:23px;
    height:23px;
  }
  .mhs-place-episode-meta__right{
    gap:11px;
  }
  .mhs-place-episode-feel{
    min-height:38px;
    padding:6px 10px;
  }
  .mhs-place-episode-feel__value{
    font-size:10.5px;
  }
  .mhs-place-episode-spectrum{
    gap:8px;
  }
  .mhs-place-episode-spectrum__dot{
    width:10px;
    height:10px;
    flex-basis:10px;
  }
  .mhs-place-episode-spectrum__dot.is-active{
    width:17px;
    height:17px;
    flex-basis:17px;
  }
}

/* The old single Place lens pill is obsolete in v16. */
.mhs-place-meta-row,
.mhs-place-lens-pill{
  display:none!important;
}

/* Related Place cards use the same real primary category pill. */
.mhs-related-place-card__lens{
  min-height:24px;
  padding:5px 10px;
  border:1px solid rgba(31,41,51,.07);
  background:rgba(255,255,255,.72);
  color:#59646d!important;
  font-weight:650;
}



/* =========================================================
   MHS PLACES v16.1 — TOP IDENTITY PILLS + 60/40 HERO
   ========================================================= */
.mhs-place-episode-meta{
  align-items:center;
  gap:16px;
  margin-bottom:16px;
}
.mhs-place-episode-meta__left{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
.mhs-place-top-chips{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.mhs-place-top-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:7px 13px!important;
  border:1px solid rgba(31,41,51,.08)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  color:#59646d!important;
  box-shadow:none!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1.2!important;
  white-space:nowrap;
  text-align:center!important;
  text-decoration:none!important;
}
a.mhs-place-top-chip:visited,
a.mhs-place-top-chip:hover,
a.mhs-place-top-chip:focus{
  color:#59646d!important;
  background:rgba(255,255,255,.82)!important;
}
.mhs-place-episode-lens,
.mhs-place-episode-feel{
  min-height:42px!important;
}

/* The old chips below the photo are no longer used in v16.1. */
.mhs-place-kicker{
  display:none!important;
}

@media (max-width:900px){
  .mhs-single-place__hero{
    grid-template-columns:1fr;
  }
}
@media (max-width:680px){
  .mhs-place-episode-meta{
    align-items:flex-start;
    flex-direction:column;
  }
  .mhs-place-episode-meta__right{
    width:100%;
    justify-content:space-between;
    margin-left:0;
  }
  .mhs-place-top-chip{
    min-height:38px!important;
    padding:6px 10px!important;
    font-size:10.5px!important;
  }
}


/* =========================================================
   MHS PLACES v16.2 — FRIENDLIER LABELS + RELATED META
   ========================================================= */

/* Main top line: location is context, not an ID badge. */
.mhs-place-top-chip--location{
  padding-inline:15px!important;
  font-weight:600!important;
}

/* Related Places: remove the old technical number footprint. */
.mhs-related-place-card__number{
  display:none!important;
}

/* A fuller, episode-like metadata row beneath the image. */
.mhs-related-place-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  min-height:34px;
  margin:0 0 10px;
}
.mhs-related-place-card__lens{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  max-width:58%;
  margin:0!important;
  padding:6px 10px!important;
  overflow:hidden;
  border:1px solid rgba(31,41,51,.07)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.74)!important;
  color:#59646d!important;
  font-size:9.5px!important;
  font-weight:650!important;
  line-height:1.15!important;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-decoration:none!important;
}
.mhs-related-place-card__feel{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
  margin-left:auto;
}
.mhs-related-place-card__classification{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:6px 9px;
  border:1px solid rgba(31,41,51,.07);
  border-radius:999px;
  background:rgba(255,255,255,.74);
  color:#59646d;
  font-size:9.5px;
  font-weight:650;
  line-height:1.15;
  white-space:nowrap;
}
.mhs-related-place-card__emotion-dot{
  display:block;
  width:13px;
  height:13px;
  flex:0 0 13px;
  border:1px solid rgba(31,41,51,.07);
  border-radius:50%;
  box-shadow:0 2px 6px rgba(31,41,51,.08);
}
.mhs-related-place-card__emotion-dot--emotional{
  background:var(--mhs-pink,#EFC8D2);
}
.mhs-related-place-card__emotion-dot--psychological{
  background:var(--mhs-mint,#BFE3DC);
}
.mhs-related-place-card__emotion-dot--physical{
  background:var(--mhs-peach,#F4D4BF);
}

/* Give the title/city area a little more presence so the card no longer feels empty. */
.mhs-related-place-card__title{
  margin-top:2px!important;
  font-size:16px!important;
}
.mhs-related-place-card__city{
  margin-bottom:10px!important;
  font-size:11.5px!important;
}

/* Related-card CTAs now describe the actual destination. */
.mhs-related-place-card__btn--view,
.mhs-related-place-card__btn--view:visited,
.mhs-related-place-card__btn--view:hover,
.mhs-related-place-card__btn--view:focus{
  background:rgba(239,200,210,.42)!important;
  border-color:#EAB5C2!important;
  color:#4f5961!important;
}

/* Slightly friendlier top and bottom CTA copy needs no visual code treatment. */
.mhs-place-actions>a,
.mhs-place-actions>.mhs-place-action-disabled{
  letter-spacing:0!important;
}

@media (max-width:680px){
  .mhs-related-place-card__meta{
    gap:6px;
  }
  .mhs-related-place-card__lens,
  .mhs-related-place-card__classification{
    min-height:28px!important;
    padding:5px 8px!important;
    font-size:9px!important;
  }
  .mhs-related-place-card__emotion-dot{
    width:12px;
    height:12px;
    flex-basis:12px;
  }
}


/* =========================================================
   MHS PLACES v16.3 — CONSISTENT MHS VIEW
   ========================================================= */

/* Use the same title hierarchy as Episodes: code above title. */
body.mhs-single-place-page .entry-header{
  display:none!important;
}
.mhs-place-page-header{
  width:100%;
  margin:30px 0 18px;
  padding:0;
}
.mhs-place-page-header__eyebrow{
  margin:0 0 5px;
  color:#79AEC1;
  font-size:12px;
  font-weight:650;
  line-height:1.2;
  letter-spacing:.02em;
}
.mhs-place-page-header__title{
  margin:0!important;
  color:#1f2933!important;
  font-family:var(--mhs-font)!important;
  font-size:clamp(28px,3vw,42px)!important;
  font-weight:500!important;
  line-height:1.18!important;
  letter-spacing:-.018em;
}

/* Primary + secondary lens both belong in the visible MHS view. */
.mhs-place-episode-lenses{
  align-items:center;
}
.mhs-place-episode-lens--secondary{
  background:rgba(255,255,255,.56);
  border-color:rgba(31,41,51,.07);
}
.mhs-place-episode-lens--secondary img{
  opacity:.92;
}

/* Divider belongs directly after Quiet Lines. */
.mhs-place-signature{
  min-height:26px;
  margin:1px 2px 0;
}

/* Place_60 and Episode_30 become one calm light information block. */
.mhs-place-copy-stack{
  width:100%;
  padding:20px 21px;
  border:1px solid rgba(31,41,51,.07);
  border-radius:17px;
  background:rgba(255,255,255,.83);
  box-shadow:0 8px 22px rgba(31,41,51,.045);
}
.mhs-place-copy-stack__section{
  margin:0;
  padding:0;
}
.mhs-place-copy-stack__divider{
  width:100%;
  height:1px;
  margin:17px 0;
  background:rgba(31,41,51,.10);
}
.mhs-place-copy-stack .mhs-place-copy-heading{
  margin-bottom:9px!important;
}

/* Related cards: show the two category lenses as part of the same MHS view. */
.mhs-related-place-card__meta{
  align-items:flex-start;
}
.mhs-related-place-card__lenses{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  min-width:0;
  max-width:62%;
}
.mhs-related-place-card__lenses .mhs-related-place-card__lens{
  max-width:100%;
}
.mhs-related-place-card__lens--secondary{
  background:rgba(255,255,255,.56)!important;
  color:#68737d!important;
}
.mhs-related-place-card__feel{
  padding-top:1px;
}

/* Keep the classification + emotional/psychological/physical dot visually present. */
.mhs-related-place-card__emotion-dot{
  width:15px;
  height:15px;
  flex-basis:15px;
}

/* Mobile: mirror the Episode hierarchy without crowding. */
@media (max-width:680px){
  .mhs-place-page-header{
    margin:24px 0 16px;
  }
  .mhs-place-page-header__eyebrow{
    font-size:11.5px;
    margin-bottom:6px;
  }
  .mhs-place-page-header__title{
    font-size:clamp(31px,8.6vw,40px)!important;
    line-height:1.15!important;
  }
  .mhs-place-episode-lenses{
    width:100%;
    gap:8px;
  }
  .mhs-place-copy-stack{
    padding:18px 17px;
  }
  .mhs-place-copy-stack__divider{
    margin:15px 0;
  }
  .mhs-related-place-card__lenses{
    max-width:64%;
  }
}


/* =========================================================
   MHS PLACES v4.8 — DESKTOP TYPE + RELATED META ALIGNMENT
   ========================================================= */

/* Desktop only: use the 60/40 text column more confidently. */
@media (min-width:901px){

  .mhs-place-quiet-line__heading{
    font-size:11.5px!important;
  }

  .mhs-place-quiet-line__group p{
    font-size:15.6px!important;
    line-height:1.55!important;
  }

  .mhs-place-copy-heading{
    font-size:clamp(22px,1.7vw,24px)!important;
    line-height:1.28!important;
  }

  .mhs-place-copy-text,
  .mhs-place-copy-text p{
    font-size:16px!important;
    line-height:1.58!important;
  }

  .mhs-place-signature__text{
    font-size:13.2px!important;
  }
}

/* Related Places: keep lens / feel / emotion visually centred as one strip. */
.mhs-related-place-card__meta{
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap;
  gap:7px!important;
}

.mhs-related-place-card__lenses{
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap;
  gap:7px!important;
  max-width:none!important;
}

.mhs-related-place-card__feel{
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin-left:0!important;
  padding-top:0!important;
}

.mhs-related-place-card__lens,
.mhs-related-place-card__classification{
  min-height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.mhs-related-place-card__emotion-dot{
  align-self:center!important;
  margin:0!important;
}


/* =========================================================
   MHS PLACES v16.4 / CSS v4.9
   Subtitle + secondary lens + larger Quiet Lines + QL CTAs
   ========================================================= */

/* City/state is context under the title, not another hero pill. */
.mhs-place-page-header__subtitle{
  margin:7px 0 0;
  color:#68737d;
  font-family:var(--mhs-font);
  font-size:17px;
  font-weight:400;
  line-height:1.35;
}

/* No location pill remains inside the beige hero. */
.mhs-place-top-chips,
.mhs-place-top-chip--location{
  display:none!important;
}

/* Primary + secondary lens now sit cleanly together. */
.mhs-place-episode-meta__left{
  align-items:center!important;
}
.mhs-place-episode-lenses{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

/* Quiet Lines: about 30% larger than v4.8 on desktop. */
@media (min-width:901px){
  .mhs-place-quiet-line__heading{
    font-size:12.5px!important;
  }

  .mhs-place-quiet-line__group p{
    font-size:20px!important;
    line-height:1.48!important;
  }
}

/* Related Place CTAs use the same visual language as Quiet Lines cards. */
.mhs-related-place-card__actions{
  gap:8px!important;
  padding-top:10px!important;
}

.mhs-related-place-card__btn{
  min-height:44px!important;
  padding:10px 16px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  font-family:var(--mhs-font)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  box-shadow:0 8px 18px rgba(31,41,51,.07)!important;
}

/* "Explore this place" = same strong rose treatment as the QL YouTube CTA. */
.mhs-related-place-card__btn--view,
.mhs-related-place-card__btn--view:visited,
.mhs-related-place-card__btn--view:hover,
.mhs-related-place-card__btn--view:focus{
  background:#B45A6A!important;
  border-color:#B45A6A!important;
  color:#fff!important;
}

/* "Find it on the map" = same mint treatment as the QL Place CTA. */
.mhs-related-place-card__btn--map,
.mhs-related-place-card__btn--map:visited,
.mhs-related-place-card__btn--map:hover,
.mhs-related-place-card__btn--map:focus{
  background:#DDEEE9!important;
  border-color:#AFCFC8!important;
  color:#386E68!important;
}

@media (hover:hover){
  .mhs-related-place-card__btn:hover{
    transform:translateY(-1px);
    box-shadow:0 11px 22px rgba(31,41,51,.10)!important;
    filter:brightness(1.015);
  }
}

@media (max-width:680px){
  .mhs-place-page-header__subtitle{
    margin-top:6px;
    font-size:16px;
  }

  /* Mobile gets a smaller increase so the short lines stay elegant. */
  .mhs-place-quiet-line__group p{
    font-size:16.5px!important;
    line-height:1.48!important;
  }
}


/* =========================================================
   MHS PLACES v16.6 / CSS v5.0 — RELATED PLACE WHY ACCORDION
   Same upward-overlay behaviour as Books / Links.
   ========================================================= */

.mhs-related-places,
.mhs-related-places__cards,
.mhs-related-place-card,
.mhs-related-place-card__why,
.mhs-related-place-card__why *{
  overflow:visible!important;
  box-sizing:border-box;
}

.mhs-related-place-card{
  position:relative;
}

.mhs-related-place-card__why{
  position:relative;
  width:100%;
  margin:0 0 2px;
}

.mhs-related-place-card__why-item{
  position:relative;
  display:block;
  width:100%;
  margin:0;
}

.mhs-related-place-card__why-trigger{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer;
  list-style:none!important;
}

.mhs-related-place-card__why-trigger::-webkit-details-marker{
  display:none!important;
}

.mhs-related-place-card__why-trigger span{
  color:#4f5961!important;
  font-family:var(--mhs-font)!important;
  font-size:11.5px!important;
  font-weight:550!important;
  line-height:1.3!important;
  text-align:center!important;
}

.mhs-related-place-card__why-panel{
  position:absolute!important;
  left:-14px!important;
  right:auto!important;
  bottom:calc(100% + 7px)!important;
  top:auto!important;
  z-index:9999!important;
  width:calc(100% + 28px)!important;
  min-width:calc(100% + 28px)!important;
  max-width:none!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(6px)!important;
  border:0!important;
  border-radius:15px!important;
  background:rgba(247,241,233,.985)!important;
  box-shadow:0 16px 34px rgba(31,41,51,.16)!important;
  text-align:left!important;
  transition:opacity .16s ease, transform .16s ease;
}

.mhs-related-place-card__why-item[open] > .mhs-related-place-card__why-panel{
  max-height:none!important;
  padding:15px 16px!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}

.mhs-related-place-card__why-panel,
.mhs-related-place-card__why-panel p{
  color:#33404a!important;
  font-family:var(--mhs-font)!important;
  font-size:12.5px!important;
  font-weight:400!important;
  line-height:1.55!important;
  text-align:left!important;
}

.mhs-related-place-card__why-panel p{
  margin:0!important;
}

.mhs-related-place-card__why-panel .mhs-related-place-card__why-label{
  margin:0 0 7px!important;
  color:#7a8790!important;
  font-size:9.5px!important;
  font-weight:750!important;
  letter-spacing:.08em!important;
}

/* Keep the two real CTAs visually separate from the explanatory accordion. */
.mhs-related-place-card__actions{
  margin-top:auto!important;
}

@media (max-width:680px){
  .mhs-related-place-card__why-trigger span{
    font-size:11px!important;
  }
  .mhs-related-place-card__why-panel,
  .mhs-related-place-card__why-panel p{
    font-size:12px!important;
  }
}


/* =========================================================
   MHS PLACES v16.7 / CSS v5.1 — RICH RELATED PLACE ACCORDION
   place_30_subtitle + place_30 (linked Episode) + place_why
   ========================================================= */

/* A little more room because this is now editorial content, not a tooltip. */
.mhs-related-place-card__why-panel{
  width:calc(100% + 36px)!important;
  min-width:calc(100% + 36px)!important;
  left:-18px!important;
}

.mhs-related-place-card__why-item[open] > .mhs-related-place-card__why-panel{
  padding:17px 18px 16px!important;
}

/* Episode Place subtitle becomes the editorial lead. */
.mhs-related-place-card__why-panel .mhs-related-place-card__why-title{
  margin:0 0 8px!important;
  color:#26333d!important;
  font-family:var(--mhs-font)!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.34!important;
  letter-spacing:-.01em!important;
  text-align:left!important;
}

/* The Episode's place_30 gives the card the missing context. */
.mhs-related-place-card__why-panel .mhs-related-place-card__why-context{
  margin:0!important;
  color:#44515a!important;
  font-size:12.6px!important;
  line-height:1.55!important;
}

/* Quiet separation before the Place-specific rationale. */
.mhs-related-place-card__why-divider{
  width:100%;
  height:1px;
  margin:13px 0 11px;
  background:rgba(31,41,51,.10);
}

/* Place Why is the closing reason, not a duplicate body paragraph. */
.mhs-related-place-card__why-panel .mhs-related-place-card__why-reason{
  margin:0!important;
  color:#33404a!important;
  font-size:12.6px!important;
  line-height:1.55!important;
}

@media (max-width:680px){
  .mhs-related-place-card__why-panel{
    width:calc(100% + 24px)!important;
    min-width:calc(100% + 24px)!important;
    left:-12px!important;
  }

  .mhs-related-place-card__why-item[open] > .mhs-related-place-card__why-panel{
    padding:15px!important;
  }

  .mhs-related-place-card__why-panel .mhs-related-place-card__why-title{
    font-size:13.5px!important;
  }

  .mhs-related-place-card__why-panel .mhs-related-place-card__why-context,
  .mhs-related-place-card__why-panel .mhs-related-place-card__why-reason{
    font-size:12px!important;
  }
}


/* =========================================================
   MHS v5.2 — DUAL LENSES + SUBTLE EPISODE RESOURCES
   ========================================================= */

/* The MHS view always shows Primary + Secondary when both exist. */
.mhs-place-episode-lenses,
.mhs-episode-lenses{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.mhs-place-episode-lens,
.mhs-episode-lens{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}
.mhs-place-episode-lens--secondary,
.mhs-episode-lenses .mhs-episode-lens:nth-child(2){
  background:rgba(255,255,255,.56)!important;
  border-color:rgba(31,41,51,.07)!important;
}

/* Episode library / related cards: both lenses sit together as a compact MHS pair. */
.mhs-episode-card__lens-row{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  width:100%;
  margin:0 0 8px;
}
.mhs-episode-card__lens-row .mhs-episode-card__lens{
  min-height:30px;
  margin:0!important;
  padding:5px 8px;
  font-size:9.8px;
}
.mhs-episode-card__lens-row .mhs-episode-card__lens img{
  width:18px;
  height:18px;
}
.mhs-episode-card__lens-row .mhs-episode-card__lens:nth-child(2){
  background:rgba(255,255,255,.54);
}

/* Episode resources: intentionally quiet — a reference layer, not another card section. */
.mhs-episode-resources{
  width:100%;
  margin:16px 0 14px;
  padding:13px 16px 12px;
  border:1px solid rgba(31,41,51,.07);
  border-radius:15px;
  background:rgba(255,255,255,.48);
}
.mhs-episode-resources__label{
  margin:0 0 8px;
  color:#7b858d;
  font-size:9.5px;
  font-weight:750;
  line-height:1.2;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.mhs-episode-resources__row{
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  align-items:start;
  gap:10px;
  padding:5px 0;
}
.mhs-episode-resources__row + .mhs-episode-resources__row{
  border-top:1px solid rgba(31,41,51,.07);
}
.mhs-episode-resources__kind{
  color:#7b858d;
  font-size:10.5px;
  font-weight:700;
  line-height:1.45;
}
.mhs-episode-resources__links{
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:4px 13px;
}
.mhs-episode-resources__links a{
  position:relative;
  color:#4f5c65!important;
  font-size:11.5px;
  font-weight:550;
  line-height:1.45;
  text-decoration:none!important;
  border-bottom:1px solid rgba(79,92,101,.22);
}
.mhs-episode-resources__links a:hover,
.mhs-episode-resources__links a:focus{
  color:#26333d!important;
  border-bottom-color:rgba(79,92,101,.48);
}

@media (max-width:680px){
  .mhs-place-episode-lenses,
  .mhs-episode-lenses{
    gap:7px!important;
  }
  .mhs-place-episode-lens,
  .mhs-episode-lens{
    min-height:38px!important;
    padding:6px 9px!important;
  }
  .mhs-episode-resources{
    padding:12px 13px 11px;
  }
  .mhs-episode-resources__row{
    grid-template-columns:1fr;
    gap:3px;
  }
  .mhs-episode-resources__links{
    flex-direction:column;
    gap:4px;
  }
  .mhs-episode-resources__links a{
    font-size:12px;
  }
}


/* =========================================================
   MHS EPISODES v4.1 / CSS v5.3
   FOUR-UP VISUAL RESOURCE STRIP + FULLER FEELS COPY
   ========================================================= */

/* The feels rationale is supporting editorial copy, not fine print. */
.mhs-episode-why-inline .mhs-episode-section-title{
  font-size:clamp(17px,1.55vw,22px)!important;
  line-height:1.30!important;
}
.mhs-episode-why-inline .mhs-episode-copy,
.mhs-episode-why-inline .mhs-episode-copy p{
  font-size:13.7px!important;
  line-height:1.62!important;
}

/* Four resources sit on one quiet line on desktop. */
.mhs-episode-resources{
  margin:16px 0 14px!important;
  padding:13px 14px 14px!important;
}
.mhs-episode-resources__label{
  margin-bottom:9px!important;
}
.mhs-episode-resources__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  width:100%;
}

/* Compact visual resource: image first, then text. */
.mhs-episode-resource-item,
.mhs-episode-resource-item:visited{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0;
  min-height:64px;
  padding:7px 8px!important;
  border:1px solid rgba(31,41,51,.065)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.54)!important;
  color:#33404a!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.mhs-episode-resource-item:hover,
.mhs-episode-resource-item:focus{
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(31,41,51,.11)!important;
  color:#26333d!important;
  transform:translateY(-1px);
}

/* Books remain recognisably portrait; Trusted Voice marks stay square. */
.mhs-episode-resource-item__visual{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  overflow:hidden;
  background:rgba(255,255,255,.82);
  box-shadow:0 3px 8px rgba(31,41,51,.07);
}
.mhs-episode-resource-item--book .mhs-episode-resource-item__visual{
  width:32px;
  height:46px;
  border-radius:5px;
}
.mhs-episode-resource-item--trusted .mhs-episode-resource-item__visual{
  width:40px;
  height:40px;
  padding:4px;
  border-radius:9px;
}
.mhs-episode-resource-item__visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.mhs-episode-resource-item--trusted .mhs-episode-resource-item__visual img{
  object-fit:contain;
}
.mhs-episode-resource-item__fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  color:#7f8a92;
  font-size:11px;
  font-weight:750;
}
.mhs-episode-resource-item__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  min-width:0;
}
.mhs-episode-resource-item__kind{
  color:#8a949b;
  font-size:8.5px;
  font-weight:750;
  line-height:1.15;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.mhs-episode-resource-item__title{
  display:-webkit-box;
  overflow:hidden;
  color:#45515a;
  font-size:10.7px;
  font-weight:600;
  line-height:1.32;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

/* Tablet may breathe in two columns; phones deliberately stack all four. */
@media (min-width:681px) and (max-width:900px){
  .mhs-episode-resources__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:680px){
  .mhs-episode-why-inline .mhs-episode-section-title{
    font-size:17px!important;
    line-height:1.32!important;
  }
  .mhs-episode-why-inline .mhs-episode-copy,
  .mhs-episode-why-inline .mhs-episode-copy p{
    font-size:13.5px!important;
    line-height:1.62!important;
  }

  .mhs-episode-resources{
    padding:12px!important;
  }
  .mhs-episode-resources__grid{
    grid-template-columns:1fr!important;
    gap:7px;
  }
  .mhs-episode-resource-item{
    min-height:66px;
    padding:8px 9px!important;
  }
  .mhs-episode-resource-item__title{
    font-size:12px;
    -webkit-line-clamp:2;
  }
}


/* =========================================================
   MHS EPISODES CSS v5.4
   Resource strip polish + Support icon cleanup
   ========================================================= */

/* Support: the mint-tea logo is the only visual before "Support".
   Kill any inherited pseudo glyph / separator next to the icon. */
.mhs-support-button::before,
.mhs-support-button::after,
.mhs-support-button .mhs-support-icon::before,
.mhs-support-button .mhs-support-icon::after{
  content:none!important;
  display:none!important;
}

/* Keep logo/text spacing clean and intentional. */
.mhs-support-button{
  column-gap:7px!important;
}
.mhs-support-button .mhs-support-icon,
.mhs-support-button .mhs-support-logo{
  margin:0!important;
}

/* "BOOK / TRUSTED VOICE" is visually redundant once the imagery is present. */
.mhs-episode-resource-item__kind{
  display:none!important;
}

/* Give the whole resource strip slightly more visual confidence. */
.mhs-episode-resources{
  padding:14px 15px 15px!important;
}
.mhs-episode-resources__label{
  margin-bottom:10px!important;
  font-size:10.5px!important;
  font-weight:700!important;
  letter-spacing:.045em!important;
}

/* Larger, cleaner resource items while keeping all four on one line. */
.mhs-episode-resource-item,
.mhs-episode-resource-item:visited{
  min-height:76px!important;
  gap:11px!important;
  padding:9px 10px!important;
  border-radius:13px!important;
}

/* Covers/logos become useful visual anchors instead of tiny decoration. */
.mhs-episode-resource-item--book .mhs-episode-resource-item__visual{
  width:38px!important;
  height:54px!important;
  border-radius:6px!important;
}
.mhs-episode-resource-item--trusted .mhs-episode-resource-item__visual{
  width:48px!important;
  height:48px!important;
  padding:5px!important;
  border-radius:10px!important;
}

/* Titles now do the work — no redundant category label above them. */
.mhs-episode-resource-item__copy{
  gap:0!important;
}
.mhs-episode-resource-item__title{
  font-size:12.4px!important;
  font-weight:620!important;
  line-height:1.34!important;
  color:#33404a!important;
  -webkit-line-clamp:3!important;
}

/* The feels explanation should read like normal editorial copy. */
.mhs-episode-why-inline .mhs-episode-copy,
.mhs-episode-why-inline .mhs-episode-copy p{
  font-size:15px!important;
  line-height:1.60!important;
}

/* Tablet still remains 2 x 2. */
@media (min-width:681px) and (max-width:900px){
  .mhs-episode-resource-item,
  .mhs-episode-resource-item:visited{
    min-height:78px!important;
  }
}

/* Mobile: one per row, with a slightly larger visual and title. */
@media (max-width:680px){
  .mhs-episode-resource-item,
  .mhs-episode-resource-item:visited{
    min-height:76px!important;
    gap:12px!important;
    padding:9px 10px!important;
  }

  .mhs-episode-resource-item--book .mhs-episode-resource-item__visual{
    width:40px!important;
    height:58px!important;
  }

  .mhs-episode-resource-item--trusted .mhs-episode-resource-item__visual{
    width:50px!important;
    height:50px!important;
  }

  .mhs-episode-resource-item__title{
    font-size:13px!important;
    line-height:1.35!important;
  }

  .mhs-episode-why-inline .mhs-episode-copy,
  .mhs-episode-why-inline .mhs-episode-copy p{
    font-size:14.5px!important;
  }
}


/* =========================================================
   MHS EPISODES CSS v5.5
   RESOURCE CENTER + BOOK AUTHORS
   ========================================================= */

/* Resource Center is the correct editorial label for these four references. */
.mhs-episode-resources__label{
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.055em!important;
}

/* The old category labels are removed in PHP; keep this as a safety net. */
.mhs-episode-resource-item__kind{
  display:none!important;
}

/* Let the actual title carry the hierarchy. */
.mhs-episode-resource-item__title{
  font-size:12.7px!important;
  font-weight:650!important;
  line-height:1.31!important;
  color:#33404a!important;
}

/* Book author is useful context, but deliberately secondary. */
.mhs-episode-resource-item__author{
  display:block;
  margin-top:3px;
  color:#7a858d;
  font-size:10.3px;
  font-weight:500;
  line-height:1.25;
}

/* Give titles/authors enough horizontal breathing room. */
.mhs-episode-resource-item__copy{
  min-width:0;
  gap:0!important;
}

@media (max-width:680px){
  .mhs-episode-resources__label{
    font-size:11px!important;
  }

  .mhs-episode-resource-item__title{
    font-size:13.2px!important;
    line-height:1.32!important;
  }

  .mhs-episode-resource-item__author{
    margin-top:4px;
    font-size:11.2px;
  }
}


/* =========================================================
   MHS SHARED ACTIONS v5.6
   Share + Support: side-by-side wherever possible
   ========================================================= */

/*
 * Snippet 9831 owns the component markup:
 * .mhs-share-support-actions
 *   .mhs-action-button.mhs-share-button
 *   .mhs-action-button.mhs-support-button
 *
 * Keep both actions on one row and let the pair scale together.
 * This intentionally overrides the earlier narrow-container stacking.
 */
html body .mhs-share-component .mhs-share-support-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:min(100%,360px)!important;
  max-width:360px!important;
  margin-inline:auto!important;
  padding:0!important;
}

/* Both pills share the available width instead of fighting for a fixed width. */
html body .mhs-share-component .mhs-share-support-actions > .mhs-action-button,
html body .mhs-share-component .mhs-share-support-actions > .mhs-share-button,
html body .mhs-share-component .mhs-share-support-actions > .mhs-support-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:46px!important;
  height:46px!important;
  margin:0!important;
  padding:7px clamp(10px,2.2vw,16px)!important;
  gap:clamp(6px,1.4vw,8px)!important;
  border-radius:999px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  font-size:clamp(12.5px,3vw,15.5px)!important;
  line-height:1!important;
}

/* Text may shrink, but it may never be pushed into the icon. */
html body .mhs-share-component .mhs-share-support-actions .mhs-action-label,
html body .mhs-share-component .mhs-share-support-actions .mhs-share-label{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1!important;
}

/* Scale the two visuals together on narrow containers. */
html body .mhs-share-component .mhs-share-support-actions .mhs-share-symbol{
  width:clamp(22px,6.5vw,28px)!important;
  height:clamp(18px,5.3vw,23px)!important;
  flex:0 0 auto!important;
}

html body .mhs-share-component .mhs-share-support-actions .mhs-support-icon,
html body .mhs-share-component .mhs-share-support-actions .mhs-support-logo{
  width:clamp(28px,8vw,36px)!important;
  height:clamp(28px,8vw,36px)!important;
  max-width:36px!important;
  max-height:36px!important;
  flex:0 0 auto!important;
  margin:0!important;
  object-fit:contain!important;
}

/*
 * Remove every legacy coffee-cup / separator pseudo-element around Support.
 * This is the small black mark visible beside the mint-tea artwork.
 */
html body .mhs-share-support-actions .mhs-support-button::before,
html body .mhs-share-support-actions .mhs-support-button::after,
html body .mhs-share-support-actions .mhs-support-button .mhs-action-label::before,
html body .mhs-share-support-actions .mhs-support-button .mhs-action-label::after,
html body .mhs-action-links a.mhs-support::before,
html body .mhs-action-links a.mhs-support::after{
  content:none!important;
  display:none!important;
}

/* Narrow phones: keep one row, reduce both buttons proportionally. */
@container (max-width:360px){
  html body .mhs-share-component .mhs-share-support-actions{
    gap:8px!important;
    width:100%!important;
  }

  html body .mhs-share-component .mhs-share-support-actions > .mhs-action-button,
  html body .mhs-share-component .mhs-share-support-actions > .mhs-share-button,
  html body .mhs-share-component .mhs-share-support-actions > .mhs-support-button{
    min-height:42px!important;
    height:42px!important;
    padding-inline:9px!important;
    gap:6px!important;
    font-size:12.5px!important;
  }

  html body .mhs-share-component .mhs-share-support-actions .mhs-support-icon,
  html body .mhs-share-component .mhs-share-support-actions .mhs-support-logo{
    width:30px!important;
    height:30px!important;
  }

  html body .mhs-share-component .mhs-share-support-actions .mhs-share-symbol{
    width:23px!important;
    height:19px!important;
  }
}

/* Very narrow card slots: still side-by-side; scale once more before stacking. */
@container (max-width:280px){
  html body .mhs-share-component .mhs-share-support-actions{
    gap:6px!important;
  }

  html body .mhs-share-component .mhs-share-support-actions > .mhs-action-button,
  html body .mhs-share-component .mhs-share-support-actions > .mhs-share-button,
  html body .mhs-share-component .mhs-share-support-actions > .mhs-support-button{
    min-height:38px!important;
    height:38px!important;
    padding-inline:7px!important;
    gap:5px!important;
    font-size:11.5px!important;
  }

  html body .mhs-share-component .mhs-share-support-actions .mhs-support-icon,
  html body .mhs-share-component .mhs-share-support-actions .mhs-support-logo{
    width:26px!important;
    height:26px!important;
  }

  html body .mhs-share-component .mhs-share-support-actions .mhs-share-symbol{
    width:21px!important;
    height:17px!important;
  }
}

/* Only an exceptionally tiny slot may stack; normal phones/cards never reach this. */
@container (max-width:205px){
  html body .mhs-share-component .mhs-share-support-actions{
    grid-template-columns:1fr!important;
    width:100%!important;
  }
}

/* =========================================================
   MHS LONGREAD SYSTEM — SINGLE SIDEBAR V6
   Calm editorial rhythm:
   - one outer width for hero / headings / beats / Venn
   - maximum one visible sidebar per reading beat
   - broad readable copy
   - Episodes desktop portrait, mobile landscape (source chosen in PHP)
   - Quiet Lines = 3 x 3 lines
   ========================================================= */

.mhs-lens-page{
  --mhs-lr-page:#efe9e2;
  --mhs-lr-paper:#fbf8f3;
  --mhs-lr-text:#282522;
  --mhs-lr-muted:#6e6861;
  --mhs-lr-line:#d8cec4;

  --mhs-lr-blush:#eddbda;
  --mhs-lr-sage:#dfe8dc;
  --mhs-lr-peach:#f0ddcf;
  --mhs-lr-lilac:#e8e1ec;
  --mhs-lr-sand:#ece1d1;
  --mhs-lr-clay:#e8ddd5;

  --mhs-lr-serif:Georgia,"Times New Roman",serif;
  --mhs-lr-sans:"Montserrat",Arial,sans-serif;

  --mhs-wide:min(1400px,calc(100vw - 64px));
  --mhs-rail:320px;

  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0!important;
  gap:0!important;
  row-gap:0!important;
  overflow:hidden!important;

  color:var(--mhs-lr-text);
  background:var(--mhs-lr-page);
  font-family:var(--mhs-lr-sans);
}

.mhs-lens-page *,
.mhs-lens-page *::before,
.mhs-lens-page *::after{
  box-sizing:border-box;
}

.mhs-lens-page .mhs-book-note{
  display:contents!important;
}

/* =========================================================
   HERO — approved image + compact MHS mark
   ========================================================= */

.mhs-lens-page .mhs-lens-hero{
  width:var(--mhs-wide)!important;
  max-width:var(--mhs-wide)!important;
  min-height:500px;
  margin:26px auto 0!important;
  padding:78px 52% 70px 56px!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;


  border:1px solid var(--mhs-lr-line);
  border-bottom:0;
}

.mhs-lens-page .mhs-lens-hero > .elementor-widget-heading,
.mhs-lens-page .mhs-lens-hero > .elementor-widget-text-editor{
  width:100%!important;
  max-width:520px!important;
  align-self:flex-start!important;
}

.mhs-lens-hero > .elementor-widget-heading::before{
  content:"";
  display:block;
  width:112px;
  height:84px;
  margin:0 0 6px 0;
  background:
    url("https://midlifehealthstudio.com/wp-content/uploads/2026/06/mhs-fluffy-favicon.webp")
    left center / contain no-repeat;
}

.mhs-lens-hero .elementor-heading-title{
  margin:0 0 24px!important;
  color:var(--mhs-lr-text)!important;
  font-family:var(--mhs-lr-serif)!important;
  font-size:clamp(50px,5vw,76px)!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}

.mhs-lens-hero p{
  margin:0;
  color:var(--mhs-lr-muted);
  font-size:18px;
  line-height:1.72;
}

/* =========================================================
   SHARED FRAME / ALIGNMENT
   ========================================================= */

.mhs-lens-page .mhs-reading-beat,
.mhs-lens-page .mhs-section-heading,
.mhs-lens-page .mhs-venn-section,
.mhs-lens-page .mhs-lens-closing{
  width:var(--mhs-wide)!important;
  max-width:var(--mhs-wide)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.mhs-reading-beat{
  margin-top:0!important;
  margin-bottom:0!important;
  padding:0!important;
  gap:0!important;

  display:grid!important;
  align-items:stretch!important;

  border:1px solid var(--mhs-lr-line);
  border-bottom:0;
  background:var(--mhs-lr-paper);
  overflow:hidden!important;
}

.mhs-reading-beat > .mhs-main-copy{
  grid-area:main;
  min-width:0!important;
  margin:0!important;
  padding:42px 48px 46px!important;
  background:var(--mhs-lr-paper);
}

.mhs-reading-beat > .mhs-side-left,
.mhs-reading-beat > .mhs-side-right{
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:36px 30px!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  align-content:flex-start!important;

  --flex-direction:column!important;
  --justify-content:flex-start!important;
  --align-items:stretch!important;
  --flex-wrap:nowrap!important;
}

/* Elementor shortcode wrappers are never allowed to stretch a sidebar. */
.mhs-side-left > .elementor-widget-shortcode,
.mhs-side-right > .elementor-widget-shortcode,
.mhs-reading-beat > .elementor-widget-shortcode,
.mhs-side-left > .elementor-widget-shortcode > .elementor-widget-container,
.mhs-side-right > .elementor-widget-shortcode > .elementor-widget-container,
.mhs-reading-beat > .elementor-widget-shortcode > .elementor-widget-container,
.mhs-side-left .elementor-shortcode,
.mhs-side-right .elementor-shortcode,
.mhs-reading-beat > .elementor-widget-shortcode .elementor-shortcode{
  display:block!important;
  position:static!important;
  flex:0 0 auto!important;
  --flex-grow:0!important;
  --flex-shrink:0!important;

  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;

  margin:0!important;
  padding:0!important;
  align-self:auto!important;
  transform:none!important;
  overflow:visible!important;
}

/* =========================================================
   ONE SIDEBAR PER BEAT
   Explicit editorial choreography for the current Midlife Lenses page.
   ========================================================= */

/* Beat 1: quote LEFT + text. */
.mhs-beat-center:has(.mhs-lens-pullquote){
  grid-template-columns:220px minmax(0,1fr)!important;
  grid-template-areas:"left main"!important;
}
.mhs-beat-center:has(.mhs-lens-pullquote) > .mhs-side-left{
  display:flex!important;
  grid-area:left;
  background:var(--mhs-lr-blush);
}
.mhs-beat-center:has(.mhs-lens-pullquote) > .mhs-side-right{
  display:none!important;
}

/* Beat 2: text + Episode RIGHT. */
.mhs-beat-text-left:has(.mhs-lens-episode-card){
  grid-template-columns:minmax(0,1fr) var(--mhs-rail)!important;
  grid-template-areas:"main right"!important;
}
.mhs-beat-text-left:has(.mhs-lens-episode-card) > .mhs-side-left{
  display:none!important;
}
.mhs-beat-text-left:has(.mhs-lens-episode-card) > .mhs-side-right{
  display:flex!important;
  grid-area:right;
  background:var(--mhs-lr-sage);
}

/* Beat 3: Book LEFT + text. */
.mhs-beat-text-right:has(.mhs-side-left .mhs-lens-book-card):not(:has(.mhs-lens-authority-card)){
  grid-template-columns:var(--mhs-rail) minmax(0,1fr)!important;
  grid-template-areas:"left main"!important;
}
.mhs-beat-text-right:has(.mhs-side-left .mhs-lens-book-card):not(:has(.mhs-lens-authority-card)) > .mhs-side-left{
  display:flex!important;
  grid-area:left;
  background:var(--mhs-lr-sand);
}
.mhs-beat-text-right:has(.mhs-side-left .mhs-lens-book-card):not(:has(.mhs-lens-authority-card)) > .mhs-side-right{
  display:none!important;
}

/* Beat 4: Place LEFT; Episode deliberately hidden. */
.mhs-beat-dialogue:has(.mhs-lens-place-card):has(.mhs-lens-episode-card){
  grid-template-columns:var(--mhs-rail) minmax(0,1fr)!important;
  grid-template-areas:"left main"!important;
}
.mhs-beat-dialogue:has(.mhs-lens-place-card):has(.mhs-lens-episode-card) > .mhs-side-left{
  display:flex!important;
  grid-area:left;
  background:var(--mhs-lr-peach);
}
.mhs-beat-dialogue:has(.mhs-lens-place-card):has(.mhs-lens-episode-card) > .mhs-side-right{
  display:none!important;
}

/* Beat 5: Transitions Book RIGHT; Quiet Line hidden here to keep the page calm. */
.mhs-beat-text-left:has(.mhs-lens-book-card):has(.mhs-lens-quiet-line-card){
  grid-template-columns:minmax(0,1fr) var(--mhs-rail)!important;
  grid-template-areas:"main right"!important;
}
.mhs-beat-text-left:has(.mhs-lens-book-card):has(.mhs-lens-quiet-line-card) > .mhs-side-left{
  display:none!important;
}
.mhs-beat-text-left:has(.mhs-lens-book-card):has(.mhs-lens-quiet-line-card) > .mhs-side-right{
  display:flex!important;
  grid-area:right;
  background:var(--mhs-lr-blush);
}
.mhs-beat-text-left:has(.mhs-lens-book-card):has(.mhs-lens-quiet-line-card)
  > .mhs-side-right .elementor-widget-shortcode:has(.mhs-lens-quiet-line-card){
  display:none!important;
}

/* Beat 6: Four Thousand Weeks Book RIGHT; Place hidden. */
.mhs-beat-center:has(.mhs-lens-place-card):has(.mhs-lens-book-card){
  grid-template-columns:minmax(0,1fr) var(--mhs-rail)!important;
  grid-template-areas:"main right"!important;
}
.mhs-beat-center:has(.mhs-lens-place-card):has(.mhs-lens-book-card) > .mhs-side-left{
  display:none!important;
}
.mhs-beat-center:has(.mhs-lens-place-card):has(.mhs-lens-book-card) > .mhs-side-right{
  display:flex!important;
  grid-area:right;
  background:var(--mhs-lr-sand);
}

/* Beat 7: Authority LEFT; Menopause Brain Book hidden. */
.mhs-beat-text-right:has(.mhs-lens-authority-card):has(.mhs-lens-book-card){
  grid-template-columns:var(--mhs-rail) minmax(0,1fr)!important;
  grid-template-areas:"left main"!important;
}
.mhs-beat-text-right:has(.mhs-lens-authority-card):has(.mhs-lens-book-card)
  > .elementor-widget-shortcode:has(.mhs-lens-authority-card){
  display:block!important;
  grid-area:left;
  padding:36px 30px!important;
  background:var(--mhs-lr-lilac);
}
.mhs-beat-text-right:has(.mhs-lens-authority-card):has(.mhs-lens-book-card) > .mhs-side-left,
.mhs-beat-text-right:has(.mhs-lens-authority-card):has(.mhs-lens-book-card) > .mhs-side-right{
  display:none!important;
}

/* Beat 8: Episode LEFT; Place hidden. */
.mhs-beat-dialogue:has(.mhs-lens-episode-card):has(.mhs-lens-place-card){
  grid-template-columns:var(--mhs-rail) minmax(0,1fr)!important;
  grid-template-areas:"left main"!important;
}
.mhs-beat-dialogue:has(.mhs-lens-episode-card):has(.mhs-lens-place-card) > .mhs-side-left{
  display:flex!important;
  grid-area:left;
  background:var(--mhs-lr-peach);
}
.mhs-beat-dialogue:has(.mhs-lens-episode-card):has(.mhs-lens-place-card) > .mhs-side-right{
  display:none!important;
}

/* Beat 9: final Quiet Line LEFT + closing text. */
.mhs-beat-text-right:has(.mhs-lens-quiet-line-card){
  grid-template-columns:var(--mhs-rail) minmax(0,1fr)!important;
  grid-template-areas:"left main"!important;
}
.mhs-beat-text-right:has(.mhs-lens-quiet-line-card) > .mhs-side-left{
  display:flex!important;
  grid-area:left;
  background:var(--mhs-lr-lilac);
}
.mhs-beat-text-right:has(.mhs-lens-quiet-line-card) > .mhs-side-right{
  display:none!important;
}

/* =========================================================
   SIDEBAR COMPONENTS
   ========================================================= */

.mhs-lens-page :is(
  .mhs-lens-book-card,
  .mhs-lens-place-card,
  .mhs-lens-episode-card,
  .mhs-lens-authority-card,
  .mhs-lens-quiet-line-card
){
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;

  flex:0 0 auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;

  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;

  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}

.mhs-lens-page :is(
  .mhs-lens-book-card,
  .mhs-lens-place-card,
  .mhs-lens-episode-card,
  .mhs-lens-authority-card
) > *{
  position:static!important;
  inset:auto!important;
  float:none!important;
  clear:both!important;
  display:block!important;
  flex:0 0 auto!important;
  align-self:stretch!important;

  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;

  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
}

.mhs-lens-side-kicker{
  margin:0 0 12px!important;
  color:#9b655d;
  font-size:10px;
  font-weight:650;
  line-height:1.35;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.mhs-lens-side-media{
  margin:0 0 16px!important;
  overflow:visible!important;
}
.mhs-lens-side-media picture{
  display:block!important;
  width:100%!important;
}
.mhs-lens-side-media img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left top!important;
}

/* Places remain native portrait and a little narrower than the rail. */
.mhs-lens-place-card--compact > .mhs-lens-place-image{
  width:min(100%,215px)!important;
  max-width:215px!important;
  align-self:flex-start!important;
}

/* Episodes: desktop portrait source is selected by <picture>. */
.mhs-lens-episode-image{
  width:100%!important;
  max-width:100%!important;
}

/* Books: keep the later, compact visual language. */
.mhs-lens-book-cover{
  width:100%!important;
  text-align:left!important;
}
.mhs-lens-book-cover img{
  width:auto!important;
  max-width:72%!important;
  max-height:230px!important;
  margin:0!important;
}
.mhs-lens-book-card--compact .mhs-lens-book-cover img,
.mhs-lens-book-card--rich .mhs-lens-book-cover img{
  max-width:68%!important;
  max-height:215px!important;
}

.mhs-lens-authority-logo{
  width:100%!important;
  padding:14px!important;
  background:rgba(255,255,255,.52)!important;
}
.mhs-lens-authority-logo img{
  width:100%!important;
  height:82px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Slightly larger editorial sidebar typography. */
.mhs-lens-side-title{
  margin:0 0 8px!important;
  color:var(--mhs-lr-text)!important;
  font-family:var(--mhs-lr-serif)!important;
  font-size:23px!important;
  font-weight:400!important;
  line-height:1.12!important;
  letter-spacing:-.018em;
}

.mhs-lens-side-meta{
  margin:0 0 8px!important;
  color:var(--mhs-lr-muted);
  font-size:12px;
  font-weight:500;
  line-height:1.45;
}

.mhs-lens-side-subtitle{
  margin:7px 0 9px!important;
  color:var(--mhs-lr-text);
  font-size:13px;
  font-weight:500;
  line-height:1.45;
}

.mhs-lens-side-copy,
.mhs-lens-side-copy p{
  margin:0 0 8px!important;
  color:var(--mhs-lr-muted)!important;
  font-size:13.5px!important;
  font-weight:400!important;
  line-height:1.58!important;
}

.mhs-lens-side-link{
  display:inline-block!important;
  align-self:flex-start!important;
  width:auto!important;
  margin:10px 0 0!important;
  padding-bottom:2px;
  border-bottom:1px solid rgba(40,37,34,.45);
  color:var(--mhs-lr-text)!important;
  font-size:11px;
  font-weight:650;
  line-height:1.4;
  letter-spacing:.02em;
  text-decoration:none!important;
}

/* Pull quote */
.mhs-lens-pullquote{
  margin:0!important;
  padding:0 0 0 16px!important;
  border-left:1px solid #c58c81!important;
  background:transparent!important;
}
.mhs-lens-pullquote p{
  margin:0;
  color:var(--mhs-lr-text);
  font-family:var(--mhs-lr-serif);
  font-size:22px;
  line-height:1.45;
  letter-spacing:-.015em;
}

/* Quiet Lines: exactly three stanzas of three visible lines. */
.mhs-lens-quiet-line-text{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
}
.mhs-lens-quiet-line-group{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
.mhs-lens-quiet-line-line{
  display:block!important;
  color:var(--mhs-lr-text)!important;
  font-family:var(--mhs-lr-serif)!important;
  font-size:18px!important;
  line-height:1.34!important;
}
.mhs-lens-quiet-line-source{
  display:inline-block;
  margin-top:16px;
  color:var(--mhs-lr-muted)!important;
  font-size:9px;
  font-weight:650;
  line-height:1.4;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none!important;
}

/* =========================================================
   LONG TEXT
   ========================================================= */

.mhs-main-copy p{
  margin:0 0 1.16em;
  color:var(--mhs-lr-text);
  font-size:17.5px;
  font-weight:400;
  line-height:1.76;
}
.mhs-main-copy p:last-child{margin-bottom:0;}
.mhs-main-copy a{
  color:var(--mhs-lr-text);
  text-decoration-line:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
  text-decoration-color:#b97f75;
}

/* =========================================================
   SECTION HEADINGS
   Exact same outer width as beats.
   ========================================================= */

.mhs-section-heading{
  margin-top:0!important;
  margin-bottom:0!important;
  padding:0!important;
  gap:0!important;

  display:grid!important;
  grid-template-columns:30% minmax(0,70%)!important;

  overflow:hidden;
  border:1px solid var(--mhs-lr-line);
  border-bottom:0;

  background:
    linear-gradient(
      90deg,
      var(--mhs-lr-lilac) 0 30%,
      var(--mhs-lr-paper) 30% 100%
    )!important;
}

.mhs-heading-accent{
  width:100%!important;
  min-height:150px;
  margin:0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  background:transparent!important;
}

.mhs-heading-accent > .elementor-widget-shortcode,
.mhs-heading-accent > .elementor-widget-shortcode > .elementor-widget-container,
.mhs-heading-accent .elementor-shortcode{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
}

.mhs-heading-accent-label{
  color:#596858;
  font-size:14px;
  font-weight:600;
  line-height:1.25;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mhs-heading-content{
  min-width:0;
  padding:34px 56px!important;
  display:flex!important;
  align-items:center!important;
  background:transparent!important;
}

.mhs-heading-content .elementor-heading-title{
  margin:0!important;
  color:var(--mhs-lr-text)!important;
  font-family:var(--mhs-lr-serif)!important;
  font-size:clamp(34px,3.2vw,50px)!important;
  font-weight:400!important;
  line-height:1.06!important;
  letter-spacing:-.032em!important;
}

/* =========================================================
   VENN — same editorial line, no viewport breakout
   ========================================================= */

.mhs-venn-section{
  margin-top:0!important;
  margin-bottom:0!important;
  padding:56px 36px!important;

  background:var(--mhs-lr-clay);
  border:1px solid #d6c8bc;
  border-bottom:0;
}

.mhs-venn-inner{
  width:100%!important;
  max-width:1280px!important;
  margin:0 auto!important;

  display:grid!important;
  grid-template-columns:minmax(0,44%) minmax(0,56%)!important;
  gap:42px!important;
  align-items:center!important;
}

.mhs-venn-figure{margin:0!important;}
.mhs-venn-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  filter:saturate(.70) contrast(.96) brightness(1.02)!important;
  opacity:.96;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1099px){
  .mhs-lens-page .mhs-lens-hero,
  .mhs-lens-page .mhs-reading-beat,
  .mhs-lens-page .mhs-section-heading,
  .mhs-lens-page .mhs-venn-section,
  .mhs-lens-page .mhs-lens-closing{
    width:calc(100vw - 36px)!important;
    max-width:calc(100vw - 36px)!important;
  }

  .mhs-lens-hero{
    min-height:430px;
    padding-left:38px!important;
    padding-right:48%!important;
    background-size:auto,62% auto!important;
  }

  .mhs-lens-hero > .elementor-widget-heading,
  .mhs-lens-hero > .elementor-widget-text-editor{
    max-width:none!important;
  }

  .mhs-lens-hero > .elementor-widget-heading::before{
    width:48px;
    height:36px;
    margin-bottom:12px;
  }

  .mhs-reading-beat{
    display:flex!important;
    flex-direction:column!important;
  }

  .mhs-reading-beat > .mhs-main-copy{
    order:1!important;
    width:100%!important;
    padding:34px!important;
  }

  .mhs-reading-beat > .mhs-side-left,
  .mhs-reading-beat > .mhs-side-right,
  .mhs-reading-beat > .elementor-widget-shortcode:has(.mhs-lens-authority-card){
    order:2!important;
    width:100%!important;
    padding:28px 34px!important;
  }

  /* Hidden desktop rails remain hidden on tablet. */
  .mhs-reading-beat > .mhs-side-left[style*="display:none"],
  .mhs-reading-beat > .mhs-side-right[style*="display:none"]{
    display:none!important;
  }

  .mhs-main-copy p{
    font-size:17px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:767px){
  .mhs-lens-page{
    width:100vw!important;
  }

  .mhs-lens-page .mhs-lens-hero,
  .mhs-lens-page .mhs-reading-beat,
  .mhs-lens-page .mhs-section-heading,
  .mhs-lens-page .mhs-venn-section,
  .mhs-lens-page .mhs-lens-closing{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:0!important;
    margin-right:0!important;
    border-left:0;
    border-right:0;
  }

  .mhs-lens-hero{
    min-height:0;
    padding:64vw 20px 32px!important;

  }

  .mhs-lens-hero .elementor-heading-title{
    font-size:42px!important;
    line-height:1.03!important;
  }

  .mhs-lens-hero p{
    font-size:16.5px;
    line-height:1.68;
  }

  .mhs-reading-beat > .mhs-main-copy{
    padding:27px 20px 29px!important;
  }

  .mhs-reading-beat > .mhs-side-left,
  .mhs-reading-beat > .mhs-side-right,
  .mhs-reading-beat > .elementor-widget-shortcode:has(.mhs-lens-authority-card){
    padding:22px 20px 24px!important;
  }

  .mhs-main-copy p{
    font-size:17px;
    line-height:1.74;
  }

  /* Mobile Episodes use the landscape <source> from PHP. */
  .mhs-lens-episode-image,
  .mhs-lens-episode-image picture,
  .mhs-lens-episode-image img{
    width:100%!important;
    max-width:100%!important;
  }

  .mhs-lens-place-card--compact > .mhs-lens-place-image{
    width:100%!important;
    max-width:100%!important;
  }

  .mhs-lens-side-title{
    font-size:21px!important;
  }

  .mhs-lens-side-copy,
  .mhs-lens-side-copy p{
    font-size:14px!important;
  }

  .mhs-lens-book-cover img{
    max-width:58%!important;
  }

  .mhs-lens-quiet-line-line{
    font-size:19px!important;
  }

  .mhs-section-heading{
    display:block!important;
  }

  .mhs-heading-accent{
    min-height:70px;
  }

  .mhs-heading-content{
    padding:24px 20px 28px!important;
  }

  .mhs-heading-content .elementor-heading-title{
    font-size:32px!important;
    line-height:1.10!important;
  }

  .mhs-venn-section{
    padding:40px 20px!important;
  }

  .mhs-venn-inner{
    display:block!important;
  }

  .mhs-venn-copy{
    margin-bottom:24px;
  }
}

/* =========================================================
   MHS LENSES CLOSING — DISCOVERY ORBS v2
   Normal state is deliberately quiet.
   Hover/focus reveals meaning:
   - discovery: pastel -> white + destination label
   - actions: white + icon -> pastel + Share/Support label
   All five circles remain exactly equal.
   ========================================================= */

.mhs-lens-closing{
  --mhs-closing-orb:118px;
  --mhs-closing-gap:28px;

  display:grid!important;
  grid-template-columns:minmax(0,74%) minmax(0,26%)!important;
  gap:0!important;

  min-height:390px;
  margin-top:0!important;
  margin-bottom:0!important;
  padding:0!important;

  border:1px solid var(--mhs-lr-line);
  background:var(--mhs-lr-paper);
  overflow:hidden!important;
}

/* LEFT — quote + three discovery circles */
.mhs-closing-left{
  min-width:0!important;
  margin:0!important;
  padding:42px 48px 46px!important;

  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:30px!important;

  background:var(--mhs-lr-paper);
}

.mhs-closing-quote{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.mhs-closing-quote .mhs-lens-pullquote{
  width:100%!important;
  max-width:900px!important;
}

.mhs-closing-quote .mhs-lens-pullquote p{
  font-size:clamp(24px,2vw,31px)!important;
  line-height:1.34!important;
}

.mhs-closing-quote .mhs-pullquote-line{
  display:block!important;
}

.mhs-closing-orbs{
  width:100%!important;
  margin:0!important;
  padding:0!important;

  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:var(--mhs-closing-gap)!important;
}

.mhs-closing-orbs > .elementor-widget-shortcode,
.mhs-closing-orbs > .elementor-widget-shortcode > .elementor-widget-container,
.mhs-closing-orbs .elementor-shortcode{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
}

/* ---------------------------------------------------------
   Discovery circles
   --------------------------------------------------------- */

.mhs-discovery-orb{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:var(--mhs-closing-orb)!important;
  height:var(--mhs-closing-orb)!important;
  min-width:var(--mhs-closing-orb)!important;
  min-height:var(--mhs-closing-orb)!important;
  flex:0 0 var(--mhs-closing-orb)!important;

  margin:0!important;
  padding:12px!important;

  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important;
  background-image:none!important;
  text-decoration:none!important;
  overflow:hidden!important;

  transition:
    transform .20s ease,
    background-color .20s ease,
    box-shadow .20s ease;
}

.mhs-discovery-orb--pink{background:#EFC8D2!important;}
.mhs-discovery-orb--mint{background:#BFE3DC!important;}
.mhs-discovery-orb--peach{background:#F4D4BF!important;}

.mhs-discovery-orb-label{
  display:block!important;
  width:100%;
  margin:0!important;
  padding:0!important;

  color:var(--mhs-lr-text)!important;
  font-family:"Montserrat",sans-serif!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.18!important;
  text-align:center!important;
  text-wrap:balance;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;

  opacity:0;
  transform:scale(.92);
  transition:opacity .16s ease, transform .20s ease;
}

@media (hover:hover){
  .mhs-discovery-orb:hover{
    background:#fff!important;
    transform:translateY(-4px) scale(1.08)!important;
    box-shadow:0 14px 30px rgba(31,41,51,.12)!important;
  }

  .mhs-discovery-orb:hover .mhs-discovery-orb-label{
    opacity:1!important;
    transform:scale(1)!important;
  }
}

.mhs-discovery-orb:focus-visible{
  background:#fff!important;
  transform:scale(1.08)!important;
  outline:3px solid rgba(121,174,193,.34)!important;
  outline-offset:5px!important;
}

.mhs-discovery-orb:focus-visible .mhs-discovery-orb-label{
  opacity:1!important;
  transform:scale(1)!important;
}

/* ---------------------------------------------------------
   RIGHT — Share + Support
   Existing 9831 markup/logic remains the owner of the actions.
   --------------------------------------------------------- */

.mhs-closing-right{
  min-width:0!important;
  margin:0!important;
  padding:38px 24px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  background:var(--mhs-lr-lilac);
}

.mhs-closing-right > .elementor-widget-shortcode,
.mhs-closing-right > .elementor-widget-shortcode > .elementor-widget-container,
.mhs-closing-right .elementor-shortcode{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.mhs-closing-share-support.mhs-share-component{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;

  --mhs-action-margin-top:0px!important;
  --mhs-action-margin-bottom:0px!important;
}

.mhs-closing-share-support .mhs-share-support-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:var(--mhs-closing-gap)!important;

  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

/* Exact same circle geometry as the three discovery orbs. */
.mhs-closing-share-support .mhs-share-support-actions > .mhs-action-button,
.mhs-closing-share-support .mhs-share-button,
.mhs-closing-share-support .mhs-support-button{
  position:relative!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:var(--mhs-closing-orb)!important;
  height:var(--mhs-closing-orb)!important;
  min-width:var(--mhs-closing-orb)!important;
  min-height:var(--mhs-closing-orb)!important;
  max-width:var(--mhs-closing-orb)!important;
  max-height:var(--mhs-closing-orb)!important;

  margin:0!important;
  padding:12px!important;
  gap:0!important;

  border:1px solid rgba(31,41,51,.08)!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(31,41,51,.07)!important;
  color:var(--mhs-lr-text)!important;
  overflow:hidden!important;

  transition:
    transform .20s ease,
    background-color .20s ease,
    box-shadow .20s ease;
}

/* Share = mint hover; Support = peach hover. */
@media (hover:hover){
  .mhs-closing-share-support .mhs-share-button:hover{
    background:var(--mhs-lr-sage)!important;
    transform:translateY(-4px) scale(1.08)!important;
    box-shadow:0 14px 30px rgba(31,41,51,.12)!important;
  }

  .mhs-closing-share-support .mhs-support-button:hover{
    background:var(--mhs-lr-peach)!important;
    transform:translateY(-4px) scale(1.08)!important;
    box-shadow:0 14px 30px rgba(31,41,51,.12)!important;
  }
}

.mhs-closing-share-support .mhs-share-button:focus-visible{
  background:var(--mhs-lr-sage)!important;
  transform:scale(1.08)!important;
}

.mhs-closing-share-support .mhs-support-button:focus-visible{
  background:var(--mhs-lr-peach)!important;
  transform:scale(1.08)!important;
}

/* The existing labels become the centred hover text. */
.mhs-closing-share-support .mhs-action-label,
.mhs-closing-share-support .mhs-share-label{
  position:absolute!important;
  inset:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:12px!important;

  clip:auto!important;
  overflow:visible!important;
  white-space:normal!important;

  color:var(--mhs-lr-text)!important;
  font-family:"Montserrat",sans-serif!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.18!important;
  text-align:center!important;

  opacity:0!important;
  transform:scale(.92);
  transition:opacity .16s ease, transform .20s ease;
}

/* Feedback is not part of the visual closing circle. */
.mhs-closing-share-support .mhs-share-feedback{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Normal state = icon only. */
.mhs-closing-share-support .mhs-share-symbol,
.mhs-closing-share-support .mhs-support-icon,
.mhs-closing-share-support .mhs-support-logo{
  opacity:1!important;
  transition:opacity .14s ease, transform .20s ease;
}

.mhs-closing-share-support .mhs-share-symbol{
  width:42px!important;
  height:34px!important;
  flex:0 0 auto!important;
  margin:0!important;
}

.mhs-closing-share-support .mhs-support-icon,
.mhs-closing-share-support .mhs-support-logo{
  width:58px!important;
  height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  flex:0 0 58px!important;
  margin:0!important;
}

.mhs-closing-share-support .mhs-support-icon img,
.mhs-closing-share-support .mhs-support-logo img{
  height:58px!important;
  max-height:58px!important;
}

/* Hover/focus = text only. */
@media (hover:hover){
  .mhs-closing-share-support .mhs-action-button:hover .mhs-share-symbol,
  .mhs-closing-share-support .mhs-action-button:hover .mhs-support-icon,
  .mhs-closing-share-support .mhs-action-button:hover .mhs-support-logo{
    opacity:0!important;
    transform:scale(.88)!important;
  }

  .mhs-closing-share-support .mhs-action-button:hover .mhs-action-label,
  .mhs-closing-share-support .mhs-action-button:hover .mhs-share-label{
    opacity:1!important;
    transform:scale(1)!important;
  }
}

.mhs-closing-share-support .mhs-action-button:focus-visible .mhs-share-symbol,
.mhs-closing-share-support .mhs-action-button:focus-visible .mhs-support-icon,
.mhs-closing-share-support .mhs-action-button:focus-visible .mhs-support-logo{
  opacity:0!important;
}

.mhs-closing-share-support .mhs-action-button:focus-visible .mhs-action-label,
.mhs-closing-share-support .mhs-action-button:focus-visible .mhs-share-label{
  opacity:1!important;
  transform:scale(1)!important;
}

/* =========================================================
   CLOSING — TABLET / MOBILE
   ========================================================= */

@media (max-width:1099px){
  .mhs-lens-closing{
    --mhs-closing-orb:96px;
    --mhs-closing-gap:22px;
    grid-template-columns:minmax(0,70%) minmax(0,30%)!important;
    min-height:330px;
  }

  .mhs-closing-left{
    padding:34px!important;
  }

  .mhs-closing-right{
    padding:30px 18px!important;
  }

  .mhs-discovery-orb-label,
  .mhs-closing-share-support .mhs-action-label,
  .mhs-closing-share-support .mhs-share-label{
    font-size:13px!important;
  }
}

@media (max-width:767px){
  .mhs-lens-closing{
    --mhs-closing-orb:82px;
    --mhs-closing-gap:16px;

    display:block!important;
    min-height:0;
    border-left:0;
    border-right:0;
  }

  .mhs-lens-page .mhs-lens-closing{
    width:100vw!important;
    max-width:100vw!important;
  }

  .mhs-closing-left{
    padding:30px 20px 32px!important;
    gap:26px!important;
  }

  .mhs-closing-quote{
    width:100%!important;
  }

  .mhs-closing-quote .mhs-lens-pullquote p{
    font-size:24px!important;
  }

  .mhs-closing-orbs{
    justify-content:center!important;
    gap:var(--mhs-closing-gap)!important;
  }

  .mhs-closing-right{
    padding:24px 20px!important;
  }

  .mhs-closing-share-support .mhs-share-support-actions{
    flex-direction:row!important;
    gap:var(--mhs-closing-gap)!important;
  }

  .mhs-discovery-orb-label,
  .mhs-closing-share-support .mhs-action-label,
  .mhs-closing-share-support .mhs-share-label{
    font-size:11px!important;
    padding:8px!important;
  }

  .mhs-closing-share-support .mhs-share-symbol{
    width:34px!important;
    height:28px!important;
  }

  .mhs-closing-share-support .mhs-support-icon,
  .mhs-closing-share-support .mhs-support-logo{
    width:46px!important;
    height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    flex-basis:46px!important;
  }

  .mhs-closing-share-support .mhs-support-icon img,
  .mhs-closing-share-support .mhs-support-logo img{
    height:46px!important;
    max-height:46px!important;
  }
}

/* =========================================================
   MHS CLOSING v2.1 — SHARE / SUPPORT CIRCLE HARDENING
   The global MHS Shared Actions v5.6 rules are intentionally
   more specific than ordinary component CSS. These selectors
   outrank that shared pill layout only inside the Lens closing.
   ========================================================= */

/* Desktop/tablet: two true circles, one below the other. */
html body .mhs-lens-closing
.mhs-closing-share-support.mhs-share-component
.mhs-share-support-actions{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:var(--mhs-closing-gap)!important;

  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

html body .mhs-lens-closing
.mhs-closing-share-support.mhs-share-component
.mhs-share-support-actions > .mhs-action-button,
html body .mhs-lens-closing
.mhs-closing-share-support.mhs-share-component
.mhs-share-support-actions > .mhs-share-button,
html body .mhs-lens-closing
.mhs-closing-share-support.mhs-share-component
.mhs-share-support-actions > .mhs-support-button{
  display:flex!important;
  flex:0 0 var(--mhs-closing-orb)!important;

  width:var(--mhs-closing-orb)!important;
  height:var(--mhs-closing-orb)!important;
  min-width:var(--mhs-closing-orb)!important;
  min-height:var(--mhs-closing-orb)!important;
  max-width:var(--mhs-closing-orb)!important;
  max-height:var(--mhs-closing-orb)!important;
  aspect-ratio:1 / 1!important;

  margin:0!important;
  padding:12px!important;
  gap:0!important;

  border:1px solid rgba(31,41,51,.08)!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(31,41,51,.07)!important;

  overflow:hidden!important;
  white-space:normal!important;
}

/* Icons are centred in the normal white state. */
html body .mhs-lens-closing
.mhs-closing-share-support.mhs-share-component
.mhs-share-support-actions .mhs-share-symbol{
  width:42px!important;
  height:34px!important;
  flex:0 0 auto!important;
  margin:0!important;
}

html body .mhs-lens-closing
.mhs-closing-share-support.mhs-share-component
.mhs-share-support-actions :is(.mhs-support-icon,.mhs-support-logo){
  width:58px!important;
  height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  flex:0 0 58px!important;
  margin:0!important;
  object-fit:contain!important;
}

/* Existing Share / Support text becomes the hover state. */
html body .mhs-lens-closing
.mhs-closing-share-support.mhs-share-component
.mhs-share-support-actions :is(.mhs-action-label,.mhs-share-label){
  position:absolute!important;
  inset:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:100%!important;
  height:100%!important;
  min-width:0!important;

  margin:0!important;
  padding:12px!important;

  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;

  color:var(--mhs-lr-text)!important;
  font-family:"Montserrat",sans-serif!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.15!important;
  text-align:center!important;

  opacity:0!important;
  transform:scale(.92)!important;
}

/* Strong hover rules: white icon-circle -> pastel text-circle. */
@media (hover:hover){
  html body .mhs-lens-closing
  .mhs-closing-share-support.mhs-share-component
  .mhs-share-support-actions > .mhs-share-button:hover{
    background:var(--mhs-lr-sage)!important;
    transform:translateY(-4px) scale(1.08)!important;
  }

  html body .mhs-lens-closing
  .mhs-closing-share-support.mhs-share-component
  .mhs-share-support-actions > .mhs-support-button:hover{
    background:var(--mhs-lr-peach)!important;
    transform:translateY(-4px) scale(1.08)!important;
  }

  html body .mhs-lens-closing
  .mhs-closing-share-support.mhs-share-component
  .mhs-share-support-actions > .mhs-action-button:hover
  :is(.mhs-share-symbol,.mhs-support-icon,.mhs-support-logo){
    opacity:0!important;
    transform:scale(.88)!important;
  }

  html body .mhs-lens-closing
  .mhs-closing-share-support.mhs-share-component
  .mhs-share-support-actions > .mhs-action-button:hover
  :is(.mhs-action-label,.mhs-share-label){
    opacity:1!important;
    transform:scale(1)!important;
  }
}

/* Mobile: still true circles, but Share + Support sit side-by-side. */
@media (max-width:767px){
  html body .mhs-lens-closing
  .mhs-closing-share-support.mhs-share-component
  .mhs-share-support-actions{
    flex-direction:row!important;
    grid-template-columns:none!important;
    gap:var(--mhs-closing-gap)!important;
    width:100%!important;
    max-width:none!important;
  }

  html body .mhs-lens-closing
  .mhs-closing-share-support.mhs-share-component
  .mhs-share-support-actions > .mhs-action-button,
  html body .mhs-lens-closing
  .mhs-closing-share-support.mhs-share-component
  .mhs-share-support-actions > .mhs-share-button,
  html body .mhs-lens-closing
  .mhs-closing-share-support.mhs-share-component
  .mhs-share-support-actions > .mhs-support-button{
    flex:0 0 var(--mhs-closing-orb)!important;
    width:var(--mhs-closing-orb)!important;
    height:var(--mhs-closing-orb)!important;
    min-width:var(--mhs-closing-orb)!important;
    min-height:var(--mhs-closing-orb)!important;
    max-width:var(--mhs-closing-orb)!important;
    max-height:var(--mhs-closing-orb)!important;
  }

  /*
   * Discovery labels:
   * - never split a word
   * - maximum three lines
   * - scale automatically by label length class from 12307
   */
  .mhs-discovery-orb-label{
    display:-webkit-box!important;
    width:100%!important;
    max-width:100%!important;
    padding:6px!important;
    overflow:hidden!important;

    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;

    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    text-wrap:balance!important;

    font-size:10px!important;
    line-height:1.05!important;
    letter-spacing:-.01em!important;
    text-align:center!important;
  }

  .mhs-discovery-orb-label--medium{
    font-size:9px!important;
    line-height:1.03!important;
    letter-spacing:-.015em!important;
  }

  .mhs-discovery-orb-label--long{
    font-size:8px!important;
    line-height:1.02!important;
    letter-spacing:-.02em!important;
  }

  html body .mhs-lens-closing
  .mhs-closing-share-support.mhs-share-component
  .mhs-share-support-actions :is(.mhs-action-label,.mhs-share-label){
    font-size:11px!important;
    line-height:1.08!important;
    padding:8px!important;
  }

  html body .mhs-lens-closing
  .mhs-closing-share-support.mhs-share-component
  .mhs-share-support-actions .mhs-share-symbol{
    width:34px!important;
    height:28px!important;
  }

  html body .mhs-lens-closing
  .mhs-closing-share-support.mhs-share-component
  .mhs-share-support-actions :is(.mhs-support-icon,.mhs-support-logo){
    width:46px!important;
    height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    flex-basis:46px!important;
  }
}

/* =========================================================
   MHS CLOSING v2.2 — LARGER SHARE ART
   The uploaded share asset has more breathing room inside its
   own canvas than the tea-cup asset. Enlarge only the visual
   artwork inside the Lens closing; keep the white circle itself
   exactly the same size as the other four circles.
   ========================================================= */

html body .mhs-lens-closing
.mhs-closing-share-support.mhs-share-component
.mhs-share-support-actions .mhs-share-symbol{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  min-height:68px!important;
  max-width:68px!important;
  max-height:68px!important;
  flex:0 0 68px!important;
  margin:0!important;
  overflow:visible!important;
}

html body .mhs-lens-closing
.mhs-closing-share-support.mhs-share-component
.mhs-share-support-actions .mhs-share-symbol img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
}

@media (max-width:767px){
  html body .mhs-lens-closing
  .mhs-closing-share-support.mhs-share-component
  .mhs-share-support-actions .mhs-share-symbol{
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    max-width:56px!important;
    max-height:56px!important;
    flex-basis:56px!important;
  }
}

/* =========================================================
   MHS LENS HERO v11 — MOBILE LOGO +50%
   Desktop remains 112 x 84.
   Existing mobile/tablet value 48 x 36 becomes 72 x 54
   on phones only.
   ========================================================= */

@media (max-width:767px){
  .mhs-lens-hero > .elementor-widget-heading::before{
    width:72px!important;
    height:54px!important;
    margin-bottom:12px!important;
  }
}


/* =========================================================
   MHS CLOSING v15 — SUPPORT ART +30% / MORE CONTRAST
   Keeps the white action circle unchanged.
   Only the tea-cup artwork itself is enlarged and given
   a subtle lift to match the visual presence of Share.
   ========================================================= */

html body .mhs-lens-closing
.mhs-closing-share-support.mhs-share-component
.mhs-share-support-actions :is(.mhs-support-icon,.mhs-support-logo){
  width:75px!important;
  height:75px!important;
  max-width:75px!important;
  max-height:75px!important;
  flex:0 0 75px!important;
  margin:0!important;
  overflow:visible!important;
}

html body .mhs-lens-closing
.mhs-closing-share-support.mhs-share-component
.mhs-share-support-actions :is(.mhs-support-icon,.mhs-support-logo) img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;

  filter:
    saturate(1.10)
    contrast(1.08)
    drop-shadow(0 5px 8px rgba(31,41,51,.14))!important;
}

@media (max-width:767px){
  html body .mhs-lens-closing
  .mhs-closing-share-support.mhs-share-component
  .mhs-share-support-actions :is(.mhs-support-icon,.mhs-support-logo){
    width:60px!important;
    height:60px!important;
    max-width:60px!important;
    max-height:60px!important;
    flex-basis:60px!important;
  }
}

/* =========================================================
   MHS GENERIC DETAIL-LENS LAYOUT ENGINE v21
   One reusable choreography system for all 12 Lens pages.

   Required outer page class:
   mhs-lens-page + one variant class, e.g.
   mhs-lens-page--change-transition
   mhs-lens-page--identity-self

   Elementor rule:
   put ONE real sidebar shortcode in either .mhs-side-left
   OR .mhs-side-right. The opposite side can stay empty.

   Recognised sidebar components:
   Book / Place / Episode / Authority / Quiet Line / Pullquote

   The engine:
   - uses the side where the shortcode actually sits
   - hides the unused opposite rail
   - keeps Pullquotes narrower
   - aligns a final Quiet Line with the 74/26 closing split
   - stacks the active sidebar below the text on tablet/mobile
   ========================================================= */

/* Quote rolodexes use the same calm fade on every detail Lens. */
.mhs-lens-page[class*="mhs-lens-page--"] .mhs-quote-rotator p{
  transition:opacity .35s ease!important;
}

/* ---------------------------------------------------------
   DESKTOP — LEFT SIDEBAR
   Left wins if somebody accidentally leaves content on both sides.
   --------------------------------------------------------- */
@media (min-width:1100px){

  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:has(
    > .mhs-side-left :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  ){
    display:grid!important;
    grid-template-columns:var(--mhs-rail) minmax(0,1fr)!important;
    grid-template-areas:"left main"!important;
  }

  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:has(
    > .mhs-side-left :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  ) > .mhs-side-left{
    display:flex!important;
    grid-area:left!important;
  }

  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:has(
    > .mhs-side-left :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  ) > .mhs-side-right{
    display:none!important;
  }

  /* Pullquote = deliberately slimmer editorial margin. */
  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:has(> .mhs-side-left .mhs-lens-pullquote){
    grid-template-columns:240px minmax(0,1fr)!important;
  }

  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:has(> .mhs-side-left .mhs-lens-pullquote)
  > .mhs-side-left{
    padding:38px 28px!important;
  }

  /* Final Quiet Line on the left mirrors the closing: 26 / 74. */
  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:has(> .mhs-side-left .mhs-lens-quiet-line-card){
    grid-template-columns:minmax(0,26%) minmax(0,74%)!important;
  }


  /* -------------------------------------------------------
     DESKTOP — RIGHT SIDEBAR
     Only applies when no active left sidebar exists.
     ------------------------------------------------------- */

  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:not(:has(
    > .mhs-side-left :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  )):has(
    > .mhs-side-right :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  ){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) var(--mhs-rail)!important;
    grid-template-areas:"main right"!important;
  }

  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:not(:has(
    > .mhs-side-left :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  )):has(
    > .mhs-side-right :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  ) > .mhs-side-right{
    display:flex!important;
    grid-area:right!important;
  }

  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:not(:has(
    > .mhs-side-left :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  )):has(
    > .mhs-side-right :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  ) > .mhs-side-left{
    display:none!important;
  }

  /* Pullquote = deliberately slimmer editorial margin. */
  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:not(:has(
    > .mhs-side-left :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  )):has(> .mhs-side-right .mhs-lens-pullquote){
    grid-template-columns:minmax(0,1fr) 240px!important;
  }

  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:has(> .mhs-side-right .mhs-lens-pullquote)
  > .mhs-side-right{
    padding:38px 28px!important;
  }

  /* Final Quiet Line = exact same main/right split as the closing. */
  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:not(:has(
    > .mhs-side-left :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  )):has(> .mhs-side-right .mhs-lens-quiet-line-card){
    grid-template-columns:minmax(0,74%) minmax(0,26%)!important;
  }
}

/* ---------------------------------------------------------
   TABLET / MOBILE
   Main copy first, the one active sidebar second.
   --------------------------------------------------------- */
@media (max-width:1099px){

  .mhs-lens-page[class*="mhs-lens-page--"] .mhs-reading-beat{
    display:flex!important;
    flex-direction:column!important;
  }

  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat > .mhs-main-copy{
    order:1!important;
  }

  /* Active LEFT sidebar. */
  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:has(
    > .mhs-side-left :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  ) > .mhs-side-left{
    display:flex!important;
    order:2!important;
    width:100%!important;
  }

  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:has(
    > .mhs-side-left :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  ) > .mhs-side-right{
    display:none!important;
  }

  /* Active RIGHT sidebar when LEFT is empty. */
  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:not(:has(
    > .mhs-side-left :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  )):has(
    > .mhs-side-right :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  ) > .mhs-side-right{
    display:flex!important;
    order:2!important;
    width:100%!important;
  }

  .mhs-lens-page[class*="mhs-lens-page--"]
  .mhs-reading-beat:not(:has(
    > .mhs-side-left :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  )):has(
    > .mhs-side-right :is(
      .mhs-lens-book-card,
      .mhs-lens-place-card,
      .mhs-lens-episode-card,
      .mhs-lens-authority-card,
      .mhs-lens-quiet-line-card,
      .mhs-lens-pullquote
    )
  ) > .mhs-side-left{
    display:none!important;
  }
}

/* =========================================================
   MHS GENERIC LENS PALETTE ENGINE v18
   Applies automatically to every detailed Lens page that has
   a variant class such as:
   .mhs-lens-page--change-transition
   .mhs-lens-page--identity-self
   etc.

   The Midlife Lenses overview page is untouched because it has
   only .mhs-lens-page and no --variant class.

   SIDEBAR TONES
   Pullquote  = blush / pink
   Episode    = sage / mint
   Place      = peach
   Book       = sand (neutral)
   Authority  = lilac (neutral)
   Quiet Line = lilac (quiet closing tone)

   TITLE FORMULA
   A title accent avoids repeating the coloured sidebar around it.
   Where two primary tones meet, the title becomes the missing
   third MHS colour.
   ========================================================= */

/* GENERIC SIDEBAR COLOURS */

.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat > .mhs-side-left:has(.mhs-lens-pullquote),
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat > .mhs-side-right:has(.mhs-lens-pullquote){
  background:var(--mhs-lr-blush)!important;
}

.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat > .mhs-side-left:has(.mhs-lens-episode-card),
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat > .mhs-side-right:has(.mhs-lens-episode-card){
  background:var(--mhs-lr-sage)!important;
}

.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat > .mhs-side-left:has(.mhs-lens-place-card),
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat > .mhs-side-right:has(.mhs-lens-place-card){
  background:var(--mhs-lr-peach)!important;
}

.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat > .mhs-side-left:has(.mhs-lens-book-card),
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat > .mhs-side-right:has(.mhs-lens-book-card){
  background:var(--mhs-lr-sand)!important;
}

.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat > .mhs-side-left:has(.mhs-lens-authority-card),
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat > .mhs-side-right:has(.mhs-lens-authority-card){
  background:var(--mhs-lr-lilac)!important;
}

.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat > .mhs-side-left:has(.mhs-lens-quiet-line-card),
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat > .mhs-side-right:has(.mhs-lens-quiet-line-card){
  background:var(--mhs-lr-lilac)!important;
}

/* TITLE DEFAULT — neutral / neutral = blush */

.mhs-lens-page[class*="mhs-lens-page--"] .mhs-section-heading{
  background:
    linear-gradient(
      90deg,
      var(--mhs-lr-blush) 0 30%,
      var(--mhs-lr-paper) 30% 100%
    )!important;
}

.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-section-heading .mhs-heading-accent-label{
  color:#8e5e59!important;
}

/* ONE PRIMARY COLOUR NEAR THE TITLE */

/* Pink / Pullquote nearby -> Sage title */
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-pullquote),
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-pullquote) + .mhs-section-heading{
  background:
    linear-gradient(
      90deg,
      var(--mhs-lr-sage) 0 30%,
      var(--mhs-lr-paper) 30% 100%
    )!important;
}

.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-pullquote)
.mhs-heading-accent-label,
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-pullquote) + .mhs-section-heading
.mhs-heading-accent-label{
  color:#596858!important;
}

/* Mint / Episode nearby -> Peach title */
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-episode-card),
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-episode-card) + .mhs-section-heading{
  background:
    linear-gradient(
      90deg,
      var(--mhs-lr-peach) 0 30%,
      var(--mhs-lr-paper) 30% 100%
    )!important;
}

.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-episode-card)
.mhs-heading-accent-label,
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-episode-card) + .mhs-section-heading
.mhs-heading-accent-label{
  color:#8b6755!important;
}

/* Peach / Place nearby -> Sage title */
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-place-card),
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-place-card) + .mhs-section-heading{
  background:
    linear-gradient(
      90deg,
      var(--mhs-lr-sage) 0 30%,
      var(--mhs-lr-paper) 30% 100%
    )!important;
}

.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-place-card)
.mhs-heading-accent-label,
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-place-card) + .mhs-section-heading
.mhs-heading-accent-label{
  color:#596858!important;
}

/* TRUE MISSING-THIRD PAIRS */

/* Pink + Mint -> Peach */
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-pullquote)
+ .mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-episode-card),
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-episode-card)
+ .mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-pullquote){
  background:
    linear-gradient(
      90deg,
      var(--mhs-lr-peach) 0 30%,
      var(--mhs-lr-paper) 30% 100%
    )!important;
}

.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-pullquote)
+ .mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-episode-card)
.mhs-heading-accent-label,
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-episode-card)
+ .mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-pullquote)
.mhs-heading-accent-label{
  color:#8b6755!important;
}

/* Pink + Peach -> Sage */
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-pullquote)
+ .mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-place-card),
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-place-card)
+ .mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-pullquote){
  background:
    linear-gradient(
      90deg,
      var(--mhs-lr-sage) 0 30%,
      var(--mhs-lr-paper) 30% 100%
    )!important;
}

.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-pullquote)
+ .mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-place-card)
.mhs-heading-accent-label,
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-place-card)
+ .mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-pullquote)
.mhs-heading-accent-label{
  color:#596858!important;
}

/* Mint + Peach -> Blush */
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-episode-card)
+ .mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-place-card),
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-place-card)
+ .mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-episode-card){
  background:
    linear-gradient(
      90deg,
      var(--mhs-lr-blush) 0 30%,
      var(--mhs-lr-paper) 30% 100%
    )!important;
}

.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-episode-card)
+ .mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-place-card)
.mhs-heading-accent-label,
.mhs-lens-page[class*="mhs-lens-page--"]
.mhs-reading-beat:has(.mhs-lens-place-card)
+ .mhs-section-heading:has(+ .mhs-reading-beat .mhs-lens-episode-card)
.mhs-heading-accent-label{
  color:#8e5e59!important;
}

/* =========================================================
   MHS v19 — VENN RELATED-LENS BUTTONS + QUIET-LINE LINK
   Reuses the existing Library CTA palette:
   button 1 = Amazon gold / dark text
   button 2 = Bookstore berry / white text
   ========================================================= */

/* Quiet Line "Explore" link: full-width editorial rule, like the other sidebars. */
.mhs-lens-page .mhs-lens-quiet-line-card .mhs-lens-side-link{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  padding-bottom:5px!important;
  border-bottom:1px solid rgba(40,37,34,.45)!important;
}

/* The two Venn cross-Lens links are real buttons, not unexplained text links. */
.mhs-lens-page .mhs-venn-links{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  max-width:520px!important;
  margin-top:20px!important;
}

.mhs-lens-page .mhs-venn-links .mhs-venn-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  padding:10px 14px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background-image:none!important;
  box-shadow:0 8px 18px rgba(31,41,51,.07)!important;
  font-family:var(--mhs-font,"Montserrat",sans-serif)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}

/* Same visual language as Amazon. */
.mhs-lens-page .mhs-venn-links .mhs-venn-link:nth-child(1),
.mhs-lens-page .mhs-venn-links .mhs-venn-link:nth-child(1):visited{
  background:#E6B85C!important;
  border-color:#E6B85C!important;
  color:#2F2F2F!important;
}

/* Same visual language as Bookstore. */
.mhs-lens-page .mhs-venn-links .mhs-venn-link:nth-child(2),
.mhs-lens-page .mhs-venn-links .mhs-venn-link:nth-child(2):visited{
  background:#B45A6A!important;
  border-color:#B45A6A!important;
  color:#FFFFFF!important;
}

.mhs-lens-page .mhs-venn-links .mhs-venn-link span,
.mhs-lens-page .mhs-venn-links .mhs-venn-link .mhs-venn-link-arrow{
  color:inherit!important;
}

@media (hover:hover){
  .mhs-lens-page .mhs-venn-links .mhs-venn-link:hover{
    transform:translateY(-1px)!important;
    filter:brightness(1.025)!important;
    box-shadow:0 11px 22px rgba(31,41,51,.10)!important;
  }
}

@media (max-width:680px){
  .mhs-lens-page .mhs-venn-links{
    grid-template-columns:1fr!important;
    max-width:none!important;
  }

  .mhs-lens-page .mhs-venn-links .mhs-venn-link{
    min-height:46px!important;
    font-size:12px!important;
  }
}

/* =========================================================
   HEADER — LENSES DROPDOWN COMPACTER
   Desktop only
   ========================================================= */

@media (min-width: 922px){

  .ast-desktop .main-header-menu .sub-menu{
    min-width: 240px !important;
    padding: 6px 0 !important;
  }

  .ast-desktop .main-header-menu .sub-menu > .menu-item{
    margin: 0 !important;
    padding: 0 !important;
  }

  .ast-desktop .main-header-menu .sub-menu .menu-link{
    padding: 9px 20px !important;
    min-height: 0 !important;
    line-height: 1.22 !important;
  }
}
/* =========================================================
   MIDLIFE PLACES — MAP BREAKOUT
   ========================================================= */

.mhs-places-map-section{
    width: min(1320px, calc(100vw - 40px)) !important;
    max-width: none !important;

    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    margin-top: 28px !important;
    margin-bottom: 28px !important;
}

.mhs-places-map-section > .elementor-element,
.mhs-places-map-section .elementor-shortcode,
.mhs-places-map-section .mhsmp{
    width: 100% !important;
    max-width: none !important;
}

@media (max-width: 767px){
    .mhs-places-map-section{
        width: calc(100vw - 24px) !important;
    }
}


/* =========================================================
   MHS LENS PAGE — MIDLIFE BOOKS LIBRARY
   Structural page variant

   Main container:
   .mhs-lens-page.mhs-lens-page--midlife-books-library

   Hero container:
   .mhs-lens-hero.mhs-lens-hero--midlife-books-library
   ========================================================= */

.mhs-lens-page.mhs-lens-page--midlife-books-library{
    /* Normal site canvas outside the warm editorial panels. */
    --mhs-lr-page:#fafaf8;

    /* Existing MHS paper / sidebar palette remains the visual system. */
    --mhs-lr-paper:#fbf8f3;
    --mhs-lr-text:#282522;
    --mhs-lr-muted:#6e6861;
    --mhs-lr-line:#d8cec4;

    --mhs-lr-blush:#eddbda;
    --mhs-lr-sage:#dfe8dc;
    --mhs-lr-peach:#f0ddcf;
    --mhs-lr-lilac:#e8e1ec;
    --mhs-lr-sand:#ece1d1;
}



/* =========================================================
   MHS — ADSENSE
   Horizontal advertising row
   ========================================================= */

.mhs-lens-page .mhs-ad-row{
    width:100% !important;
    max-width:none !important;
    flex:0 0 100% !important;
    align-self:stretch !important;

    margin:10px 0 !important;
    padding:0 !important;
}

.mhs-lens-page .mhs-ad-row > .elementor-element,
.mhs-lens-page .mhs-ad-row .elementor-widget-shortcode,
.mhs-lens-page .mhs-ad-row .elementor-widget-container{
    width:100% !important;
    max-width:none !important;
}

.mhs-lens-page .mhs-ad--horizontal{
    width:100%;
    min-width:0;
    padding:10px 14px;
    box-sizing:border-box;
}

.mhs-lens-page .mhs-ad-label{
    margin:0 0 6px;
    font-size:9px;
    line-height:1;
    letter-spacing:.12em;
    text-transform:uppercase;
    opacity:.55;
}

.mhs-lens-page .mhs-ad--horizontal .adsbygoogle{
    width:100% !important;
}
.mhs-lens-page--quiet-lines .mhs-ql-more-wrap{
  width:min(100%,520px);
  margin:20px auto 0;
}


/* =========================================================
   MHS RESPONSIVE HERO SYSTEM v22 — SINGLE OWNER
   Desktop >= 1100px  : dedicated 16:9 artwork
   Tablet  768-1099px : dedicated 1:1 artwork
   Mobile  <= 767px   : dedicated 9:16 artwork

   Mobile geometry is standardised to the approved Quiet Lines treatment:
   image first, then a calm fade into paper before the text begins.
   ========================================================= */

/* ---------- DESKTOP: 16:9 ---------- */
@media (min-width:1100px){
  /* 00 — Midlife Lenses */
  .mhs-lens-page:not([class*="mhs-lens-page--"]) .mhs-lens-hero{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/00_midlife-lenses-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 01 — Community & Support */
  .mhs-lens-page--community-support .mhs-lens-hero{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/01_community-and-support-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 02 — Love & Relationships */
  .mhs-lens-page--love-relationships .mhs-lens-hero{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/02_love-and-relationships-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 03 — Joy & Pleasure */
  .mhs-lens-page--joy-pleasure .mhs-lens-hero{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/03_joy-and-pleasure-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 04 — Change & Transition */
  .mhs-lens-page--change-transition .mhs-lens-hero{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/04_change-and-transition-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 05 — Identity & Self */
  .mhs-lens-page--identity-self .mhs-lens-hero{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/05_identity-and-self-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 06 — Purpose & Direction */
  .mhs-lens-page--purpose-direction .mhs-lens-hero{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/06_purpose-and-direction-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 07 — Mind & Awareness */
  .mhs-lens-page--mind-awareness .mhs-lens-hero{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/07_mind-and-awareness-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 08 — Work & Money */
  .mhs-lens-page--work-money .mhs-lens-hero{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/08_work-and-money-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 09 — Health & Body */
  .mhs-lens-page--health-body .mhs-lens-hero{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/09_health-and-body-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 10 — Sleep & Rest */
  .mhs-lens-page--sleep-rest .mhs-lens-hero{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/10_sleep-and-rest-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 11 — Energy & Vitality */
  .mhs-lens-page--energy-vitality .mhs-lens-hero{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/11_energy-and-vitality-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 12 — Spirituality & Meaning */
  .mhs-lens-page--spirituality-meaning .mhs-lens-hero{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/12_spirituality-and-meaning-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 13 — Inside the Studio */
  .mhs-lens-page--inside-studio .mhs-lens-hero{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/13_inside_the_studio-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 14 — Midlife Places */
  .mhs-lens-page--midlife-places .mhs-lens-hero--midlife-places{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/14-midlife-places-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 15 — Midlife Books Library */
  .mhs-lens-page--midlife-books-library .mhs-lens-hero--midlife-books-library{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/15_midlife_books_library-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 16 — Quiet Lines */
  .mhs-lens-page--quiet-lines .mhs-lens-hero--quiet-lines{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/16_quiet-lines-16x9-1.webp") right center / 58% auto no-repeat!important;
  }

}

/* ---------- TABLET: 1:1 ---------- */
@media (min-width:768px) and (max-width:1099px){
  /* 00 — Midlife Lenses */
  .mhs-lens-page:not([class*="mhs-lens-page--"]) .mhs-lens-hero{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/00_midlife-lenses-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 01 — Community & Support */
  .mhs-lens-page--community-support .mhs-lens-hero{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/01_community-and-support-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 02 — Love & Relationships */
  .mhs-lens-page--love-relationships .mhs-lens-hero{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/02_love-and-relationships-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 03 — Joy & Pleasure */
  .mhs-lens-page--joy-pleasure .mhs-lens-hero{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/03_joy-and-pleasure-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 04 — Change & Transition */
  .mhs-lens-page--change-transition .mhs-lens-hero{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/04_change-and-transition-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 05 — Identity & Self */
  .mhs-lens-page--identity-self .mhs-lens-hero{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/05_identity-and-self-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 06 — Purpose & Direction */
  .mhs-lens-page--purpose-direction .mhs-lens-hero{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/06_purpose-and-direction-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 07 — Mind & Awareness */
  .mhs-lens-page--mind-awareness .mhs-lens-hero{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/07_mind-and-awareness-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 08 — Work & Money */
  .mhs-lens-page--work-money .mhs-lens-hero{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/08_work-and-money1x1.webp") right center / 58% auto no-repeat!important;
  }

  /* 09 — Health & Body */
  .mhs-lens-page--health-body .mhs-lens-hero{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/09_health-and-body-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 10 — Sleep & Rest */
  .mhs-lens-page--sleep-rest .mhs-lens-hero{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/10_sleep-and-rest-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 11 — Energy & Vitality */
  .mhs-lens-page--energy-vitality .mhs-lens-hero{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/11_energy-and-vitality-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 12 — Spirituality & Meaning */
  .mhs-lens-page--spirituality-meaning .mhs-lens-hero{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/12_spirituality-and-meaning-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 13 — Inside the Studio */
  .mhs-lens-page--inside-studio .mhs-lens-hero{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/13_inside_the_studio-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 14 — Midlife Places */
  .mhs-lens-page--midlife-places .mhs-lens-hero--midlife-places{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/14-midlife-places-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 15 — Midlife Books Library */
  .mhs-lens-page--midlife-books-library .mhs-lens-hero--midlife-books-library{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/15-midlife-books-library-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

  /* 16 — Quiet Lines */
  .mhs-lens-page--quiet-lines .mhs-lens-hero--quiet-lines{
    min-height:430px!important;
    padding-left:38px!important;
    padding-right:48%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/16_quiet-lines-1x1-1.webp") right center / 58% auto no-repeat!important;
  }

}

/* ---------- MOBILE: 9:16 / Quiet-Lines geometry ---------- */
@media (max-width:767px){
  /* 00 — Midlife Lenses */
  .mhs-lens-page:not([class*="mhs-lens-page--"]) .mhs-lens-hero{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/00_midlife-lenses-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 01 — Community & Support */
  .mhs-lens-page--community-support .mhs-lens-hero{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/01_community-and-support-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 02 — Love & Relationships */
  .mhs-lens-page--love-relationships .mhs-lens-hero{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/02_love-and-relationships-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 03 — Joy & Pleasure */
  .mhs-lens-page--joy-pleasure .mhs-lens-hero{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/03_joy-and-pleasure-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 04 — Change & Transition */
  .mhs-lens-page--change-transition .mhs-lens-hero{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/04_change-and-transition-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 05 — Identity & Self */
  .mhs-lens-page--identity-self .mhs-lens-hero{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/05_identity-and-self-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 06 — Purpose & Direction */
  .mhs-lens-page--purpose-direction .mhs-lens-hero{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/06_purpose-and-direction-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 07 — Mind & Awareness */
  .mhs-lens-page--mind-awareness .mhs-lens-hero{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/07_mind-and-awareness-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 08 — Work & Money */
  .mhs-lens-page--work-money .mhs-lens-hero{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/08_work-and-money9x16.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 09 — Health & Body */
  .mhs-lens-page--health-body .mhs-lens-hero{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/09_health-and-body-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 10 — Sleep & Rest */
  .mhs-lens-page--sleep-rest .mhs-lens-hero{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/10_sleep-and-rest-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 11 — Energy & Vitality */
  .mhs-lens-page--energy-vitality .mhs-lens-hero{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/11_energy-and-vitality-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 12 — Spirituality & Meaning */
  .mhs-lens-page--spirituality-meaning .mhs-lens-hero{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/12_spirituality-and-meaning-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 13 — Inside the Studio */
  .mhs-lens-page--inside-studio .mhs-lens-hero{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/13_inside_the_studio-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 14 — Midlife Places */
  .mhs-lens-page--midlife-places .mhs-lens-hero--midlife-places{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/14-midlife-places-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 15 — Midlife Books Library */
  .mhs-lens-page--midlife-books-library .mhs-lens-hero--midlife-books-library{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/15_midlife_books_library-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

  /* 16 — Quiet Lines */
  .mhs-lens-page--quiet-lines .mhs-lens-hero--quiet-lines{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/08/16_quiet-lines-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  }

}


/* =========================================================
   17 — BEHIND THE THEMES — HERO OWNER
   desktop >=1100: 16:9
   tablet 768-1099: 1:1
   mobile <=767: 9:16
   Hero class: .mhs-lens-hero--behind-the-themes
   ========================================================= */

@media (min-width:1100px){
  .mhs-lens-page--behind-the-themes .mhs-lens-hero--behind-the-themes{
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 41%,rgba(248,243,237,.96) 47%,rgba(248,243,237,.22) 59%,rgba(248,243,237,0) 72%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/17-behind-the-themes-16x9-1.webp") right center / 58% auto no-repeat!important;
  }
}

@media (min-width:768px) and (max-width:1099px){
  .mhs-lens-page--behind-the-themes .mhs-lens-hero--behind-the-themes{
    min-height:500px!important;
    padding-left:38px!important;
    padding-right:50%!important;
    background:
      linear-gradient(90deg,rgba(248,243,237,1) 0%,rgba(248,243,237,1) 38%,rgba(248,243,237,.94) 46%,rgba(248,243,237,.20) 61%,rgba(248,243,237,0) 74%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/17-behind-the-themes-1x1-1.webp") right center / 58% auto no-repeat!important;
  }
}

@media (max-width:767px){
  .mhs-lens-page--behind-the-themes .mhs-lens-hero--behind-the-themes{
    min-height:0!important;
    padding:105vw 20px 32px!important;
    background:
      linear-gradient(180deg,rgba(248,243,237,0) 0 50%,rgba(248,243,237,.88) 64%,rgba(248,243,237,1) 80%),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/17-behind-the-themes-9x16-1.webp") center top / 100% auto no-repeat,
      var(--mhs-lr-paper,#fbf8f3)!important;
  }
}


/* =========================================================
   BTT — FINAL STAGE OWNER
   Fixes only:
   1) MHS Trusted Voices title treatment
   2) Reset button styling
   Uses .mhs-btt-stage directly, independent of page-id/body scope.
   ========================================================= */

/* Match the Quiet Lines editorial stage title. */
.mhs-btt-stage > .elementor-widget-heading .elementor-heading-title,
.mhs-btt-stage > .e-con-inner > .elementor-widget-heading .elementor-heading-title{
  margin:0 0 28px!important;
  color:var(--mhs-lr-text,#282522)!important;
  font-family:var(--mhs-lr-serif,Georgia,"Times New Roman",serif)!important;
  font-size:clamp(36px,3vw,48px)!important;
  font-weight:400!important;
  line-height:1.06!important;
  letter-spacing:-.032em!important;
  text-align:center!important;
}

/* Reset = exact same visual properties as the working BTT Show More button. */
html body .mhs-btt-stage #mhsSourcesClear,
html body .mhs-btt-stage .mhs-btt-clear{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid rgba(113,103,121,.18)!important;
  border-radius:14px!important;
  background:var(--mhs-lr-lilac,#e8e1ec)!important;
  background-color:var(--mhs-lr-lilac,#e8e1ec)!important;
  background-image:none!important;
  color:var(--mhs-lr-text,#282522)!important;
  font-family:var(--mhs-lr-sans,"Montserrat",Arial,sans-serif)!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1!important;
  box-shadow:0 7px 17px rgba(31,41,51,.07)!important;
  cursor:pointer!important;
  text-decoration:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

@media (hover:hover){
  html body .mhs-btt-stage #mhsSourcesClear:hover,
  html body .mhs-btt-stage .mhs-btt-clear:hover{
    background:var(--mhs-lr-sage,#dfe8dc)!important;
    background-color:var(--mhs-lr-sage,#dfe8dc)!important;
    border-color:rgba(89,104,88,.20)!important;
    color:var(--mhs-lr-text,#282522)!important;
    transform:translateY(-1px)!important;
    box-shadow:0 7px 17px rgba(31,41,51,.07)!important;
  }
}

@media (max-width:767px){
  .mhs-btt-stage > .elementor-widget-heading .elementor-heading-title,
  .mhs-btt-stage > .e-con-inner > .elementor-widget-heading .elementor-heading-title{
    margin-bottom:22px!important;
    padding:0 14px!important;
    font-size:34px!important;
    line-height:1.08!important;
  }
}

/* =========================================================
   18 — MHS PODCAST EPISODES — HERO
   Main: .mhs-lens-page--podcast-episodes
   Hero: .mhs-lens-hero--podcast-episodes

   Desktop >= 1100px  → 16:9
   Tablet  768-1099px → 1:1
   Mobile  <= 767px   → 9:16
   ========================================================= */


/* DESKTOP — 16:9 */
.mhs-lens-page--podcast-episodes
.mhs-lens-hero--podcast-episodes{
  background:
    linear-gradient(
      90deg,
      rgba(248,243,237,1) 0%,
      rgba(248,243,237,1) 41%,
      rgba(248,243,237,.96) 47%,
      rgba(248,243,237,.22) 59%,
      rgba(248,243,237,0) 72%
    ),
    url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/18-podcast-episodes-16x9-1.webp")
      right center / 58% auto no-repeat!important;
}


/* TABLET — 1:1 */
@media (min-width:768px) and (max-width:1099px){

  .mhs-lens-page--podcast-episodes
  .mhs-lens-hero--podcast-episodes{
    min-height:500px!important;
    padding-left:38px!important;
    padding-right:50%!important;

    background:
      linear-gradient(
        90deg,
        rgba(248,243,237,1) 0%,
        rgba(248,243,237,1) 38%,
        rgba(248,243,237,.94) 46%,
        rgba(248,243,237,.20) 61%,
        rgba(248,243,237,0) 74%
      ),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/18-podcast-episodes-1x1-1.webp")
        right center / 58% auto no-repeat!important;
  }

}


/* MOBILE — 9:16 */
@media (max-width:767px){

  .mhs-lens-page--podcast-episodes
  .mhs-lens-hero--podcast-episodes{
    min-height:0!important;
    padding:105vw 20px 32px!important;

    background:
      linear-gradient(
        180deg,
        rgba(248,243,237,0) 0 50%,
        rgba(248,243,237,.88) 64%,
        rgba(248,243,237,1) 80%
      ),
      url("https://midlifehealthstudio.com/wp-content/uploads/2026/10/18-podcast-episodes-9x16-1.webp")
        center top / 100% auto no-repeat,
      var(--mhs-lr-paper)!important;
  
}
}