/* Keep Astra mobile menu text readable by screen readers while the visual label uses ::before. */
.ast-header-break-point .menu-toggle .screen-reader-text {
    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;
}
/* 2026-06-15: PageSpeed visual stability and footer link polish owned by Astra/page CSS. */
.ren-cn-photo picture,
.ren-cn-story picture {
    display: block;
    width: 100%;
}
.ren-cn-photo picture {
    aspect-ratio: 4 / 3;
}
.ren-cn-story picture {
    aspect-ratio: 46 / 37;
}
.ren-cn-photo img,
.ren-cn-story img {
    display: block;
    width: 100%;
    height: auto;
}
.site-footer .ast-footer-copyright p.section-caption a[href*="beian.miit.gov.cn"] {
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
}

/* 2026-06-16 restore CN homepage visual baseline: Astra owns page styling, not runtime/plugin. */
/* base */
.ren-cn-page{--ren-blue:#1f77c9;--ren-ink:#08233d;--ren-muted:#465f77;--ren-soft:#eef6ff;--ren-line:#d7e4f2;font-family:inherit;color:var(--ren-ink)}
.ren-cn-page *{box-sizing:border-box}.ren-cn-wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}
.ren-cn-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center;background:radial-gradient(circle at 82% 26%,#dcecff 0,#eef6ff 34%,#f7fbff 100%);border-radius:30px;padding:56px;margin:28px auto 34px;box-shadow:0 24px 70px rgba(8,35,61,.08)}
.ren-cn-pill{display:inline-flex;border:1px solid #1f77c9;border-radius:999px;padding:6px 13px;color:#1263aa;font-size:13px;margin-bottom:16px;background:#fff}.ren-cn-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.08;margin:0 0 18px;letter-spacing:-.04em}.ren-cn-hero p{line-height:1.85;color:var(--ren-muted);margin:0 0 14px}
.ren-cn-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.ren-cn-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid var(--ren-blue);background:var(--ren-blue);color:#fff!important}.ren-cn-btn.secondary{background:#fff;color:var(--ren-blue)!important}
.ren-cn-photo{background:rgba(255,255,255,.76);border-radius:26px;padding:14px;box-shadow:0 28px 70px rgba(8,35,61,.16);transform:rotate(4deg)}.ren-cn-photo img{display:block;width:100%;height:auto;border-radius:18px;filter:sepia(.12) saturate(.88)}
.ren-cn-panel{border:1px solid var(--ren-line);border-radius:26px;padding:28px;background:linear-gradient(135deg,#fff,#f6fbff);box-shadow:0 18px 46px rgba(15,44,77,.07);margin:28px auto}.ren-cn-eyebrow{display:inline-flex;border-radius:999px;background:var(--ren-soft);color:#0b4f8f;font-size:13px;font-weight:800;padding:8px 13px;margin-bottom:12px}
.ren-cn-panel h2,.ren-cn-section h2{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:0 0 14px;color:var(--ren-ink);letter-spacing:-.03em}.ren-cn-panel p,.ren-cn-section p{color:var(--ren-muted);line-height:1.85;margin:0 0 14px}.ren-cn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ren-cn-card{border:1px solid #e1e9f3;border-radius:20px;background:#fff;padding:21px}.ren-cn-card strong{display:block;margin-bottom:9px}.ren-cn-section{padding:46px 0}.ren-cn-note{background:#f8fafc;border-radius:18px;padding:20px;border:1px solid #e7edf4}.ren-cn-note ul{margin:8px 0 0 20px}
.ren-cn-split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.ren-cn-list{display:grid;gap:14px}.ren-cn-list details{background:#f7fbff;border:1px solid #e7edf4;border-radius:16px;padding:15px}.ren-cn-list summary{cursor:pointer;font-weight:800}
.ren-cn-story img{width:100%;border-radius:20px;box-shadow:0 24px 58px rgba(8,35,61,.16);transform:rotate(-5deg)}.ren-cn-final{background:#08233d;color:#fff;border-radius:30px;padding:34px;margin:42px 0}.ren-cn-final h2{color:#fff}.ren-cn-final p{color:#dcecff}
@media(max-width:780px){.ren-cn-wrap{width:min(100% - 24px,1120px)}.ren-cn-hero,.ren-cn-grid,.ren-cn-split{grid-template-columns:1fr}.ren-cn-hero{padding:28px 22px;border-radius:24px}.ren-cn-actions .ren-cn-btn{width:100%}.ren-cn-panel{padding:21px;border-radius:22px}.ren-cn-section{padding:34px 0}.ren-cn-photo{transform:rotate(2deg)}}

/* quick */
.ren-cn-quick-guide{margin:0 auto 22px;padding:18px;border:1px solid #d8e6f4;border-radius:22px;background:#f7fbff}
.ren-cn-quick-kicker{display:inline-flex;margin-bottom:8px;padding:5px 10px;border-radius:999px;background:#f3f8ff;color:#135999;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.ren-cn-quick-guide h2{font-size:clamp(24px,2.8vw,34px);line-height:1.08;margin:0 0 8px;color:#0f2238}
.ren-cn-quick-lead{line-height:1.55;color:#587086;margin:0 0 14px}
.ren-cn-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ren-cn-quick-card{border:1px solid #d8e6f4;border-radius:16px;padding:14px;background:#fff}
.ren-cn-quick-card strong{display:block;margin:0 0 6px;color:#08233d}
.ren-cn-quick-card p{line-height:1.5;color:#587086;margin:0 0 8px}
.ren-cn-quick-card a{line-height:1.35}
@media(max-width:760px){.ren-cn-quick-guide{padding:14px;margin-bottom:18px;border-radius:18px}.ren-cn-quick-kicker{margin-bottom:6px}.ren-cn-quick-guide h2{font-size:24px;line-height:1.12;margin-bottom:7px}.ren-cn-quick-lead{font-size:15px;line-height:1.45;margin-bottom:10px}.ren-cn-quick-grid{grid-template-columns:1fr;gap:8px}.ren-cn-quick-card{padding:12px;border-radius:14px}.ren-cn-quick-card p{line-height:1.42;margin-bottom:6px}}
/* quick-guide tighter patch from 2026-05-28 baseline */
.ren-cn-quick-guide{padding:14px 16px!important;margin:0 auto 18px!important;border-radius:18px!important}
.ren-cn-quick-kicker{margin-bottom:5px!important;padding:4px 9px!important;font-size:11px!important;line-height:1.2!important}
.ren-cn-quick-guide h2{font-size:clamp(22px,2.35vw,30px)!important;line-height:1.08!important;margin:0 0 6px!important;letter-spacing:-.02em!important}
.ren-cn-quick-lead{font-size:clamp(15px,1.35vw,17px)!important;line-height:1.42!important;margin:0 0 10px!important}
.ren-cn-quick-grid{gap:8px!important}
.ren-cn-quick-card{padding:10px 12px!important;border-radius:14px!important}
.ren-cn-quick-card strong{margin-bottom:4px!important;font-size:15px!important;line-height:1.25!important}
.ren-cn-quick-card p{font-size:14px!important;line-height:1.35!important;margin:0 0 5px!important}
.ren-cn-quick-card a{font-size:14px!important;line-height:1.25!important}
@media(max-width:760px){.ren-cn-quick-guide{padding:12px!important;margin-bottom:14px!important}.ren-cn-quick-guide h2{font-size:22px!important}.ren-cn-quick-lead{font-size:14px!important;line-height:1.36!important}.ren-cn-quick-card{padding:9px 10px!important}.ren-cn-quick-card p{font-size:13px!important}}
@media(max-width:760px){.ren-cn-quick-guide{padding:10px!important;margin-bottom:12px!important}.ren-cn-quick-guide h2{font-size:20px!important;line-height:1.08!important;margin-bottom:5px!important}.ren-cn-quick-lead{font-size:13px!important;line-height:1.32!important;margin-bottom:8px!important}.ren-cn-quick-grid{gap:6px!important}.ren-cn-quick-card{padding:8px 10px!important}.ren-cn-quick-card strong{font-size:14px!important;margin-bottom:3px!important}.ren-cn-quick-card p{display:none!important}.ren-cn-quick-card a{font-size:13px!important}}

/* end 2026-06-16 restore CN homepage visual baseline */

/* 2026-06-16 restore EN homepage visual baseline: Astra owns page styling, not runtime/plugin. */

/* end 2026-06-16 restore EN homepage visual baseline */

/* 2026-06-16 mobile-menu-layer-fix: keep Astra mobile dropdown above page content. */
@media (max-width: 1100px) {
  body.ast-header-break-point.ast-main-header-nav-open #masthead,
  body.ast-header-break-point.ast-main-header-nav-open #ast-mobile-header {
    position: relative;
    z-index: 10000;
  }

  body.ast-header-break-point.ast-main-header-nav-open #masthead .main-navigation,
  body.ast-header-break-point.ast-main-header-nav-open #ast-mobile-header .main-navigation,
  body.ast-header-break-point.ast-main-header-nav-open #ast-mobile-header .ast-builder-menu-mobile {
    position: relative;
    z-index: 10001;
    background: #fff;
  }

  body.ast-header-break-point.ast-main-header-nav-open #masthead .main-header-menu,
  body.ast-header-break-point.ast-main-header-nav-open #ast-mobile-header .main-header-menu {
    position: relative;
    z-index: 10002;
    background: #fff;
    border-top: 1px solid #e6edf5;
    border-bottom: 1px solid #e6edf5;
    box-shadow: 0 16px 34px rgba(15, 44, 77, 0.12);
  }
}
/* end 2026-06-16 mobile-menu-layer-fix */








/* 2026-06-17 Learn guide hero namespace repair
   Keeps legacy English homepage .ren-hero pseudo background/padding from covering Learn guide pages.
   Ownership: Astra Additional CSS; page content remains in WordPress, membership plugin untouched. */
.ren-guide .ren-hero:before{content:none!important;display:none!important;background:none!important}
.ren-guide .ren-hero{min-height:clamp(420px,52svh,540px)!important;padding:0!important;margin-bottom:0!important}
.ren-guide .ren-hero img{display:block!important;opacity:1!important;z-index:-2!important}
.ren-guide .ren-hero-inner{padding:clamp(56px,6vw,78px) 24px clamp(36px,4vw,48px)!important}
@media(max-width:860px){.ren-guide .ren-hero{min-height:480px!important;padding:0!important;margin-bottom:0!important}.ren-guide .ren-hero-inner{padding:46px 20px 34px!important}.ren-guide .ren-hero h1{font-size:clamp(30px,9vw,38px)!important}}
/* end 2026-06-17 Learn guide hero namespace repair */
/* 2026-06-17 Q&A Elementor hero fallback
   Page-owned visual repair: keep Q&A heading visible even if Elementor CSS cache misses. */
.page-id-37182 .elementor-element-5af0035{min-height:240px!important;margin-bottom:30px!important;background:linear-gradient(90deg,rgba(3,15,31,.68),rgba(3,15,31,.28)),url('https://www.aupair.ren/wp-content/uploads/2024/08/QA-scaled.jpg') center/cover no-repeat!important}
.page-id-37182 .elementor-element-5af0035>.e-con-inner{min-height:240px!important;align-items:center!important;justify-content:center!important}
.page-id-37182 .elementor-element-e39efe4 .elementor-heading-title{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.32)!important;font-size:clamp(34px,5vw,58px)!important;font-weight:800!important}
@media(max-width:767px){.page-id-37182 .elementor-element-5af0035{min-height:180px!important;margin-bottom:22px!important}.page-id-37182 .elementor-element-5af0035>.e-con-inner{min-height:180px!important}.page-id-37182 .elementor-element-e39efe4 .elementor-heading-title{font-size:34px!important}}
/* end 2026-06-17 Q&A Elementor hero fallback */





/* codex-20260623-mobile-site-title-nowrap start
   Astra owns the header; keep the site title readable on narrow mobile screens. */
@media (max-width: 544px) {
    .ast-site-identity,
    .site-branding {
        max-width: calc(100vw - 96px);
        min-width: 0;
    }
    .site-title,
    .site-title a {
        white-space: nowrap;
        font-size: clamp(20px, 6vw, 26px);
        line-height: 1.15;
    }
}
/* codex-20260623-mobile-site-title-nowrap end */





/* codex-blog-card-thumbnail-ratio-fix 2026-06-25
   Scope: /au-pair-blog/ Elementor posts widget. Elementor generated an extra
   padding-bottom ratio on top of naturally sized thumbnails, leaving a large
   gray gap below each card image on mobile. */
body.elementor-page-36191 .elementor-element-7ed6ac9 .elementor-posts-container .elementor-post__thumbnail {
  padding-bottom: 0 !important;
}
body.elementor-page-36191 .elementor-element-7ed6ac9 .elementor-posts-container .elementor-post__thumbnail__link {
  height: auto !important;
}
body.elementor-page-36191 .elementor-element-7ed6ac9 .elementor-posts-container .elementor-post__thumbnail img {
  position: static !important;
  transform: none !important;
  width: 100% !important;
  height: auto !important;
}


/* 2026-07-05: CN homepage mobile overflow guard. Astra/page CSS owns this visual layer. */
.ren-cn-page {
  overflow-x: hidden;
}
.ren-cn-page img {
  max-width: 100%;
  height: auto;
}
.ren-cn-hero *,
.ren-cn-photo,
.ren-cn-panel,
.ren-cn-section,
.ren-cn-quick-guide,
.ren-cn-quick-grid,
.ren-cn-quick-card {
  min-width: 0;
  max-width: 100%;
}
.ren-cn-btn,
.ren-cn-quick-card,
.ren-cn-quick-card a,
.ren-cn-quick-lead,
.ren-cn-hero h1 {
  overflow-wrap: anywhere;
}
@media (max-width: 480px) {
  .ren-cn-wrap {
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .ren-cn-hero {
    padding: 28px 20px !important;
    margin: 20px auto 28px !important;
    gap: 22px !important;
  }
  .ren-cn-hero h1 {
    font-size: clamp(30px, 8.6vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.035em !important;
  }
  .ren-cn-actions {
    width: 100% !important;
  }
  .ren-cn-btn {
    width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.22 !important;
  }
  .ren-cn-photo {
    transform: rotate(1deg) !important;
  }
}
/* End 2026-07-05 CN homepage mobile overflow guard. */


/* 2026-07-05: Page-scoped CN homepage viewport guard for 390px phones. */
@media (max-width: 480px) {
  body.page-id-37563,
  body.page-id-37563 .site,
  body.page-id-37563 .site-content,
  body.page-id-37563 .ast-container,
  body.page-id-37563 .entry-content,
  body.page-id-37563 .ren-cn-page {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  body.page-id-37563 .ast-container,
  body.page-id-37563 .entry-content {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.page-id-37563 .ren-cn-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.page-id-37563 .ren-cn-hero,
  body.page-id-37563 .ren-cn-panel,
  body.page-id-37563 .ren-cn-section,
  body.page-id-37563 .ren-cn-quick-guide,
  body.page-id-37563 .ren-cn-final {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  body.page-id-37563 .ren-cn-quick-card,
  body.page-id-37563 .ren-cn-card,
  body.page-id-37563 .ren-cn-note,
  body.page-id-37563 .ren-cn-list details {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.page-id-37563 .ren-cn-btn {
    display: flex !important;
    max-width: 100% !important;
  }
  body.page-id-37563 .ren-cn-quick-card a {
    word-break: break-word !important;
  }
}
/* End 2026-07-05 page-scoped CN homepage viewport guard. */

/* 2026-07-05 astra tablet site-title nowrap guard */
@media (max-width: 1100px) and (min-width: 922px) {
  #ast-mobile-header .site-branding,
  #ast-mobile-header .site-title,
  #ast-mobile-header .site-title a {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    line-height: 1.15 !important;
    max-width: calc(100vw - 104px) !important;
  }
}
/* End 2026-07-05 astra tablet site-title nowrap guard. */



/* 2026-07-05 Astra mobile menu visibility fallback
   Keeps the theme-owned mobile menu visible after Astra toggles ast-main-header-nav-open.
   This is theme CSS only; do not move menu rendering into Runtime Optimizer or membership components. */
@media (max-width: 1100px) {
    body.ast-header-break-point.ast-main-header-nav-open #ast-mobile-header {
        position: relative !important;
        z-index: 10000 !important;
    }
    body.ast-header-break-point.ast-main-header-nav-open #ast-mobile-header .ast-mobile-header-content {
        display: block !important;
        position: fixed !important;
        top: 80px !important;
        left: 50vw !important;
        right: auto !important;
        z-index: 10001 !important;
        width: min(94vw, 520px) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: calc(100vh - 96px) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 10px 16px 14px !important;
        transform: translateX(-50%) !important;
        overflow-y: auto !important;
        background: #fff !important;
        border: 1px solid #e4edf5 !important;
        border-radius: 18px !important;
        box-shadow: 0 18px 32px rgba(20, 45, 72, .14) !important;
    }
    body.ast-header-break-point.ast-main-header-nav-open #ast-mobile-header #ast-mobile-site-navigation,
    body.ast-header-break-point.ast-main-header-nav-open #ast-mobile-header .main-navigation,
    body.ast-header-break-point.ast-main-header-nav-open #ast-mobile-header .main-header-menu {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        transform: none !important;
    }
}
/* end 2026-07-05 Astra mobile menu visibility fallback */

/* codex-ren-consultants-native-css-start */
.ren-consultants{--ren-blue:#1e73be;--ren-ink:#102033;--ren-soft:#f3f8ff;--ren-line:rgba(30,115,190,.16);max-width:1120px;margin:0 auto;padding:0 18px 46px;color:var(--ren-ink);line-height:1.75}.ren-consultants *{box-sizing:border-box}.ren-consultants-hero{margin:8px 0 28px;padding:38px 28px;border-radius:26px;text-align:center;background:linear-gradient(135deg,#f3f8ff 0%,#fff 60%,#f7fbf4 100%);border:1px solid var(--ren-line);box-shadow:0 18px 45px rgba(33,76,130,.08)}.ren-consultants-hero h1{font-size:34px;line-height:1.18;margin:0 0 12px;color:#12345b}.ren-consultants-hero p{max-width:780px;margin:0 auto 10px;color:#324761}.ren-consultants-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ren-consultant-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:22px;border-radius:22px;background:#fff;border:1px solid rgba(16,32,51,.08);box-shadow:0 12px 28px rgba(16,32,51,.06)}.ren-consultant-avatar{width:72px;height:72px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;background:linear-gradient(135deg,#1e73be,#69b7ff);box-shadow:0 10px 20px rgba(30,115,190,.18)}.ren-consultant-card:nth-child(2) .ren-consultant-avatar{background:linear-gradient(135deg,#f4a261,#e76f51)}.ren-consultant-card:nth-child(3) .ren-consultant-avatar{background:linear-gradient(135deg,#2a9d8f,#75d6c4)}.ren-consultant-card:nth-child(4) .ren-consultant-avatar{background:linear-gradient(135deg,#8e6ad8,#c084fc)}.ren-consultant-card h2{font-size:22px;line-height:1.25;margin:0 0 4px;color:#12345b}.ren-consultant-role{margin:0 0 10px;color:#1e73be;font-weight:700}.ren-consultant-card p{margin:0 0 10px}.ren-consultant-card ul{margin:0;padding-left:18px;color:#324761}.ren-consultant-cta{margin-top:22px;padding:24px;border-radius:24px;background:#102033;color:#fff}.ren-consultant-cta h2{margin:0 0 8px;color:#fff}.ren-consultant-cta p{margin:0 0 14px;color:rgba(255,255,255,.9)}.ren-consultant-cta a{display:inline-flex;border-radius:999px;background:#fff;color:#12345b;text-decoration:none;padding:10px 18px;font-weight:800}@media(max-width:820px){.ren-consultants-grid{grid-template-columns:1fr}.ren-consultants-hero{padding:30px 20px}.ren-consultants-hero h1{font-size:29px}.ren-consultant-card{grid-template-columns:58px minmax(0,1fr);padding:18px}.ren-consultant-avatar{width:58px;height:58px;border-radius:18px;font-size:24px}}@media(max-width:460px){.ren-consultant-card{grid-template-columns:1fr}.ren-consultant-avatar{margin-bottom:4px}.ren-consultants{padding-left:14px;padding-right:14px}}
/* codex-ren-consultants-native-css-end */