/* ============================================================
   DesperateMinds — Build 19 Visual System
   Warm, human, established psychology/editorial direction
   Loaded after style.css + revamp.css on every HTML page.
   ============================================================ */

:root{
  --dm19-ink:#172725;
  --dm19-text:#40504d;
  --dm19-muted:#6a7773;
  --dm19-teal:#0f7c72;
  --dm19-teal-dark:#095f59;
  --dm19-teal-soft:#e6f3ef;
  --dm19-ivory:#fbf8f2;
  --dm19-paper:#fffdf9;
  --dm19-sand:#eee5d8;
  --dm19-sage:#e8efe9;
  --dm19-blue:#edf4f6;
  --dm19-rose:#f7ece8;
  --dm19-line:#dcded6;
  --dm19-line-strong:#c9d2cc;
  --dm19-shadow:0 14px 36px rgba(42,54,49,.075);
  --dm19-shadow-lg:0 24px 62px rgba(42,54,49,.12);
  --dm19-radius:20px;
  --dm19-radius-sm:14px;
  --dm19-serif:'Lora','Georgia',serif;
  --dm19-sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

html{background:var(--dm19-ivory);}
body.dm19{
  background:var(--dm19-paper);
  color:var(--dm19-text);
  font-family:var(--dm19-sans);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.dm19 img{max-width:100%;height:auto;}
body.dm19 h1,body.dm19 h2,body.dm19 h3,body.dm19 h4{color:var(--dm19-ink);}
body.dm19 p{color:var(--dm19-text);}
body.dm19 :focus-visible{outline:3px solid rgba(15,124,114,.28);outline-offset:3px;}

/* ---------- Global shell / navigation ---------- */
body.dm19 .dm-shell{width:min(1200px,92vw);}
body.dm19 .dm-nav,
body.dm19 .nav{
  background:rgba(255,253,249,.97);
  border-bottom:1px solid rgba(128,143,136,.18);
  box-shadow:0 5px 24px rgba(35,49,44,.035);
  backdrop-filter:blur(16px);
}
body.dm19 .dm-nav{min-height:80px;}
body.dm19 .dm-nav__inner{min-height:80px;width:min(1280px,94vw);}
body.dm19 .dm-nav__brand strong{font-size:18px;letter-spacing:-.02em;}
body.dm19 .dm-nav__brand small{color:#77827f;font-size:9.5px;letter-spacing:.055em;text-transform:uppercase;}
body.dm19 .dm-nav__link{color:#43524f;font-size:12px;padding:10px 9px;border-radius:10px;}
body.dm19 .dm-nav__link:hover,body.dm19 .dm-nav__link:focus-visible,body.dm19 .dm-nav__link.is-active{background:#edf5f2;color:var(--dm19-teal-dark);}
body.dm19 .dm-nav__search input{background:#fffdf9;border-color:#d7ddd8;padding-block:10px;}
body.dm19 .dm-nav__cta{
  min-height:42px;padding:0 16px;border-radius:13px;background:var(--dm19-teal);
  box-shadow:0 7px 18px rgba(15,124,114,.17);
}
body.dm19 .dm-nav__cta:hover{background:var(--dm19-teal-dark);}

/* Legacy navigation receives the same established treatment without altering its markup. */
body.dm19 .nav__inner{max-width:1240px;margin-inline:auto;}
body.dm19 .nav__logo-text{font-family:var(--dm19-serif);font-weight:700;letter-spacing:-.025em;}
body.dm19 .nav__logo-sub{color:#7a8582;letter-spacing:.07em;text-transform:uppercase;}
body.dm19 .nav__link{color:#40504d;}
body.dm19 .nav__cta{background:var(--dm19-teal);border-radius:12px;box-shadow:none;}
body.dm19 .nav__cta:hover{background:var(--dm19-teal-dark);}

/* ---------- Type and shared UI ---------- */
body.dm19 .dm-eyebrow,body.dm19 .eyebrow{
  color:var(--dm19-teal-dark);font-size:11px;font-weight:800;letter-spacing:.13em;
}
body.dm19 .dm-page-dek{color:#56635f;line-height:1.7;}
body.dm19 .dm-button{
  min-height:48px;border-radius:13px;padding-inline:19px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;
}
body.dm19 .dm-button--primary{background:var(--dm19-teal);box-shadow:0 9px 22px rgba(15,124,114,.16);}
body.dm19 .dm-button--primary:hover,body.dm19 .dm-button--primary:focus-visible{background:var(--dm19-teal-dark);transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,124,114,.2);}
body.dm19 .dm-button--secondary{background:#fffdf9;border-color:#c9d4ce;color:var(--dm19-teal-dark);}
body.dm19 .dm-button--secondary:hover{background:#f1f7f4;border-color:#92bdb4;}
body.dm19 .dm-badge,body.dm19 .dm-card__kicker{background:#e8f3f0;color:#0b6d65;border:1px solid rgba(15,124,114,.08);}
body.dm19 .dm-badge--blue{background:#edf3f5;color:#3d6671;}
body.dm19 .dm-badge--amber{background:#f7efe0;color:#7f641f;}

body.dm19 .dm-card,
body.dm19 .dm-domain-breakdown,
body.dm19 .dm-result-meaning,
body.dm19 .dm-result-conversion,
body.dm19 .dm-result-preview-panel{
  border-color:#dde2dc;border-radius:var(--dm19-radius);background:#fffefa;box-shadow:0 7px 24px rgba(44,59,53,.045);
}
body.dm19 .dm-card{padding:26px;}
body.dm19 .dm-card:hover{border-color:#c6d6d0;}
body.dm19 .dm-card--accent{background:linear-gradient(145deg,#fffefa 0%,#eef7f3 100%);border-color:#c7ddd6;}
body.dm19 .dm-section{padding:82px 0;}
body.dm19 .dm-section--cream{background:#f7f2ea;}
body.dm19 .dm-section--soft{background:#f2f7f4;}
body.dm19 .dm-section__head{margin-bottom:34px;}
body.dm19 .dm-section__head h2{letter-spacing:-.035em;}
body.dm19 .dm-section__head p{color:#687570;}

/* Add measured visual rhythm to repetitive card grids. */
body.dm19 .dm-grid>.dm-card:nth-child(4n+1){background-color:#fffefa;}
body.dm19 .dm-grid>.dm-card:nth-child(4n+2){background-color:#fbf7f0;}
body.dm19 .dm-grid>.dm-card:nth-child(4n+3){background-color:#f6faf7;}
body.dm19 .dm-grid>.dm-card:nth-child(4n){background-color:#f7f8f4;}

/* ---------- Build 19 homepage ---------- */
body.dm19-home .dm-home-hero{
  padding:52px 0 44px;
  background:linear-gradient(180deg,#fffdf9 0%,#f8f3eb 100%);
  border-bottom:1px solid #e2e1da;
}
.dm19-home-hero__grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:52px;align-items:center;}
.dm19-home-hero__copy{padding:22px 0;}
body.dm19-home .dm-home-hero h1{
  max-width:720px;margin:.38rem 0 0;font-size:clamp(48px,5.75vw,76px);line-height:1.015;letter-spacing:-.052em;
}
body.dm19-home .dm-home-hero__dek{max-width:650px;margin-top:22px;font-size:18px;line-height:1.72;color:#596762;}
.dm19-home-hero__actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px;}
.dm19-home-hero__trust{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(121,139,131,.2);}
.dm19-home-hero__trust span{display:flex;align-items:center;gap:7px;color:#56645f;font-size:12px;font-weight:650;}
.dm19-home-hero__trust i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e5f1ed;color:#0d756d;font-style:normal;font-size:12px;}
.dm19-home-hero__media{display:grid;gap:14px;min-width:0;}
.dm19-home-photo{margin:0;border-radius:28px;overflow:hidden;background:#e8e3da;box-shadow:var(--dm19-shadow-lg);aspect-ratio:16/10;}
.dm19-home-photo img{width:100%;height:100%!important;object-fit:cover;object-position:center;}
.dm19-home-path-card{display:grid;grid-template-columns:auto 1fr;gap:11px 14px;padding:19px 21px;border:1px solid #d7ddd8;border-radius:18px;background:rgba(255,253,249,.96);box-shadow:var(--dm19-shadow);}
.dm19-home-path-card>strong{grid-column:1/-1;font-family:var(--dm19-serif);font-size:19px;color:var(--dm19-ink);}
.dm19-home-path-card .dm19-step{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e4f2ee;color:#0b7168;font-weight:800;font-size:12px;}
.dm19-home-path-card p{margin:2px 0 0!important;font-size:12px!important;line-height:1.45!important;color:#64716d!important;}
body.dm19-home .dm-door-grid{margin-top:34px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
body.dm19-home .dm-door{padding:20px 21px;border-radius:17px;background:#fffefa;border-color:#dce1db;box-shadow:0 7px 22px rgba(48,62,55,.04);}
body.dm19-home .dm-door strong{font-size:14px;}
body.dm19-home .dm-door span{margin-top:7px;font-size:12.5px;line-height:1.55;}
body.dm19-home .dm-topic-search{margin-top:16px;background:#fffefa;border-radius:17px;box-shadow:none;}
body.dm19-home .dm-topic-search button{border-radius:10px;background:var(--dm19-teal);}

/* Homepage lower sections feel like an editorial service rather than a SaaS grid. */
body.dm19-home main>.dm-section:nth-of-type(2){background:#fffdf9;}
body.dm19-home main>.dm-section:nth-of-type(3){background:#f7f2ea;}
body.dm19-home main>.dm-section:nth-of-type(4){background:#fffdf9;}
body.dm19-home main>.dm-section:nth-of-type(5){background:#eef5f2;}
body.dm19-home main>.dm-section:nth-of-type(6){background:#fffdf9;}
body.dm19-home main>.dm-section:nth-of-type(7){background:#f7f2ea;}

/* ---------- Split photo heroes used on discovery / trust pages ---------- */
body.dm19 .dm19-page-hero--photo{padding:46px 0 50px;background:linear-gradient(180deg,#fffdf9 0%,#f8f3eb 100%);}
.dm19-photo-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);gap:48px;align-items:center;}
.dm19-photo-hero-copy h1{max-width:780px;}
.dm19-photo-hero-media{margin:0;border-radius:26px;overflow:hidden;box-shadow:var(--dm19-shadow-lg);aspect-ratio:16/10;background:#e6e2d8;}
.dm19-photo-hero-media img{width:100%;height:100%!important;object-fit:cover;}
.dm19-photo-hero-note{display:flex;gap:10px;align-items:flex-start;margin-top:13px;padding:13px 15px;border-radius:14px;background:#fffdf9;border:1px solid #d9dfda;color:#5a6863;font-size:12px;line-height:1.5;}

/* ---------- Hub pages ---------- */
body.dm19 .dm-hub-hero{padding:50px 0 48px;background:linear-gradient(180deg,#fffdf9 0%,#f6f1e9 100%);border-bottom-color:#e2e1da;}
body.dm19 .dm-hub-hero__grid{grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:48px;align-items:stretch;}
body.dm19 .dm-hub-hero h1{font-size:clamp(40px,4.8vw,64px);line-height:1.04;letter-spacing:-.045em;}
body.dm19 .dm-hub-hero__panel{padding:0;overflow:hidden;border-radius:24px;background:#fffefa;border-color:#d6ddd8;box-shadow:var(--dm19-shadow);display:flex;flex-direction:column;}
body.dm19 .dm-hub-hero__panel>.dm19-hub-hero-image{width:100%;height:210px;object-fit:cover;display:block;}
body.dm19 .dm-hub-hero__panel>span{margin:20px 22px 0;width:max-content;}
body.dm19 .dm-hub-hero__panel>strong{margin:13px 22px 8px;font-size:23px;}
body.dm19 .dm-hub-hero__panel>p{margin:0 22px;color:#61706b;}
body.dm19 .dm-hub-hero__panel>a{margin:15px 22px 22px;}
body.dm19 .dm-hub-jump{background:rgba(255,253,249,.96);border-bottom-color:#e1e2da;}
body.dm19 .dm-hub-topic{border-radius:19px;background:#fffefa;border-color:#dce1dc;box-shadow:0 6px 20px rgba(44,59,53,.035);}
body.dm19 .dm-hub-assessment{border-radius:24px;background:linear-gradient(145deg,#fffefa,#eef6f2);border-color:#c8dbd4;}
body.dm19 .dm-hub-help{border-radius:24px;background:#fffefa;}

/* ---------- Assessment catalogue ---------- */
body.dm19-assessment-directory .dm-page-hero{border-bottom:1px solid #e1e1da;}
body.dm19-assessment-directory .dm-grid{gap:17px;}
body.dm19-assessment-directory .dm-assessment-card{border-radius:19px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;}
body.dm19-assessment-directory .dm-assessment-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(40,56,49,.07);border-color:#bbcec7;}
body.dm19-assessment-directory .dm-section:nth-of-type(1){background:#f7f2ea;}
body.dm19-assessment-directory .dm-section:nth-of-type(2){background:#fffdf9;}
body.dm19-assessment-directory .dm-section:nth-of-type(3){background:#eef5f2;}

/* ---------- Free assessment pages ---------- */
body.dm19-assessment-detail{background:#fbf9f4;}
body.dm19-assessment-detail .dm-assessment-hero--conversion{
  padding:42px 0 34px;background:linear-gradient(180deg,#fffdf9 0%,#f5f1e9 100%);border-bottom:1px solid #e0e2dc;
}
body.dm19-assessment-detail .dm-assessment-hero--conversion .dm-assessment-hero__grid{gap:48px;align-items:center;}
body.dm19-assessment-detail .dm-assessment-hero__copy h1{font-size:clamp(40px,4.7vw,64px);letter-spacing:-.045em;}
body.dm19-assessment-detail .dm-hero-preview{
  border-radius:22px;background:#fffefa;border-color:#d2dcd7;box-shadow:var(--dm19-shadow);padding:25px;
}
body.dm19-assessment-detail .dm-hero-preview__score strong{color:var(--dm19-teal);}
body.dm19-assessment-detail .dm-assessment-trust-band{background:#eef5f2;border-bottom-color:#dbe5e0;}
body.dm19-assessment-detail .dm-assessment-runner-section{background:#f7f2ea!important;}
body.dm19-assessment-detail .dm-question-card{
  max-width:800px;margin-inline:auto;padding:clamp(24px,4vw,38px);border-radius:22px;background:#fffefa;border:1px solid #d9dfda;box-shadow:var(--dm19-shadow);
}
body.dm19-assessment-detail .dm-response-option{
  border-radius:14px;border-color:#d9dfda;background:#fffdf9;transition:background .14s ease,border-color .14s ease,transform .14s ease;
}
body.dm19-assessment-detail .dm-response-option:hover{background:#f2f7f4;border-color:#aac8bf;transform:translateY(-1px);}
body.dm19-assessment-detail .dm-response-option.is-selected,body.dm19-assessment-detail .dm-response-option:has(input:checked){background:#e8f4f0;border-color:#72aea2;}
body.dm19-assessment-detail .dm-progress-track{background:#e6e4dc;}
body.dm19-assessment-detail .dm-progress-track span{background:var(--dm19-teal);}
body.dm19-assessment-detail .dm-faq-grid details{background:#fffefa;border-color:#dce1dc;}

/* ---------- Premium assessments ---------- */
body.dm19-premium-assessment .dm-assessment-hero--conversion{
  background:linear-gradient(180deg,#fffdf9 0%,#f2eee5 100%);
}
body.dm19-premium-assessment .dm-hero-preview{padding:0;overflow:hidden;background:#fffefa;}
body.dm19-premium-assessment .dm-hero-preview>.dm19-premium-hero-image{width:100%;height:190px;object-fit:cover;display:block;}
body.dm19-premium-assessment .dm-hero-preview>.dm-hero-preview__score,
body.dm19-premium-assessment .dm-hero-preview>.dm-hero-path-mini,
body.dm19-premium-assessment .dm-hero-preview>p,
body.dm19-premium-assessment .dm-hero-preview>a{margin-left:22px;margin-right:22px;}
body.dm19-premium-assessment .dm-hero-preview>.dm-hero-preview__score{padding-top:21px;}
body.dm19-premium-assessment .dm-hero-preview>a{margin-bottom:22px;}
body.dm19-premium-assessment .dm-premium-value-section{background:#fffdf9;}
body.dm19-premium-assessment .dm-assessment-runner-section{background:#f7f2ea!important;}
body.dm19-premium-assessment .dm-question-card{box-shadow:0 16px 40px rgba(45,56,51,.07);}

/* ---------- Results / reports ---------- */
body.dm19-result{background:#f5f1e9;}
body.dm19-result .dm-result-page-main{padding-top:34px;}
body.dm19-result .dm-result-page-hero{max-width:880px;}
body.dm19-result .dm-result-outcome{
  border-color:#c7d8d2;border-radius:24px;background:linear-gradient(135deg,#fffefa 0%,#edf5f1 100%);box-shadow:0 18px 44px rgba(38,57,49,.08);
}
body.dm19-result .dm-result-outcome__score{border-color:#d1ddd8;background:#fffdf9;}
body.dm19-result .dm-result-choice{border-radius:18px;background:#fffefa;border-color:#dce2dc;}
body.dm19-result .dm-result-choice.is-primary{background:#eaf5f1;border-color:#a8cbc2;}
body.dm19-result .dm-domain-bar{background:#e7e7df;}
body.dm19-result .dm-domain-bar span{background:linear-gradient(90deg,#0f7c72,#4d9d91);}
body.dm19-result .dm-result-conversion{background:#fffefa;}

/* ---------- Article directory ---------- */
body.dm19-article-directory .dm-page-hero{border-bottom:1px solid #e1e1da;}
body.dm19-article-directory .dm-article-tools input{background:#fffefa;border-color:#d6ddd8;border-radius:13px;}
body.dm19-article-directory .dm-article-list{gap:16px;}
body.dm19-article-directory .dm-article-item{
  min-height:150px;padding:21px;border-radius:18px;background:#fffefa;border-color:#dde2dc;box-shadow:0 5px 18px rgba(43,58,51,.035);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
body.dm19-article-directory .dm-article-item:hover{transform:translateY(-2px);background:#fffefa;border-color:#bcd0c8;box-shadow:0 12px 28px rgba(43,58,51,.07);}

/* ---------- Individual editorial articles ---------- */
body.dm19-article-detail{background:#fffdf9;}
body.dm19-article-detail .dm-article-hero{padding:48px 0 43px;background:linear-gradient(180deg,#fffdf9 0%,#f5f1e9 100%);border-bottom-color:#e0e1da;}
body.dm19-article-detail .dm-article-hero h1{max-width:930px;font-size:clamp(40px,4.9vw,64px);line-height:1.045;letter-spacing:-.045em;}
body.dm19-article-detail .dm-article-hero__dek{max-width:830px;color:#586762;}
body.dm19-article-detail .dm-article-meta{padding-top:16px;border-top:1px solid rgba(126,142,134,.2);max-width:900px;}
body.dm19-article-detail .dm-article-wrap{width:min(1160px,92vw);grid-template-columns:minmax(0,760px) minmax(235px,290px);gap:64px;padding-top:52px;}
body.dm19-article-detail .dm-article-prose{font-size:17px;line-height:1.86;color:#394a46;}
body.dm19-article-detail .dm-article-prose>p{color:#3e504b;}
body.dm19-article-detail .dm-article-prose h2{margin-top:52px;letter-spacing:-.03em;}
body.dm19-article-detail .dm-article-prose h3{color:#223431;}
body.dm19-article-detail .dm-answer-box,body.dm19-article-detail .dm-inline-cta,body.dm19-article-detail .dm-note{border-radius:18px;background:#f3f7f4;border-color:#d6e2dd;}
body.dm19-article-detail .dm-toc,body.dm19-article-detail .dm-sidebar-card,body.dm19-article-detail .dm-author-card{background:#fffefa;border-color:#dce1dc;border-radius:18px;}
body.dm19-article-detail .dm-article-related{background:#f6f1e9;border-top-color:#e1e1da;}

/* ---------- Find-help and care-routing emphasis ---------- */
body.dm19-family-find-help .dm-section--soft{background:#eef5f2;}
body.dm19-family-find-help .dm-section--cream{background:#f7f2ea;}
body.dm19-family-find-help .dm-referral-card,
body.dm19-family-find-help .dm-care-route-card{border-radius:19px!important;}

/* ---------- Trust / methodology / about ---------- */
body.dm19-trust-page .dm-page-hero{background:linear-gradient(180deg,#fffdf9,#f6f1e9);}
body.dm19-trust-page .dm-card{background:#fffefa;}
body.dm19-about .about-hero{
  padding:58px 6%;background:linear-gradient(180deg,#fffdf9 0%,#f6f1e9 100%);border-bottom:1px solid #e0e1da;
}
body.dm19-about .about-hero>.dm19-about-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:48px;align-items:center;}
body.dm19-about .about-hero .dm19-about-media{border-radius:24px;overflow:hidden;box-shadow:var(--dm19-shadow-lg);aspect-ratio:16/10;}
body.dm19-about .about-hero .dm19-about-media img{width:100%;height:100%!important;object-fit:cover;}
body.dm19-about .about-body{max-width:900px;padding-top:58px;}
body.dm19-about .about-value{gap:16px;}
body.dm19-about .about-value__item{background:#fffefa;border:1px solid #dce1dc;border-radius:18px;box-shadow:0 6px 20px rgba(43,58,51,.04);}

/* ---------- Legacy IQ + blog system: unify without changing functionality ---------- */
body.dm19-family-blog,body.dm19-legacy-iq{background:#fffdf9;}
body.dm19-family-blog .section--white,body.dm19-legacy-iq .section--white{background:#fffdf9;}
body.dm19-family-blog .section--cream,body.dm19-legacy-iq .section--cream{background:#f7f2ea;}
body.dm19-family-blog .section--teal,body.dm19-legacy-iq .section--teal{background:linear-gradient(135deg,#0a645d,#0f8176);}
body.dm19-family-blog .article-card,body.dm19-family-blog .blog-card,
body.dm19-legacy-iq .assessment-feature,body.dm19-legacy-iq .free-iq-start-card,
body.dm19-legacy-iq .free-iq-value-grid>article{
  border-color:#dce1dc!important;border-radius:18px!important;background:#fffefa!important;box-shadow:0 7px 22px rgba(43,58,51,.045)!important;
}
body.dm19-legacy-iq .free-iq-hero{background:linear-gradient(180deg,#fffdf9,#f5f1e9)!important;}
body.dm19-legacy-iq .free-iq-shell{background:#fffdf9;}
body.dm19-family-blog .article-header,body.dm19-family-blog .blog-hero{background:linear-gradient(180deg,#fffdf9,#f5f1e9)!important;}
body.dm19-family-blog .article-body{font-size:17px;line-height:1.84;}

/* ---------- Checkout / commerce ---------- */
body.dm19-commerce{background:#f5f1e9;}
body.dm19-commerce .checkout-mobile-layout,
body.dm19-commerce .checkout-container{max-width:1120px!important;}
body.dm19-commerce .checkout-mobile-card,
body.dm19-commerce .checkout-mobile-summary,
body.dm19-commerce .checkout-summary,
body.dm19-commerce .checkout-form{
  background:#fffefa!important;border-color:#d8ded8!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(42,58,50,.055)!important;
}
body.dm19-commerce #submit-btn{background:var(--dm19-teal)!important;border-radius:13px!important;box-shadow:0 9px 22px rgba(15,124,114,.17);}
body.dm19-commerce .checkout-mobile-footer{background:#18322f!important;}

/* ---------- Footer ---------- */
body.dm19 .dm-footer{background:#18322f;color:#dbe8e4;border-top:0;}
body.dm19 .dm-footer a{color:#dbe8e4;}
body.dm19 .dm-footer p,body.dm19 .dm-footer span{color:#aec2bc;}
body.dm19 footer:not(.dm-footer){border-top-color:#d9ddd8;}

/* ---------- Motion ---------- */
@media (prefers-reduced-motion:no-preference){
  body.dm19 .dm-card,body.dm19 .dm-door,body.dm19 .dm-article-item{transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background .17s ease;}
}

/* ---------- Responsive ---------- */
@media(max-width:1080px){
  .dm19-home-hero__grid,.dm19-photo-hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);gap:34px;}
  body.dm19 .dm-hub-hero__grid{gap:30px;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);}
  body.dm19 .dm-nav__links{gap:1px;}
  body.dm19 .dm-nav__link{padding-inline:6px;font-size:11px;}
}
@media(max-width:900px){
  .dm19-home-hero__grid,.dm19-photo-hero-grid{grid-template-columns:1fr;}
  .dm19-home-hero__media{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:stretch;}
  .dm19-home-photo{aspect-ratio:16/9;}
  .dm19-home-path-card{align-content:center;}
  body.dm19-home .dm-door-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  body.dm19 .dm-hub-hero__grid{grid-template-columns:1fr;}
  body.dm19 .dm-hub-hero__panel{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);grid-template-rows:auto auto 1fr auto;column-gap:0;}
  body.dm19 .dm-hub-hero__panel>.dm19-hub-hero-image{grid-row:1/5;height:100%;min-height:260px;}
  body.dm19 .dm-hub-hero__panel>span{grid-column:2;margin-top:22px;}
  body.dm19 .dm-hub-hero__panel>strong,body.dm19 .dm-hub-hero__panel>p,body.dm19 .dm-hub-hero__panel>a{grid-column:2;}
  body.dm19 .dm-article-wrap{gap:30px;}
  body.dm19-about .about-hero>.dm19-about-grid{grid-template-columns:1fr;}
}
@media(max-width:760px){
  body.dm19 .dm-section{padding:58px 0;}
  body.dm19 .dm-shell{width:min(92vw,1200px);}
  body.dm19 .dm-nav{min-height:70px;}
  body.dm19 .dm-nav__inner{min-height:70px;}
  body.dm19 .dm-nav__brand small{display:none;}
  body.dm19-home .dm-home-hero{padding:28px 0 32px;}
  body.dm19-home .dm-home-hero h1{font-size:clamp(40px,12vw,58px);line-height:1.01;}
  body.dm19-home .dm-home-hero__dek{font-size:16px;line-height:1.65;margin-top:18px;}
  .dm19-home-hero__copy{padding:8px 0 0;}
  .dm19-home-hero__actions{margin-top:22px;}
  .dm19-home-hero__actions .dm-button{flex:1 1 160px;}
  .dm19-home-hero__trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;padding-top:18px;}
  .dm19-home-hero__media{grid-template-columns:1fr;gap:12px;}
  .dm19-home-photo{border-radius:20px;aspect-ratio:4/3;}
  .dm19-home-path-card{border-radius:16px;}
  body.dm19-home .dm-door-grid{grid-template-columns:1fr;margin-top:22px;}
  body.dm19-home .dm-door{padding:16px 17px;}
  body.dm19-home .dm-topic-search{padding:15px;}
  body.dm19-home .dm-topic-search__row{flex-direction:column;}
  body.dm19-home .dm-topic-search button{min-height:44px;}
  body.dm19 .dm19-page-hero--photo{padding:30px 0 34px;}
  .dm19-photo-hero-grid{gap:24px;}
  .dm19-photo-hero-media{border-radius:19px;aspect-ratio:4/3;}
  body.dm19 .dm-hub-hero{padding:34px 0 32px;}
  body.dm19 .dm-hub-hero h1{font-size:clamp(36px,10vw,50px);}
  body.dm19 .dm-hub-hero__panel{display:flex;}
  body.dm19 .dm-hub-hero__panel>.dm19-hub-hero-image{height:190px;min-height:0;}
  body.dm19 .dm-hub-hero__panel>span{margin-top:18px;}
  body.dm19-assessment-detail .dm-assessment-hero--conversion{padding:27px 0 24px;}
  body.dm19-assessment-detail .dm-assessment-hero__copy h1{font-size:clamp(34px,10vw,48px);}
  body.dm19-assessment-detail .dm-question-card{border-radius:18px;padding:22px 17px;}
  body.dm19-premium-assessment .dm-hero-preview>.dm19-premium-hero-image{height:170px;}
  body.dm19-article-detail .dm-article-hero{padding:34px 0 30px;}
  body.dm19-article-detail .dm-article-hero h1{font-size:clamp(35px,9.5vw,50px);}
  body.dm19-article-detail .dm-article-wrap{width:min(91vw,1160px);padding-top:32px;}
}
@media(max-width:480px){
  body.dm19-home .dm-home-hero h1{font-size:42px;}
  .dm19-home-hero__trust{grid-template-columns:1fr;}
  body.dm19 .dm-card{padding:20px;}
  body.dm19 .dm-section{padding:50px 0;}
  body.dm19 .dm-hub-hero__panel>.dm19-hub-hero-image{height:165px;}
}

/* Build 19 legacy-library directory image treatment */
body.dm19-legacy-blog .dm19-legacy-blog-photo{
  width:min(1160px,88vw);height:340px;margin:0 auto 54px;border-radius:24px;overflow:hidden;
  box-shadow:var(--dm19-shadow-lg);background:#e8e3da;
}
body.dm19-legacy-blog .dm19-legacy-blog-photo__img{width:100%;height:100%!important;object-fit:cover;object-position:center 58%;display:block;}
@media(max-width:760px){body.dm19-legacy-blog .dm19-legacy-blog-photo{width:min(92vw,1160px);height:220px;margin-bottom:34px;border-radius:18px;}}

/* ============================================================
   Build 19.2 — Integrated photographic backgrounds
   Photography is environment, never a floating image card.
   ============================================================ */

/* Image campaign assignments. URLs resolve relative to this root stylesheet. */
.dm19-bg-home{--dm19-photo:url("assets/build19/home-lifestyle.webp");--dm19-photo-pos:74% 50%;}
.dm19-bg-assessments{--dm19-photo:url("assets/build19/assessments-workspace.webp");--dm19-photo-pos:72% 50%;}
.dm19-bg-assessments-subtle{--dm19-photo:url("assets/build19/assessments-workspace.webp");--dm19-photo-pos:78% 48%;}
.dm19-bg-editorial{--dm19-photo:url("assets/build19/editorial-desk.webp");--dm19-photo-pos:74% 54%;}
.dm19-bg-care{--dm19-photo:url("assets/build19/care-room.webp");--dm19-photo-pos:72% 52%;}
.dm19-bg-premium{--dm19-photo:url("assets/build19/premium-report.webp");--dm19-photo-pos:76% 48%;}
.dm19-bg-relationships{--dm19-photo:url("assets/build19/relationships-home.webp");--dm19-photo-pos:78% 50%;}

body.dm19 .dm19-photo-stage{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:var(--dm19-ivory);
  background-image:
    linear-gradient(90deg,
      rgba(251,248,242,1) 0%,
      rgba(251,248,242,.985) 29%,
      rgba(251,248,242,.95) 41%,
      rgba(251,248,242,.79) 53%,
      rgba(251,248,242,.36) 68%,
      rgba(251,248,242,.08) 82%,
      rgba(251,248,242,0) 100%),
    var(--dm19-photo);
  background-size:cover;
  background-position:var(--dm19-photo-pos,72% 50%);
  background-repeat:no-repeat;
}
body.dm19 .dm19-photo-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,253,249,.03) 0%,rgba(27,45,41,.025) 100%);
}
body.dm19 .dm19-photo-stage>.dm-shell,
body.dm19 .dm19-photo-stage>.dm19-home-stage,
body.dm19 .dm19-photo-stage .dm-shell{position:relative;z-index:1;}
body.dm19 .dm19-stage-copy{position:relative;z-index:2;}

/* Home: full-bleed photographic stage, then clean utility content below. */
body.dm19-home .dm-home-hero{
  padding:0;
  background:#fffdf9;
  border-bottom:1px solid #e2e1da;
}
body.dm19-home .dm19-home-stage{
  min-height:630px;
  display:flex;
  align-items:center;
  padding:62px 0 58px;
  border-bottom:1px solid rgba(133,144,139,.16);
}
body.dm19-home .dm19-home-stage .dm-shell{width:min(1280px,92vw);}
body.dm19-home .dm19-home-hero__copy{
  width:min(660px,52%);
  padding:12px 0;
}
body.dm19-home .dm-home-hero h1{
  max-width:660px;
  margin:.38rem 0 0;
  font-size:clamp(52px,5.15vw,78px);
  line-height:.99;
  letter-spacing:-.052em;
  text-wrap:balance;
}
body.dm19-home .dm-home-hero__dek{max-width:600px;color:#42524f;}
body.dm19-home .dm19-home-hero__trust{border-top-color:rgba(48,71,65,.2);max-width:610px;}
body.dm19-home .dm19-home-after{
  padding:30px 0 38px;
  background:#fffdf9;
}
body.dm19-home .dm19-home-after .dm-door-grid{margin-top:0;}
body.dm19-home .dm19-home-after .dm-topic-search{margin-top:18px;}

/* Directory heroes: copy floats on photograph; no image container. */
body.dm19 .dm19-integrated-page-hero{
  min-height:500px;
  display:flex;
  align-items:center;
  padding:48px 0 54px;
}
body.dm19 .dm19-integrated-page-hero .dm-shell{width:min(1240px,92vw);}
body.dm19 .dm19-integrated-page-hero .dm-breadcrumb{max-width:690px;}
body.dm19 .dm19-page-stage-copy{width:min(690px,56%);padding:26px 0 12px;}
body.dm19 .dm19-page-stage-copy h1{font-size:clamp(46px,5vw,70px);line-height:1.02;letter-spacing:-.046em;}
body.dm19 .dm19-page-stage-copy .dm-page-dek{max-width:630px;color:#44534f;}
body.dm19 .dm19-photo-hero-note{
  width:max-content;max-width:560px;
  margin-top:18px;
  background:rgba(255,253,249,.82);
  backdrop-filter:blur(7px);
  border-color:rgba(169,184,176,.52);
  box-shadow:0 10px 30px rgba(45,60,54,.05);
}

/* Hubs: photo belongs to the whole environment. The right side is functional content, not an image card. */
body.dm19 .dm19-integrated-hub-hero{
  min-height:590px;
  padding:50px 0 54px;
  background-color:var(--dm19-ivory);
}
body.dm19 .dm19-integrated-hub-hero .dm-shell{width:min(1240px,92vw);}
body.dm19 .dm19-integrated-hub-hero .dm-hub-hero__grid{
  grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);
  gap:60px;
  align-items:end;
}
body.dm19 .dm19-integrated-hub-hero .dm19-stage-copy{max-width:700px;padding:42px 0 34px;}
body.dm19 .dm19-integrated-hub-hero h1{font-size:clamp(44px,4.9vw,68px);max-width:720px;}
body.dm19 .dm19-overlay-panel{
  align-self:end;
  margin-bottom:8px;
  background:rgba(255,253,249,.88)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(189,199,193,.72)!important;
  box-shadow:0 18px 45px rgba(42,55,50,.09)!important;
}
body.dm19 .dm19-integrated-hub-hero .dm-hub-hero__panel{padding:23px 24px 25px;overflow:visible;}
body.dm19 .dm19-integrated-hub-hero .dm-hub-hero__panel>span,
body.dm19 .dm19-integrated-hub-hero .dm-hub-hero__panel>strong,
body.dm19 .dm19-integrated-hub-hero .dm-hub-hero__panel>p,
body.dm19 .dm19-integrated-hub-hero .dm-hub-hero__panel>a{margin-left:0;margin-right:0;}
body.dm19 .dm19-integrated-hub-hero .dm-hub-hero__panel>span{margin-top:0;}

/* Premium: human context in background; report/value panel stays real UI. */
body.dm19-premium-assessment .dm19-integrated-premium-hero{
  min-height:590px;
  padding:46px 0 50px;
}
body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-assessment-hero__grid{
  grid-template-columns:minmax(0,1fr) minmax(300px,.58fr);
  gap:54px;
  align-items:end;
}
body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-assessment-hero__copy{max-width:690px;padding:34px 0;}
body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-hero-preview{background:rgba(255,253,249,.89);backdrop-filter:blur(12px);}
body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-hero-preview>.dm-hero-preview__score{padding-top:0;}

/* Free assessment intros get only a restrained environmental hint; runners remain clean. */
body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm19-integrated-assessment-intro{
  background-image:
    linear-gradient(90deg,
      rgba(251,249,244,1) 0%,
      rgba(251,249,244,.995) 50%,
      rgba(251,249,244,.94) 65%,
      rgba(251,249,244,.72) 79%,
      rgba(251,249,244,.42) 100%),
    var(--dm19-photo);
  min-height:430px;
}
body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm19-integrated-assessment-intro .dm-assessment-hero__copy{max-width:690px;}
body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm19-integrated-assessment-intro .dm-hero-preview{
  background:rgba(255,253,249,.91);
  backdrop-filter:blur(10px);
}

/* About page: no side photo. */
body.dm19-about .about-hero.dm19-integrated-about-hero{
  min-height:540px;
  padding:58px 6%;
}
body.dm19-about .about-hero>.dm19-about-grid.dm19-stage-copy{
  max-width:1160px;
  grid-template-columns:minmax(0,650px);
  justify-content:start;
}
body.dm19-about .about-hero .dm19-about-copy{max-width:650px;}

/* Article heroes: editorial environment only at the top; reading surface remains plain. */
body.dm19-article-detail .dm-article-hero.dm19-integrated-article-hero{
  min-height:450px;
  display:flex;
  align-items:center;
  padding:48px 0;
}
body.dm19-article-detail .dm19-integrated-article-hero .dm-shell{width:min(1180px,92vw);}
body.dm19-article-detail .dm19-integrated-article-hero .dm-stage-copy,
body.dm19-article-detail .dm19-integrated-article-hero .dm19-stage-copy{max-width:760px;}
body.dm19-article-detail .dm19-integrated-article-hero h1{max-width:760px;}
body.dm19-article-detail .dm19-integrated-article-hero .dm-article-hero__dek{max-width:720px;color:#42514d;}

/* Legacy blog/IQ: background photograph is atmosphere, never a standalone hero card. */
body.dm19 .dm19-integrated-legacy-hero{
  position:relative;
  background-color:var(--dm19-ivory)!important;
  background-image:
    linear-gradient(90deg,rgba(251,248,242,.995) 0%,rgba(251,248,242,.95) 46%,rgba(251,248,242,.55) 70%,rgba(251,248,242,.08) 100%),
    var(--dm19-photo)!important;
  background-size:cover!important;
  background-position:var(--dm19-photo-pos,74% 50%)!important;
  background-repeat:no-repeat!important;
}
body.dm19-family-blog .dm19-integrated-legacy-hero,
body.dm19-legacy-iq .dm19-integrated-legacy-hero{min-height:390px;}

/* Remove obsolete Build 19.1 photo containers even if a cached page still contains them. */
body.dm19 .dm19-home-photo,
body.dm19 .dm19-photo-hero-media,
body.dm19 .dm19-hub-hero-image,
body.dm19 .dm19-premium-hero-image,
body.dm19-about .dm19-about-media,
body.dm19-legacy-blog .dm19-legacy-blog-photo{display:none!important;}

/* Gradient copy safety: copy never relies on the photograph for contrast. */
body.dm19 .dm19-stage-copy h1,
body.dm19 .dm19-stage-copy h2,
body.dm19 .dm19-stage-copy h3,
body.dm19 .dm19-stage-copy p,
body.dm19 .dm19-stage-copy a,
body.dm19 .dm19-stage-copy span{position:relative;z-index:2;}

@media(max-width:1000px){
  body.dm19 .dm19-photo-stage{
    background-image:
      linear-gradient(90deg,rgba(251,248,242,1) 0%,rgba(251,248,242,.98) 42%,rgba(251,248,242,.82) 62%,rgba(251,248,242,.28) 100%),
      var(--dm19-photo);
    background-position:78% 50%;
  }
  body.dm19-home .dm19-home-hero__copy{width:min(620px,62%);}
  body.dm19 .dm19-integrated-hub-hero .dm-hub-hero__grid,
  body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-assessment-hero__grid{grid-template-columns:minmax(0,1fr) minmax(270px,.55fr);gap:34px;}
}

@media(max-width:760px){
  body.dm19 .dm19-photo-stage{
    background-image:
      linear-gradient(180deg,
        rgba(251,248,242,.995) 0%,
        rgba(251,248,242,.985) 38%,
        rgba(251,248,242,.91) 62%,
        rgba(251,248,242,.67) 82%,
        rgba(251,248,242,.42) 100%),
      var(--dm19-photo);
    background-position:68% 58%;
  }
  body.dm19-home .dm19-home-stage{min-height:620px;padding:34px 0 40px;align-items:flex-start;}
  body.dm19-home .dm19-home-stage .dm-shell{width:min(92vw,680px);}
  body.dm19-home .dm19-home-hero__copy{width:100%;max-width:560px;}
  body.dm19-home .dm-home-hero h1{font-size:clamp(42px,11.5vw,58px);max-width:540px;}
  body.dm19-home .dm-home-hero__dek{max-width:520px;color:#354641;}
  body.dm19-home .dm19-home-after{padding:22px 0 30px;}
  body.dm19 .dm19-integrated-page-hero{min-height:500px;padding:30px 0 38px;align-items:flex-start;}
  body.dm19 .dm19-page-stage-copy{width:100%;max-width:600px;padding-top:22px;}
  body.dm19 .dm19-integrated-page-hero .dm-breadcrumb{max-width:100%;}
  body.dm19 .dm19-photo-hero-note{width:auto;background:rgba(255,253,249,.86);}
  body.dm19 .dm19-integrated-hub-hero{min-height:620px;padding:32px 0 36px;}
  body.dm19 .dm19-integrated-hub-hero .dm-hub-hero__grid{display:block;}
  body.dm19 .dm19-integrated-hub-hero .dm19-stage-copy{max-width:100%;padding:24px 0 28px;}
  body.dm19 .dm19-integrated-hub-hero .dm19-overlay-panel{max-width:100%;margin-top:18px;margin-bottom:0;}
  body.dm19-premium-assessment .dm19-integrated-premium-hero{min-height:650px;padding:30px 0 36px;}
  body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-assessment-hero__grid{grid-template-columns:1fr;gap:18px;}
  body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-assessment-hero__copy{padding:18px 0 8px;}
  body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm19-integrated-assessment-intro{
    min-height:auto;
    background-image:
      linear-gradient(180deg,rgba(251,249,244,.995) 0%,rgba(251,249,244,.98) 68%,rgba(251,249,244,.88) 100%),
      var(--dm19-photo);
  }
  body.dm19-about .about-hero.dm19-integrated-about-hero{min-height:520px;padding:38px 5%;}
  body.dm19-article-detail .dm-article-hero.dm19-integrated-article-hero{min-height:460px;padding:34px 0;align-items:flex-start;}
  body.dm19 .dm19-integrated-legacy-hero{
    background-image:
      linear-gradient(180deg,rgba(251,248,242,.995) 0%,rgba(251,248,242,.97) 62%,rgba(251,248,242,.74) 100%),
      var(--dm19-photo)!important;
    background-position:70% 60%!important;
  }
}

/* ============================================================
   Build 19.3 — Mobile-first production pass
   Reference direction: established care sites with compact mobile
   navigation, visible environmental photography and content-first
   reading surfaces. Photography remains background/environment only.
   ============================================================ */

/* Dedicated Mental Health campaign image — deliberately different from home. */
.dm19-bg-mental{
  --dm19-photo:url("assets/build19/mental-health-reading.webp");
  --dm19-photo-pos:72% 50%;
  --dm19-photo-mobile-pos:70% 50%;
}
.dm19-bg-home{--dm19-photo-mobile-pos:72% 50%;}
.dm19-bg-assessments{--dm19-photo-mobile-pos:64% 50%;}
.dm19-bg-assessments-subtle{--dm19-photo-mobile-pos:66% 50%;}
.dm19-bg-editorial{--dm19-photo-mobile-pos:58% 50%;}
.dm19-bg-care{--dm19-photo-mobile-pos:58% 50%;}
.dm19-bg-premium{--dm19-photo-mobile-pos:66% 50%;}
.dm19-bg-relationships{--dm19-photo-mobile-pos:64% 50%;}

/* Self-contained navigation layout. This is intentionally repeated here so
   legacy IQ/blog pages no longer depend on revamp.css for basic structure. */
body.dm19 .dm-nav{position:sticky;top:0;z-index:1200;min-height:76px;height:auto;}
body.dm19 .dm-nav__inner{
  width:min(1280px,94vw);min-height:76px;margin:0 auto;
  display:flex;align-items:center;gap:18px;
}
body.dm19 .dm-nav__brand{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:var(--dm19-ink);text-decoration:none;}
body.dm19 .dm-nav__brand strong{display:block;line-height:1.08;}
body.dm19 .dm-nav__brand strong span{color:var(--dm19-teal);}
body.dm19 .dm-nav__brand small{display:block;margin-top:3px;}
body.dm19 .dm-nav__links{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;}
body.dm19 .dm-nav__actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
body.dm19 .dm-nav__search{width:190px;max-width:190px!important;margin:0!important;position:relative;}
body.dm19 .dm-nav__search input{width:100%;box-sizing:border-box;}
body.dm19 .dm-nav__search-button{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:var(--dm19-teal-dark);}
body.dm19 .dm-nav__toggle{display:none;align-items:center;justify-content:center;}
body.dm19 .dm-nav__mobile{display:none;}
body.dm19 .dm-nav__mobile:not([hidden]){display:grid;}

@media(max-width:1120px){
  body.dm19 .dm-nav__links{display:none;}
  body.dm19 .dm-nav__toggle{display:inline-flex;width:42px;height:42px;border:1px solid #d5ddd8;border-radius:11px;background:#fffdf9;color:var(--dm19-ink);}
  body.dm19 .dm-nav__inner{flex-wrap:wrap;}
  body.dm19 .dm-nav__mobile{order:5;width:100%;padding:9px 0 13px;border-top:1px solid #e5e8e4;}
  body.dm19 .dm-nav__mobile:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;}
  body.dm19 .dm-nav__mobile-link{padding:11px 12px;border-radius:9px;color:#43524f;font-size:13px;font-weight:650;text-decoration:none;}
  body.dm19 .dm-nav__mobile-link:hover,body.dm19 .dm-nav__mobile-link:focus-visible,body.dm19 .dm-nav__mobile-link.is-active{background:#edf5f2;color:var(--dm19-teal-dark);}
  body.dm19 .dm-nav__mobile-cta{background:var(--dm19-teal);color:white!important;text-align:center;}
}

/* Mobile header: one compact row like an established service site.
   Search and CTA move out of the chrome; the assessment CTA remains in-page
   and both are available from the menu / content. */
@media(max-width:680px){
  body.dm19{overflow-x:hidden;}
  body.dm19 .dm-nav{position:sticky;top:0;min-height:64px;background:rgba(255,253,249,.985);}
  body.dm19 .dm-nav__inner{
    width:100%;min-height:64px;padding:8px 14px;box-sizing:border-box;
    display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  }
  body.dm19 .dm-nav__brand{width:auto;min-width:0;gap:7px;}
  body.dm19 .dm-nav__brand svg{width:34px;height:34px;flex:0 0 34px;}
  body.dm19 .dm-nav__brand strong{font-size:17px;white-space:nowrap;}
  body.dm19 .dm-nav__brand small{display:none;}
  body.dm19 .dm-nav__actions{width:auto;margin-left:auto;display:flex;align-items:center;gap:6px;}
  body.dm19 .dm-nav__search,body.dm19 .dm-nav__cta{display:none!important;}
  body.dm19 .dm-nav__toggle{display:inline-flex!important;width:42px;height:42px;margin:0;border-radius:11px;}
  body.dm19 .dm-nav__mobile{order:10;flex-basis:100%;width:100%;padding:9px 0 5px;margin:0;border-top:1px solid #e5e8e4;}
  body.dm19 .dm-nav__mobile:not([hidden]){display:grid!important;grid-template-columns:1fr;gap:4px;}
  body.dm19 .dm-nav__mobile-link{padding:11px 12px;font-size:13px;}
  body.dm19 .dm-nav__mobile-cta{margin-top:4px;padding:12px 14px;border-radius:10px;}
}

/* ---------------- Mobile-first photographic hero system ----------------
   On phones the image is a deliberate 16:9-ish background band at the TOP,
   then fades into ivory before the text. This prevents tall cover-crops from
   hiding faces/rooms while keeping every image part of the background.
   ---------------------------------------------------------------------- */
@media(max-width:760px){
  body.dm19 .dm19-photo-stage{
    --dm19-mobile-photo-h:clamp(268px,67vw,322px);
    background-color:var(--dm19-ivory);
    background-image:
      linear-gradient(180deg,
        rgba(251,248,242,0) 0%,
        rgba(251,248,242,.02) 34%,
        rgba(251,248,242,.38) 58%,
        rgba(251,248,242,.88) 79%,
        rgba(251,248,242,1) 100%),
      var(--dm19-photo);
    background-size:100% var(--dm19-mobile-photo-h),auto var(--dm19-mobile-photo-h);
    background-position:center top,var(--dm19-photo-mobile-pos,var(--dm19-photo-pos,68% 50%));
    background-repeat:no-repeat,no-repeat;
  }

  /* Home: show the photograph immediately, then let copy enter on the fade. */
  body.dm19-home .dm19-home-stage{
    min-height:0;
    align-items:initial;
    padding:clamp(178px,46vw,220px) 0 28px;
  }
  body.dm19-home .dm19-home-stage .dm-shell{width:min(91vw,680px);}
  body.dm19-home .dm19-home-hero__copy{width:100%;max-width:none;padding:20px 0 0;}
  body.dm19-home .dm-home-hero h1{
    max-width:560px;
    font-size:clamp(37px,10.2vw,47px);
    line-height:1.015;
    letter-spacing:-.045em;
  }
  body.dm19-home .dm-home-hero__dek{font-size:15.5px;line-height:1.58;margin-top:16px;max-width:560px;}
  body.dm19-home .dm19-home-hero__actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:19px;}
  body.dm19-home .dm19-home-hero__actions .dm-button{width:100%;min-height:46px;}
  body.dm19-home .dm19-home-hero__trust{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
    margin-top:18px;padding:16px 0 0;border-top:1px solid rgba(68,83,78,.16);
  }
  body.dm19-home .dm19-home-hero__trust span{display:grid;justify-items:start;align-content:start;gap:5px;font-size:10.5px;line-height:1.3;font-weight:650;}
  body.dm19-home .dm19-home-hero__trust i{width:24px;height:24px;}
  body.dm19-home .dm19-home-after{padding:18px 0 27px;}

  /* Generic directories / topic pages. */
  body.dm19 .dm19-integrated-page-hero{
    min-height:0;
    align-items:initial;
    padding:clamp(178px,46vw,220px) 0 31px;
  }
  body.dm19 .dm19-integrated-page-hero .dm-shell{width:min(91vw,680px);}
  body.dm19 .dm19-integrated-page-hero .dm-breadcrumb{display:none;}
  body.dm19 .dm19-page-stage-copy{width:100%;max-width:none;padding:20px 0 0;}
  body.dm19 .dm19-page-stage-copy h1{font-size:clamp(36px,9.8vw,46px);line-height:1.04;letter-spacing:-.04em;}
  body.dm19 .dm19-page-stage-copy .dm-page-dek{font-size:15.5px;line-height:1.58;margin-top:15px;}
  body.dm19 .dm19-page-stage-copy .dm-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:20px;}
  body.dm19 .dm19-page-stage-copy .dm-actions .dm-button{width:100%;}
  body.dm19 .dm19-photo-hero-note{display:none;}

  /* Hubs: image band first; copy and utility panel sit on the clean ivory surface. */
  body.dm19 .dm19-integrated-hub-hero{
    min-height:0;
    padding:clamp(178px,46vw,220px) 0 30px;
  }
  body.dm19 .dm19-integrated-hub-hero .dm-shell{width:min(91vw,680px);}
  body.dm19 .dm19-integrated-hub-hero .dm-breadcrumb{display:none;}
  body.dm19 .dm19-integrated-hub-hero .dm-hub-hero__grid{display:block;}
  body.dm19 .dm19-integrated-hub-hero .dm19-stage-copy{max-width:none;padding:20px 0 0;}
  body.dm19 .dm19-integrated-hub-hero h1{font-size:clamp(36px,9.8vw,46px);line-height:1.04;letter-spacing:-.04em;}
  body.dm19 .dm19-integrated-hub-hero .dm-page-dek{font-size:15.5px;line-height:1.58;margin-top:15px;}
  body.dm19 .dm19-integrated-hub-hero .dm-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:19px;}
  body.dm19 .dm19-integrated-hub-hero .dm-actions .dm-button{width:100%;}
  body.dm19 .dm19-integrated-hub-hero .dm19-overlay-panel{
    margin:18px 0 0;max-width:none;padding:19px 18px 20px;
    background:#fffdf9!important;backdrop-filter:none;-webkit-backdrop-filter:none;
    border-radius:16px!important;box-shadow:0 8px 22px rgba(42,55,50,.055)!important;
  }
  body.dm19 .dm19-integrated-hub-hero .dm-hub-hero__panel>strong{font-size:20px;line-height:1.25;margin-top:10px;}
  body.dm19 .dm19-integrated-hub-hero .dm-hub-hero__panel>p{font-size:13.5px;line-height:1.58;}

  /* Premium assessment: same photo-first rhythm, product UI follows on ivory. */
  body.dm19-premium-assessment .dm19-integrated-premium-hero{
    min-height:0;padding:clamp(178px,46vw,220px) 0 30px;
  }
  body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-assessment-hero__grid{display:block;}
  body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-assessment-hero__copy{padding:20px 0 4px;max-width:none;}
  body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-hero-preview{margin-top:18px;background:#fffdf9;backdrop-filter:none;}

  /* Free assessment intros: subtle image band, not a full-height crop behind questions. */
  body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm19-integrated-assessment-intro{
    min-height:0;
    padding-top:clamp(145px,37vw,175px);
    background-image:
      linear-gradient(180deg,rgba(251,249,244,0) 0%,rgba(251,249,244,.2) 42%,rgba(251,249,244,.9) 79%,rgba(251,249,244,1) 100%),
      var(--dm19-photo);
    background-size:100% var(--dm19-mobile-photo-h),auto var(--dm19-mobile-photo-h);
    background-position:center top,var(--dm19-photo-mobile-pos,var(--dm19-photo-pos,68% 50%));
    background-repeat:no-repeat,no-repeat;
  }

  /* About & modern article pages use the same mobile crop logic. */
  body.dm19-about .about-hero.dm19-integrated-about-hero{min-height:0;padding:clamp(178px,46vw,220px) 5% 34px;}
  body.dm19-article-detail .dm-article-hero.dm19-integrated-article-hero{min-height:0;padding:clamp(175px,45vw,215px) 0 31px;align-items:initial;}
  body.dm19-article-detail .dm19-integrated-article-hero .dm-shell{width:min(91vw,680px);}
  body.dm19-article-detail .dm19-integrated-article-hero .dm-breadcrumb{display:none;}
  body.dm19-article-detail .dm19-integrated-article-hero h1{font-size:clamp(35px,9.4vw,46px);line-height:1.045;}

  /* Keep jump bars usable on phones instead of forcing overflow. */
  body.dm19 .dm-hub-jump .dm-shell{overflow-x:auto;scrollbar-width:none;white-space:nowrap;-webkit-overflow-scrolling:touch;}
  body.dm19 .dm-hub-jump .dm-shell::-webkit-scrollbar{display:none;}
}

@media(max-width:430px){
  body.dm19-home .dm19-home-stage,
  body.dm19 .dm19-integrated-page-hero,
  body.dm19 .dm19-integrated-hub-hero,
  body.dm19-premium-assessment .dm19-integrated-premium-hero{
    padding-top:184px;
  }
  body.dm19-home .dm-home-hero h1{font-size:38px;}
  body.dm19 .dm19-page-stage-copy h1,
  body.dm19 .dm19-integrated-hub-hero h1{font-size:37px;}
}

/* ---------------- Legacy IQ/blog repair ----------------
   Old IQ articles do not load revamp.css, so Build 19.3 owns their hero,
   mobile width, navigation, and overflow safety directly. */
body.dm19-family-blog > .dm-nav + div{
  position:relative;
  background-color:var(--dm19-ivory)!important;
  background-image:
    linear-gradient(90deg,rgba(251,248,242,1) 0%,rgba(251,248,242,.985) 44%,rgba(251,248,242,.72) 63%,rgba(251,248,242,.08) 100%),
    url("assets/build19/editorial-desk.webp")!important;
  background-size:cover!important;
  background-position:72% 54%!important;
  background-repeat:no-repeat!important;
  padding:58px 6%!important;
  min-height:360px;
  display:flex;
  align-items:center;
  box-sizing:border-box;
}
body.dm19-family-blog > .dm-nav + div > div{width:min(760px,100%);max-width:760px!important;margin:0 auto!important;}
body.dm19-family-blog article{box-sizing:border-box;width:min(760px,100%);max-width:760px!important;}
body.dm19-family-blog article img,body.dm19-family-blog article video,body.dm19-family-blog article iframe{max-width:100%;height:auto;}
body.dm19-family-blog article table,body.dm19-family-blog article pre{max-width:100%;overflow:auto;}

@media(max-width:760px){
  body.dm19-family-blog > .dm-nav + div{
    min-height:0;
    padding:clamp(175px,45vw,215px) 20px 31px!important;
    display:block;
    background-image:
      linear-gradient(180deg,rgba(251,248,242,0) 0%,rgba(251,248,242,.08) 36%,rgba(251,248,242,.88) 80%,rgba(251,248,242,1) 100%),
      url("assets/build19/editorial-desk.webp")!important;
    background-size:100% clamp(268px,67vw,322px),auto clamp(268px,67vw,322px)!important;
    background-position:center top,58% 50%!important;
    background-repeat:no-repeat,no-repeat!important;
  }
  body.dm19-family-blog > .dm-nav + div > div{width:100%;max-width:none!important;}
  body.dm19-family-blog > .dm-nav + div .breadcrumb{margin:0 0 12px;font-size:11px;line-height:1.45;}
  body.dm19-family-blog > .dm-nav + div .eyebrow{font-size:10.5px;letter-spacing:.12em;}
  body.dm19-family-blog > .dm-nav + div h1{font-size:clamp(34px,9.2vw,44px)!important;line-height:1.05!important;letter-spacing:-.04em;margin:9px 0 14px!important;}
  body.dm19-family-blog > .dm-nav + div p{font-size:15.5px!important;line-height:1.62!important;}
  body.dm19-family-blog > .dm-nav + div div[style*="display:flex"]{gap:9px!important;margin-top:16px!important;}
  body.dm19-family-blog article{width:100%;max-width:none!important;padding:28px 20px 18px!important;margin:0!important;box-sizing:border-box;}
  body.dm19-family-blog article>nav{padding:18px!important;margin:12px 0 28px!important;}
}

/* Prevent stale 19.2 rules from stretching mobile photography behind entire pages. */
@media(max-width:760px){
  body.dm19 .dm19-photo-stage::after{background:none;}
}

/* Accessibility utility required by legacy pages that do not load revamp.css. */
body.dm19 .sr-only{
  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;
}
body.dm19 .dm-nav__inner{padding:0;box-sizing:border-box;}
@media(max-width:680px){body.dm19 .dm-nav__inner{padding:8px 14px;}}

/* ============================================================
   Build 19.4 — Mobile readability + legacy article unification
   Primary goals:
   1) photo remains part of the hero background, but mobile copy begins
      only after the photo has faded to an opaque reading surface;
   2) assessment catalogue and Mental Health use clearly different imagery;
   3) legacy IQ/blog articles use the same polished article/navigation/footer
      system as the newer editorial pages.
   ============================================================ */

/* Assessment catalogue now has its own people-free campaign image. */
.dm19-bg-assessments{
  --dm19-photo:url("assets/build19/assessments-stilllife.webp");
  --dm19-photo-pos:66% 52%;
  --dm19-photo-mobile-pos:58% 50%;
}
.dm19-bg-assessments-subtle{
  --dm19-photo:url("assets/build19/assessments-stilllife.webp");
  --dm19-photo-pos:64% 52%;
  --dm19-photo-mobile-pos:58% 50%;
}

/* Navigation hardening for legacy pages that only load style.css + build19.css. */
body.dm19 .dm-nav__link{white-space:nowrap;line-height:1.2;}
body.dm19 .dm-nav__cta{color:#fff!important;text-decoration:none!important;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;}
body.dm19 .dm-nav__brand{text-decoration:none!important;}
body.dm19 .dm-nav__search input{font-family:var(--dm19-sans);font-size:13px;color:var(--dm19-ink);}

/* MOBILE HERO SAFETY
   The photo is still the background. The final third of the image band
   becomes fully ivory, and all copy starts on/after that opaque zone.
   This prevents dark text from sitting over faces, furniture or plants. */
@media(max-width:760px){
  body.dm19 .dm19-photo-stage{
    --dm19-mobile-photo-h:clamp(220px,58vw,252px);
    background-color:var(--dm19-ivory);
    background-image:
      linear-gradient(180deg,
        rgba(251,248,242,0) 0%,
        rgba(251,248,242,0) 43%,
        rgba(251,248,242,.22) 57%,
        rgba(251,248,242,.68) 74%,
        rgba(251,248,242,.95) 89%,
        rgba(251,248,242,1) 100%),
      var(--dm19-photo);
    background-size:100% var(--dm19-mobile-photo-h),auto var(--dm19-mobile-photo-h);
    background-position:center top,var(--dm19-photo-mobile-pos,var(--dm19-photo-pos,68% 50%));
    background-repeat:no-repeat,no-repeat;
  }

  body.dm19-home .dm19-home-stage,
  body.dm19 .dm19-integrated-page-hero,
  body.dm19 .dm19-integrated-hub-hero,
  body.dm19-premium-assessment .dm19-integrated-premium-hero{
    min-height:0!important;
    padding-top:calc(var(--dm19-mobile-photo-h,240px) - 10px)!important;
    padding-bottom:30px!important;
    align-items:initial!important;
  }

  body.dm19-home .dm19-home-hero__copy,
  body.dm19 .dm19-page-stage-copy,
  body.dm19 .dm19-integrated-hub-hero .dm19-stage-copy,
  body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-assessment-hero__copy{
    width:100%!important;
    max-width:none!important;
    padding:15px 0 0!important;
  }

  body.dm19-home .dm-home-hero h1,
  body.dm19 .dm19-page-stage-copy h1,
  body.dm19 .dm19-integrated-hub-hero h1,
  body.dm19-premium-assessment .dm19-integrated-premium-hero h1{
    font-size:clamp(34px,9.2vw,40px)!important;
    line-height:1.035!important;
    letter-spacing:-.04em!important;
    color:var(--dm19-ink)!important;
    text-shadow:none!important;
  }

  body.dm19-home .dm-home-hero__dek,
  body.dm19 .dm19-page-stage-copy .dm-page-dek,
  body.dm19 .dm19-integrated-hub-hero .dm-page-dek,
  body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-page-dek{
    color:#465652!important;
    font-size:15px!important;
    line-height:1.6!important;
    margin-top:14px!important;
  }

  body.dm19 .dm-eyebrow{font-size:10px!important;line-height:1.45!important;}
  body.dm19-home .dm19-home-hero__actions,
  body.dm19 .dm19-page-stage-copy .dm-actions,
  body.dm19 .dm19-integrated-hub-hero .dm-actions{
    margin-top:18px!important;
  }

  /* Overlay/utility panels never sit on top of the photo on phones. */
  body.dm19 .dm19-integrated-hub-hero .dm19-overlay-panel,
  body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-hero-preview{
    position:relative!important;
    margin-top:18px!important;
    background:#fffdf9!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border:1px solid #d9dfda!important;
  }

  /* The free assessment intro follows the same image-band/readable-copy rule. */
  body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm19-integrated-assessment-intro{
    --dm19-mobile-photo-h:clamp(190px,50vw,225px);
    min-height:0!important;
    padding-top:calc(var(--dm19-mobile-photo-h) - 10px)!important;
    background-image:
      linear-gradient(180deg,
        rgba(251,249,244,0) 0%,
        rgba(251,249,244,.04) 45%,
        rgba(251,249,244,.55) 73%,
        rgba(251,249,244,.95) 90%,
        rgba(251,249,244,1) 100%),
      var(--dm19-photo)!important;
    background-size:100% var(--dm19-mobile-photo-h),auto var(--dm19-mobile-photo-h)!important;
    background-position:center top,var(--dm19-photo-mobile-pos,var(--dm19-photo-pos,68% 50%))!important;
    background-repeat:no-repeat,no-repeat!important;
  }

  /* About and modern article heroes get the exact same readable transition. */
  body.dm19-about .about-hero.dm19-integrated-about-hero,
  body.dm19-article-detail .dm-article-hero.dm19-integrated-article-hero{
    --dm19-mobile-photo-h:clamp(210px,55vw,240px);
    min-height:0!important;
    padding-top:calc(var(--dm19-mobile-photo-h) - 8px)!important;
    padding-bottom:31px!important;
  }
}

@media(max-width:430px){
  body.dm19-home .dm19-home-stage,
  body.dm19 .dm19-integrated-page-hero,
  body.dm19 .dm19-integrated-hub-hero,
  body.dm19-premium-assessment .dm19-integrated-premium-hero{
    padding-top:calc(var(--dm19-mobile-photo-h,232px) - 8px)!important;
  }
}

/* ============================================================
   Legacy IQ / Blog article visual system
   ============================================================ */

/* Hero: replace legacy inline gradients with the editorial photo + safe cream gradient. */
body.dm19-family-blog .article-hero{
  position:relative;
  min-height:390px;
  padding:54px 6%!important;
  display:flex;
  align-items:center;
  color:var(--dm19-ink)!important;
  background-color:var(--dm19-ivory)!important;
  background-image:
    linear-gradient(90deg,
      rgba(251,248,242,1) 0%,
      rgba(251,248,242,.99) 42%,
      rgba(251,248,242,.82) 62%,
      rgba(251,248,242,.18) 100%),
    url("assets/build19/editorial-desk.webp")!important;
  background-size:cover!important;
  background-position:70% 52%!important;
  background-repeat:no-repeat!important;
  border-bottom:1px solid #e2e2da;
}
body.dm19-family-blog .article-hero__inner{width:min(1120px,92vw)!important;max-width:1120px!important;margin:0 auto!important;}
body.dm19-family-blog .article-hero__inner>*{max-width:760px;}
body.dm19-family-blog .article-hero h1{font-family:var(--dm19-serif)!important;font-size:clamp(44px,4.6vw,66px)!important;line-height:1.035!important;letter-spacing:-.045em!important;color:var(--dm19-ink)!important;margin:10px 0 0!important;}
body.dm19-family-blog .article-hero .article-eyebrow{color:var(--dm19-teal-dark)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.13em!important;}
body.dm19-family-blog .article-hero .article-subtitle{color:#465652!important;font-size:17px!important;line-height:1.7!important;margin-top:18px!important;}
body.dm19-family-blog .article-hero .article-meta{color:#66746f!important;font-size:12.5px!important;margin-top:20px!important;}
body.dm19-family-blog .article-hero .breadcrumb,body.dm19-family-blog .article-hero .breadcrumb a{color:#54706a!important;}

/* Reading surface. */
body.dm19-family-blog .article-body{
  width:min(820px,92vw)!important;
  max-width:820px!important;
  margin:0 auto!important;
  padding:58px 0 28px!important;
  color:#354440;
}
body.dm19-family-blog .article-body p,body.dm19-family-blog .article-body li{font-size:17px!important;line-height:1.82!important;color:#3f4e4a!important;}
body.dm19-family-blog .article-body h2{font-family:var(--dm19-serif)!important;font-size:clamp(28px,3.1vw,38px)!important;line-height:1.16!important;letter-spacing:-.025em!important;color:var(--dm19-ink)!important;margin:48px 0 15px!important;}
body.dm19-family-blog .article-body h3{font-family:var(--dm19-serif)!important;color:var(--dm19-ink)!important;}
body.dm19-family-blog .article-body a{color:var(--dm19-teal-dark)!important;text-decoration-color:rgba(15,124,114,.3)!important;text-underline-offset:3px;}

/* TOC + statistics boxes get the same restrained editorial treatment as new articles. */
body.dm19-family-blog .article-body nav,
body.dm19-family-blog .article-body .article-toc{
  background:#eef6f3!important;
  border:1px solid #cfe0da!important;
  border-radius:18px!important;
  padding:22px 24px!important;
  box-shadow:none!important;
}
body.dm19-family-blog .stats-box{
  background:#f6faf7!important;
  border:1px solid #d7e4de!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
body.dm19-family-blog .stats-box h2{font-family:var(--dm19-sans)!important;font-size:16px!important;color:var(--dm19-teal-dark)!important;margin:0 0 18px!important;}

/* Legacy conversion boxes no longer look like a dark ad. */
body.dm19-family-blog .article-cta{
  background:linear-gradient(145deg,#eff7f4 0%,#fffaf3 100%)!important;
  border:1px solid #c8ddd6!important;
  border-radius:20px!important;
  padding:28px!important;
  margin:42px 0!important;
  text-align:left!important;
  box-shadow:0 10px 28px rgba(44,59,53,.05)!important;
}
body.dm19-family-blog .article-cta h3{color:var(--dm19-ink)!important;font-family:var(--dm19-serif)!important;font-size:24px!important;line-height:1.22!important;margin:0 0 10px!important;}
body.dm19-family-blog .article-cta p{color:#52615d!important;font-size:15px!important;line-height:1.65!important;margin:0 0 18px!important;}
body.dm19-family-blog .article-cta a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:46px!important;padding:0 18px!important;border-radius:12px!important;
  background:var(--dm19-teal)!important;color:#fff!important;text-decoration:none!important;
  font-weight:750!important;box-shadow:0 8px 20px rgba(15,124,114,.15)!important;
}
body.dm19-family-blog .article-cta a:hover{background:var(--dm19-teal-dark)!important;}

/* Related articles become real cards rather than old icon rows. */
body.dm19-family-blog .related-articles{margin:54px 0 22px!important;}
body.dm19-family-blog .related-articles>h2{margin-bottom:22px!important;}
body.dm19-family-blog .related-articles__grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;}
body.dm19-family-blog .related-card{
  display:flex!important;flex-direction:column!important;min-width:0!important;
  padding:20px!important;border:1px solid #dbe2dd!important;border-radius:17px!important;
  background:#fffdf9!important;text-decoration:none!important;box-shadow:0 6px 20px rgba(44,59,53,.035)!important;
}
body.dm19-family-blog .related-card__icon{display:none!important;}
body.dm19-family-blog .related-card__tag{color:var(--dm19-teal-dark)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important;}
body.dm19-family-blog .related-card h3{font-size:18px!important;line-height:1.3!important;margin:9px 0 14px!important;}
body.dm19-family-blog .related-card__time{margin-top:auto;color:#73807c!important;font-size:11.5px!important;}

/* Author card. */
body.dm19-family-blog .author-bio{
  width:min(820px,92vw)!important;max-width:820px!important;margin:20px auto 56px!important;
  padding:24px!important;display:grid!important;grid-template-columns:56px 1fr!important;gap:18px!important;
  background:#f6f3ec!important;border:1px solid #dedfd8!important;border-radius:18px!important;
  box-sizing:border-box!important;
}
body.dm19-family-blog .author-bio__avatar{width:56px!important;height:56px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#fff!important;font-weight:800!important;font-size:19px!important;}
body.dm19-family-blog .author-bio__name{font-family:var(--dm19-serif)!important;font-size:20px!important;font-weight:700!important;color:var(--dm19-ink)!important;}
body.dm19-family-blog .author-bio__title{font-size:12px!important;color:#64716d!important;margin-top:2px!important;}
body.dm19-family-blog .author-bio p{font-size:13.5px!important;line-height:1.6!important;color:#52605c!important;margin:8px 0!important;}
body.dm19-family-blog .author-bio a{color:var(--dm19-teal-dark)!important;font-weight:700!important;text-decoration:none!important;}

/* Self-contained footer because legacy IQ pages do not load revamp.css. */
body.dm19-family-blog .dm-footer{background:#183a35!important;color:#dfece8!important;padding:52px 6% 28px!important;}
body.dm19-family-blog .dm-footer__inner{width:min(1180px,100%)!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.5fr repeat(3,1fr)!important;gap:48px!important;}
body.dm19-family-blog .dm-footer__brand-link{font-family:var(--dm19-serif)!important;font-size:20px!important;font-weight:700!important;color:#fff!important;text-decoration:none!important;}
body.dm19-family-blog .dm-footer__brand-link span{color:#77cfc3!important;}
body.dm19-family-blog .dm-footer__brand p{max-width:290px!important;margin:14px 0 0!important;color:#b9cfca!important;font-size:13px!important;line-height:1.65!important;}
body.dm19-family-blog .dm-footer h2{font-family:var(--dm19-sans)!important;color:#9dc0b9!important;font-size:10px!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important;margin:0 0 16px!important;}
body.dm19-family-blog .dm-footer a{display:block!important;color:#e2efeb!important;text-decoration:none!important;font-size:13px!important;margin:0 0 10px!important;line-height:1.4!important;}
body.dm19-family-blog .dm-footer__bottom{width:min(1180px,100%)!important;margin:34px auto 0!important;padding-top:20px!important;border-top:1px solid rgba(221,239,234,.13)!important;display:flex!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important;}
body.dm19-family-blog .dm-footer__bottom span{color:#9fbab4!important;font-size:11.5px!important;}

@media(max-width:900px){
  body.dm19-family-blog .related-articles__grid{grid-template-columns:1fr 1fr!important;}
  body.dm19-family-blog .related-articles__grid>*:last-child{grid-column:1/-1!important;}
  body.dm19-family-blog .dm-footer__inner{grid-template-columns:1fr 1fr!important;gap:32px!important;}
}

@media(max-width:760px){
  body.dm19-family-blog .article-hero{
    --dm19-legacy-photo-h:210px;
    min-height:0!important;
    display:block!important;
    padding:calc(var(--dm19-legacy-photo-h) - 8px) 20px 32px!important;
    background-image:
      linear-gradient(180deg,
        rgba(251,248,242,0) 0%,
        rgba(251,248,242,.04) 43%,
        rgba(251,248,242,.6) 73%,
        rgba(251,248,242,.96) 91%,
        rgba(251,248,242,1) 100%),
      url("assets/build19/editorial-desk.webp")!important;
    background-size:100% var(--dm19-legacy-photo-h),auto var(--dm19-legacy-photo-h)!important;
    background-position:center top,60% 50%!important;
    background-repeat:no-repeat,no-repeat!important;
  }
  body.dm19-family-blog .article-hero__inner{width:100%!important;max-width:none!important;}
  body.dm19-family-blog .article-hero .breadcrumb{font-size:10.5px!important;line-height:1.45!important;margin:0 0 12px!important;}
  body.dm19-family-blog .article-hero h1{font-size:clamp(33px,9vw,39px)!important;line-height:1.055!important;margin-top:8px!important;}
  body.dm19-family-blog .article-hero .article-subtitle{font-size:15px!important;line-height:1.62!important;margin-top:13px!important;}
  body.dm19-family-blog .article-hero .article-meta{font-size:11px!important;gap:5px 9px!important;margin-top:14px!important;}

  body.dm19-family-blog .article-body{width:100%!important;padding:34px 20px 20px!important;box-sizing:border-box!important;}
  body.dm19-family-blog .article-body p,body.dm19-family-blog .article-body li{font-size:16px!important;line-height:1.75!important;}
  body.dm19-family-blog .article-body h2{font-size:29px!important;margin-top:40px!important;}
  body.dm19-family-blog .article-body nav,body.dm19-family-blog .article-body .article-toc{padding:18px!important;border-radius:15px!important;}
  body.dm19-family-blog .stats-box{padding:18px!important;border-radius:15px!important;}
  body.dm19-family-blog .article-cta{padding:21px!important;border-radius:16px!important;margin:34px 0!important;}
  body.dm19-family-blog .article-cta h3{font-size:22px!important;}
  body.dm19-family-blog .article-cta a{width:100%!important;box-sizing:border-box!important;}

  body.dm19-family-blog .related-articles__grid{grid-template-columns:1fr!important;}
  body.dm19-family-blog .related-articles__grid>*:last-child{grid-column:auto!important;}
  body.dm19-family-blog .related-card{padding:18px!important;}

  body.dm19-family-blog .author-bio{width:calc(100% - 40px)!important;margin:18px 20px 42px!important;padding:18px!important;grid-template-columns:46px 1fr!important;gap:13px!important;}
  body.dm19-family-blog .author-bio__avatar{width:46px!important;height:46px!important;}

  body.dm19-family-blog .dm-footer{padding:40px 20px 24px!important;}
  body.dm19-family-blog .dm-footer__inner{grid-template-columns:1fr!important;gap:24px!important;}
  body.dm19-family-blog .dm-footer__bottom{margin-top:27px!important;display:grid!important;gap:8px!important;}
}

/* Build 19.4.1 — cover every legacy IQ article template, including the
   score-guide pages that use <header class="hero"> or a bare hero <div>. */
body.dm19-family-blog > header.hero,
body.dm19-family-blog > .dm-nav + div{
  position:relative!important;
  min-height:390px!important;
  box-sizing:border-box!important;
  padding:54px 6%!important;
  display:flex!important;
  align-items:center!important;
  text-align:left!important;
  color:var(--dm19-ink)!important;
  background-color:var(--dm19-ivory)!important;
  background-image:
    linear-gradient(90deg,
      rgba(251,248,242,1) 0%,
      rgba(251,248,242,.99) 42%,
      rgba(251,248,242,.82) 62%,
      rgba(251,248,242,.18) 100%),
    url("assets/build19/editorial-desk.webp")!important;
  background-size:cover!important;
  background-position:70% 52%!important;
  background-repeat:no-repeat!important;
  border-bottom:1px solid #e2e2da!important;
}
body.dm19-family-blog > header.hero>*{
  width:min(760px,100%)!important;
  max-width:760px!important;
  margin-left:max(0px,calc((100vw - min(1120px,92vw))/2))!important;
  margin-right:auto!important;
}
body.dm19-family-blog > header.hero .breadcrumb{margin:8px 0 12px!important;}
body.dm19-family-blog > header.hero .hero__eyebrow{color:var(--dm19-teal-dark)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.13em!important;text-align:left!important;margin:0 0 8px!important;}
body.dm19-family-blog > header.hero h1{font-family:var(--dm19-serif)!important;font-size:clamp(44px,4.6vw,66px)!important;line-height:1.035!important;letter-spacing:-.045em!important;color:var(--dm19-ink)!important;text-align:left!important;margin:10px 0 0!important;max-width:760px!important;}
body.dm19-family-blog > header.hero p{color:#465652!important;text-align:left!important;max-width:720px!important;margin-left:0!important;margin-right:0!important;}
body.dm19-family-blog > header.hero p:last-child{color:#66746f!important;font-size:12.5px!important;}

body.dm19-family-blog > .dm-nav + div > div{
  width:min(1120px,92vw)!important;
  max-width:1120px!important;
  margin:0 auto!important;
}
body.dm19-family-blog > .dm-nav + div > div>*{max-width:760px!important;}
body.dm19-family-blog > .dm-nav + div h1{font-family:var(--dm19-serif)!important;font-size:clamp(44px,4.6vw,66px)!important;line-height:1.035!important;letter-spacing:-.045em!important;color:var(--dm19-ink)!important;}
body.dm19-family-blog > .dm-nav + div p{color:#465652!important;}

/* Generic legacy articles that don't carry .article-body. */
body.dm19-family-blog > article:not([class]),
body.dm19-family-blog > article.article-body{
  width:min(820px,92vw)!important;
  max-width:820px!important;
  margin:0 auto!important;
  padding:58px 0 28px!important;
  box-sizing:border-box!important;
  font-family:var(--dm19-sans)!important;
  color:#354440!important;
  line-height:1.82!important;
}
body.dm19-family-blog > article:not([class]) p,
body.dm19-family-blog > article:not([class]) li,
body.dm19-family-blog > article.article-body p,
body.dm19-family-blog > article.article-body li{font-size:17px!important;line-height:1.82!important;color:#3f4e4a!important;}
body.dm19-family-blog > article:not([class]) h2,
body.dm19-family-blog > article.article-body h2{font-family:var(--dm19-serif)!important;font-size:clamp(28px,3.1vw,38px)!important;line-height:1.16!important;letter-spacing:-.025em!important;color:var(--dm19-ink)!important;margin:48px 0 15px!important;}
body.dm19-family-blog > article:not([class]) h3,
body.dm19-family-blog > article.article-body h3{font-family:var(--dm19-serif)!important;color:var(--dm19-ink)!important;}
body.dm19-family-blog > article:not([class]) a,
body.dm19-family-blog > article.article-body a{color:var(--dm19-teal-dark)!important;text-underline-offset:3px!important;}
body.dm19-family-blog > article:not([class]) > nav,
body.dm19-family-blog .toc{
  background:#eef6f3!important;
  border:1px solid #cfe0da!important;
  border-radius:18px!important;
  padding:22px 24px!important;
  box-shadow:none!important;
  margin:0 0 32px!important;
}
body.dm19-family-blog .toc strong{color:var(--dm19-teal-dark)!important;}
body.dm19-family-blog .toc ul{margin:10px 0 0!important;padding-left:20px!important;}
body.dm19-family-blog .toc li{margin-bottom:6px!important;}

/* Score-guide CTA boxes use the same calm conversion treatment. */
body.dm19-family-blog .cta-box{
  background:linear-gradient(145deg,#eff7f4 0%,#fffaf3 100%)!important;
  border:1px solid #c8ddd6!important;
  border-radius:20px!important;
  padding:28px!important;
  margin:42px 0!important;
  text-align:left!important;
  box-shadow:0 10px 28px rgba(44,59,53,.05)!important;
}
body.dm19-family-blog .cta-box h3{font-family:var(--dm19-serif)!important;font-size:24px!important;line-height:1.22!important;color:var(--dm19-ink)!important;margin:0 0 10px!important;}
body.dm19-family-blog .cta-box p{font-size:15px!important;line-height:1.65!important;color:#52615d!important;margin:0 0 18px!important;}
body.dm19-family-blog .cta-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;
  padding:0 18px!important;border-radius:12px!important;background:var(--dm19-teal)!important;color:#fff!important;
  text-decoration:none!important;font-weight:750!important;box-shadow:0 8px 20px rgba(15,124,114,.15)!important;
}

/* Old related-grid cards now match the new editorial cards. */
body.dm19-family-blog .related-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important;margin:22px 0 28px!important;}
body.dm19-family-blog .related-grid .related-card{padding:20px!important;border:1px solid #dbe2dd!important;border-radius:17px!important;background:#fffdf9!important;text-decoration:none!important;box-shadow:0 6px 20px rgba(44,59,53,.035)!important;}
body.dm19-family-blog .related-grid .rc-tag{display:block!important;color:var(--dm19-teal-dark)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase!important;margin-bottom:9px!important;}
body.dm19-family-blog .related-grid h3,body.dm19-family-blog .related-grid h4{font-family:var(--dm19-serif)!important;font-size:18px!important;line-height:1.3!important;color:var(--dm19-ink)!important;margin:0!important;}

/* FAQ rows on score-guide pages. */
body.dm19-family-blog details.faq-item{border:1px solid #dbe2dd!important;border-radius:14px!important;background:#fffdf9!important;padding:0 18px!important;margin:10px 0!important;}
body.dm19-family-blog details.faq-item summary{padding:16px 0!important;color:var(--dm19-ink)!important;font-weight:700!important;cursor:pointer!important;}
body.dm19-family-blog details.faq-item p{padding:0 0 16px!important;margin:0!important;}

@media(max-width:760px){
  body.dm19-family-blog > header.hero,
  body.dm19-family-blog > .dm-nav + div{
    --dm19-legacy-photo-h:210px;
    min-height:0!important;
    display:block!important;
    padding:calc(var(--dm19-legacy-photo-h) - 2px) 20px 31px!important;
    text-align:left!important;
    background-image:
      linear-gradient(180deg,
        rgba(251,248,242,0) 0%,
        rgba(251,248,242,.04) 43%,
        rgba(251,248,242,.58) 72%,
        rgba(251,248,242,.96) 90%,
        rgba(251,248,242,1) 100%),
      url("assets/build19/editorial-desk.webp")!important;
    background-size:100% var(--dm19-legacy-photo-h),auto var(--dm19-legacy-photo-h)!important;
    background-position:center top,60% 50%!important;
    background-repeat:no-repeat,no-repeat!important;
  }
  body.dm19-family-blog > header.hero>*{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;}
  body.dm19-family-blog > header.hero .breadcrumb,
  body.dm19-family-blog > .dm-nav + div .breadcrumb{font-size:10.5px!important;line-height:1.45!important;margin:0 0 12px!important;}
  body.dm19-family-blog > header.hero h1,
  body.dm19-family-blog > .dm-nav + div h1{font-size:clamp(32px,8.8vw,38px)!important;line-height:1.055!important;margin:8px 0 13px!important;text-align:left!important;}
  body.dm19-family-blog > header.hero p,
  body.dm19-family-blog > .dm-nav + div p{font-size:15px!important;line-height:1.62!important;text-align:left!important;}
  body.dm19-family-blog > .dm-nav + div > div{width:100%!important;max-width:none!important;margin:0!important;}
  body.dm19-family-blog > .dm-nav + div > div>*{max-width:none!important;}

  body.dm19-family-blog > article:not([class]),
  body.dm19-family-blog > article.article-body{width:100%!important;max-width:none!important;padding:34px 20px 20px!important;margin:0!important;}
  body.dm19-family-blog > article:not([class]) p,
  body.dm19-family-blog > article:not([class]) li,
  body.dm19-family-blog > article.article-body p,
  body.dm19-family-blog > article.article-body li{font-size:16px!important;line-height:1.75!important;}
  body.dm19-family-blog > article:not([class]) h2,
  body.dm19-family-blog > article.article-body h2{font-size:29px!important;margin-top:40px!important;}
  body.dm19-family-blog > article:not([class]) > nav,body.dm19-family-blog .toc{padding:18px!important;border-radius:15px!important;}
  body.dm19-family-blog .cta-box{padding:21px!important;border-radius:16px!important;margin:34px 0!important;}
  body.dm19-family-blog .cta-box h3{font-size:22px!important;}
  body.dm19-family-blog .cta-btn{width:100%!important;box-sizing:border-box!important;}
  body.dm19-family-blog .related-grid{grid-template-columns:1fr!important;}
}

/* Build 19.4.2 — remaining legacy article templates */
body.dm19-family-blog > .site-header + section{
  position:relative!important;
  min-height:390px!important;
  padding:54px 6%!important;
  display:flex!important;
  align-items:center!important;
  text-align:left!important;
  background-color:var(--dm19-ivory)!important;
  background-image:
    linear-gradient(90deg,rgba(251,248,242,1) 0%,rgba(251,248,242,.99) 42%,rgba(251,248,242,.82) 62%,rgba(251,248,242,.18) 100%),
    url("assets/build19/editorial-desk.webp")!important;
  background-size:cover!important;
  background-position:70% 52%!important;
  background-repeat:no-repeat!important;
  border-bottom:1px solid #e2e2da!important;
}
body.dm19-family-blog > .site-header + section>.container{width:min(1120px,92vw)!important;max-width:1120px!important;margin:0 auto!important;padding:0!important;}
body.dm19-family-blog > .site-header + section>.container>*{max-width:760px!important;margin-left:0!important;margin-right:0!important;text-align:left!important;}
body.dm19-family-blog > .site-header + section h1{font-family:var(--dm19-serif)!important;font-size:clamp(44px,4.6vw,66px)!important;line-height:1.035!important;letter-spacing:-.045em!important;color:var(--dm19-ink)!important;}
body.dm19-family-blog > .site-header + section p{color:#465652!important;}

body.dm19-family-blog main.article-body{
  width:min(820px,92vw)!important;max-width:820px!important;margin:0 auto!important;padding:58px 0 28px!important;box-sizing:border-box!important;
}
body.dm19-family-blog main.article-body p,body.dm19-family-blog main.article-body li{font-size:17px!important;line-height:1.82!important;color:#3f4e4a!important;}
body.dm19-family-blog main.article-body h2{font-family:var(--dm19-serif)!important;font-size:clamp(28px,3.1vw,38px)!important;line-height:1.16!important;letter-spacing:-.025em!important;color:var(--dm19-ink)!important;margin:48px 0 15px!important;}

@media(max-width:760px){
  body.dm19-family-blog > .site-header + section{
    --dm19-legacy-photo-h:210px;
    min-height:0!important;display:block!important;
    padding:calc(var(--dm19-legacy-photo-h) - 2px) 20px 31px!important;
    background-image:
      linear-gradient(180deg,rgba(251,248,242,0) 0%,rgba(251,248,242,.04) 43%,rgba(251,248,242,.58) 72%,rgba(251,248,242,.96) 90%,rgba(251,248,242,1) 100%),
      url("assets/build19/editorial-desk.webp")!important;
    background-size:100% var(--dm19-legacy-photo-h),auto var(--dm19-legacy-photo-h)!important;
    background-position:center top,60% 50%!important;
    background-repeat:no-repeat,no-repeat!important;
  }
  body.dm19-family-blog > .site-header + section>.container{width:100%!important;max-width:none!important;}
  body.dm19-family-blog > .site-header + section>.container>*{max-width:none!important;}
  body.dm19-family-blog > .site-header + section h1{font-size:clamp(32px,8.8vw,38px)!important;line-height:1.055!important;}
  body.dm19-family-blog > .site-header + section p{font-size:15px!important;line-height:1.62!important;}
  body.dm19-family-blog main.article-body{width:100%!important;max-width:none!important;padding:34px 20px 20px!important;margin:0!important;}
  body.dm19-family-blog main.article-body p,body.dm19-family-blog main.article-body li{font-size:16px!important;line-height:1.75!important;}
  body.dm19-family-blog main.article-body h2{font-size:29px!important;margin-top:40px!important;}
}

/* ============================================================
   Build 19.5 — true mobile-first hero placement
   Mobile rule: the photograph is a distinct TOP background band directly
   beneath the navigation. Copy begins only after the image has faded to the
   ivory reading surface. No dark copy is allowed to sit on photographic detail.
   ============================================================ */

@media (max-width:760px){
  /* Every photographic hero gets a real top image band. We intentionally
     remove the old multi-background implementation on phones because its
     crop/gradient could make the top of the hero look like empty cream. */
  body.dm19 .dm19-photo-stage{
    --dm19-mobile-photo-h:clamp(196px,54vw,222px);
    position:relative!important;
    overflow:hidden!important;
    background:var(--dm19-ivory)!important;
    background-image:none!important;
    isolation:isolate;
  }
  body.dm19 .dm19-photo-stage::before{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    inset:0 0 auto 0!important;
    height:var(--dm19-mobile-photo-h)!important;
    background-image:var(--dm19-photo)!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:var(--dm19-photo-mobile-pos,var(--dm19-photo-pos,68% 50%))!important;
    pointer-events:none!important;
  }
  body.dm19 .dm19-photo-stage::after{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    left:0!important;right:0!important;
    top:calc(var(--dm19-mobile-photo-h) - 62px)!important;
    height:68px!important;
    background:linear-gradient(180deg,rgba(251,248,242,0) 0%,rgba(251,248,242,.52) 42%,rgba(251,248,242,.94) 78%,var(--dm19-ivory) 100%)!important;
    pointer-events:none!important;
  }
  body.dm19 .dm19-photo-stage>.dm-shell,
  body.dm19 .dm19-photo-stage .dm-shell{
    position:relative!important;
    z-index:2!important;
  }

  /* Copy starts BELOW the visible photograph. This mirrors established
     care sites: image first, readable information surface second. */
  body.dm19-home .dm19-home-stage,
  body.dm19 .dm19-integrated-page-hero,
  body.dm19 .dm19-integrated-hub-hero,
  body.dm19-premium-assessment .dm19-integrated-premium-hero{
    min-height:0!important;
    padding-top:calc(var(--dm19-mobile-photo-h) - 6px)!important;
    padding-bottom:28px!important;
    align-items:initial!important;
  }
  body.dm19-home .dm19-home-stage .dm-shell,
  body.dm19 .dm19-integrated-page-hero .dm-shell,
  body.dm19 .dm19-integrated-hub-hero .dm-shell,
  body.dm19-premium-assessment .dm19-integrated-premium-hero>.dm-shell{
    width:min(100%,680px)!important;
    padding-left:20px!important;
    padding-right:20px!important;
    box-sizing:border-box!important;
  }
  body.dm19-home .dm19-home-hero__copy,
  body.dm19 .dm19-page-stage-copy,
  body.dm19 .dm19-integrated-hub-hero .dm19-stage-copy,
  body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-assessment-hero__copy{
    width:100%!important;
    max-width:none!important;
    padding:20px 0 0!important;
    background:transparent!important;
  }

  /* Keep the typography strong but prevent four/five-line giant headings. */
  body.dm19-home .dm-home-hero h1,
  body.dm19 .dm19-page-stage-copy h1,
  body.dm19 .dm19-integrated-hub-hero h1,
  body.dm19-premium-assessment .dm19-integrated-premium-hero h1{
    font-size:clamp(32px,8.8vw,38px)!important;
    line-height:1.04!important;
    letter-spacing:-.038em!important;
    color:var(--dm19-ink)!important;
    text-shadow:none!important;
    margin-top:8px!important;
  }
  body.dm19-home .dm-home-hero__dek,
  body.dm19 .dm19-page-stage-copy .dm-page-dek,
  body.dm19 .dm19-integrated-hub-hero .dm-page-dek,
  body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-page-dek{
    color:#465652!important;
    font-size:15px!important;
    line-height:1.56!important;
    margin-top:13px!important;
  }
  body.dm19 .dm-eyebrow{font-size:10px!important;line-height:1.4!important;margin-bottom:6px!important;}

  /* Mobile CTAs stay below the copy and never cover the image. */
  body.dm19-home .dm19-home-hero__actions,
  body.dm19 .dm19-page-stage-copy .dm-actions,
  body.dm19 .dm19-integrated-hub-hero .dm-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:18px!important;
  }
  body.dm19-home .dm19-home-hero__actions .dm-button,
  body.dm19 .dm19-page-stage-copy .dm-actions .dm-button,
  body.dm19 .dm19-integrated-hub-hero .dm-actions .dm-button{width:100%!important;min-height:44px!important;}

  body.dm19-home .dm19-home-hero__trust{margin-top:16px!important;}
  body.dm19 .dm19-photo-hero-note{display:none!important;}

  /* Utility/safety panels are regular content cards on the reading surface. */
  body.dm19 .dm19-integrated-hub-hero .dm19-overlay-panel,
  body.dm19-premium-assessment .dm19-integrated-premium-hero .dm-hero-preview{
    position:relative!important;
    margin:18px 0 0!important;
    background:#fffdf9!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    border:1px solid #d9dfda!important;
    box-shadow:0 8px 22px rgba(42,55,50,.055)!important;
  }

  /* Free-assessment intro uses a shorter top photo band. */
  body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm19-integrated-assessment-intro{
    --dm19-mobile-photo-h:clamp(162px,44vw,188px);
    min-height:0!important;
    padding-top:calc(var(--dm19-mobile-photo-h) - 6px)!important;
    background:var(--dm19-ivory)!important;
    background-image:none!important;
    position:relative!important;
    overflow:hidden!important;
  }
  body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm19-integrated-assessment-intro::before{
    content:""!important;position:absolute!important;z-index:0!important;inset:0 0 auto 0!important;
    height:var(--dm19-mobile-photo-h)!important;background-image:var(--dm19-photo)!important;background-size:cover!important;
    background-position:var(--dm19-photo-mobile-pos,var(--dm19-photo-pos,68% 50%))!important;background-repeat:no-repeat!important;
  }
  body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm19-integrated-assessment-intro::after{
    content:""!important;position:absolute!important;z-index:1!important;left:0;right:0;top:calc(var(--dm19-mobile-photo-h) - 50px)!important;height:55px!important;
    background:linear-gradient(180deg,transparent,var(--dm19-ivory))!important;
  }

  /* Modern article/about heroes: photo at top, content below. */
  body.dm19-about .about-hero.dm19-integrated-about-hero,
  body.dm19-article-detail .dm-article-hero.dm19-integrated-article-hero{
    min-height:0!important;
    padding-top:calc(var(--dm19-mobile-photo-h,205px) - 6px)!important;
    padding-bottom:30px!important;
    align-items:initial!important;
  }
  body.dm19-article-detail .dm19-integrated-article-hero .dm-shell{width:100%!important;padding:0 20px!important;box-sizing:border-box!important;}
  body.dm19-article-detail .dm19-integrated-article-hero h1{font-size:clamp(31px,8.5vw,37px)!important;line-height:1.055!important;}
}

/* Give the major page families genuinely different crops on mobile. */
@media(max-width:760px){
  .dm19-bg-home{--dm19-photo-mobile-pos:70% 46%;}
  .dm19-bg-assessments,.dm19-bg-assessments-subtle{--dm19-photo-mobile-pos:55% 58%;}
  .dm19-bg-mental{--dm19-photo-mobile-pos:72% 48%;}
  .dm19-bg-care{--dm19-photo-mobile-pos:58% 52%;}
  .dm19-bg-premium{--dm19-photo-mobile-pos:62% 56%;}
  .dm19-bg-relationships{--dm19-photo-mobile-pos:62% 52%;}
}

/* ============================================================
   Build 19.5 — Legacy IQ/blog article parity with new articles
   ============================================================ */

/* Old articles get the same mobile image-first rhythm rather than title-on-photo. */
@media(max-width:760px){
  body.dm19-family-blog .article-hero,
  body.dm19-family-blog > .dm-nav + div{
    --dm19-legacy-photo-h:clamp(170px,47vw,195px);
    position:relative!important;
    overflow:hidden!important;
    min-height:0!important;
    padding:calc(var(--dm19-legacy-photo-h) + 14px) 20px 28px!important;
    background:var(--dm19-ivory)!important;
    background-image:none!important;
    display:block!important;
  }
  body.dm19-family-blog .article-hero::before,
  body.dm19-family-blog > .dm-nav + div::before{
    content:""!important;position:absolute!important;z-index:0!important;left:0!important;right:0!important;top:0!important;
    height:var(--dm19-legacy-photo-h)!important;background:url("assets/build19/editorial-desk.webp") center 58% / cover no-repeat!important;
  }
  body.dm19-family-blog .article-hero::after,
  body.dm19-family-blog > .dm-nav + div::after{
    content:""!important;position:absolute!important;z-index:1!important;left:0!important;right:0!important;
    top:calc(var(--dm19-legacy-photo-h) - 50px)!important;height:55px!important;
    background:linear-gradient(180deg,rgba(251,248,242,0),var(--dm19-ivory))!important;
  }
  body.dm19-family-blog .article-hero__inner,
  body.dm19-family-blog > .dm-nav + div > div{
    position:relative!important;z-index:2!important;width:100%!important;max-width:680px!important;margin:0 auto!important;
  }
  body.dm19-family-blog .article-hero .breadcrumb{margin-bottom:10px!important;}
  body.dm19-family-blog .article-hero h1,
  body.dm19-family-blog > .dm-nav + div h1{
    font-family:var(--dm19-serif)!important;font-size:clamp(31px,8.6vw,37px)!important;line-height:1.055!important;
    letter-spacing:-.035em!important;color:var(--dm19-ink)!important;text-shadow:none!important;margin:7px 0 0!important;
  }
  body.dm19-family-blog .article-hero .article-subtitle,
  body.dm19-family-blog > .dm-nav + div p{
    color:#52625d!important;font-size:15px!important;line-height:1.58!important;
  }
}

/* Conversion boxes: light, premium and readable — remove old dark inline treatment. */
body.dm19-family-blog .article-cta{
  background:linear-gradient(180deg,#f4faf8 0%,#fffdf9 100%)!important;
  border:1px solid #cfe0da!important;
  border-radius:18px!important;
  padding:28px 26px!important;
  margin:34px 0!important;
  text-align:left!important;
  box-shadow:0 10px 28px rgba(31,58,51,.055)!important;
}
body.dm19-family-blog .article-cta h3{
  color:var(--dm19-ink)!important;
  font-family:var(--dm19-serif)!important;
  font-size:clamp(24px,2.4vw,31px)!important;
  line-height:1.12!important;
  margin:0 0 10px!important;
}
body.dm19-family-blog .article-cta p{
  color:#52625d!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin:0 0 18px!important;
}
body.dm19-family-blog .article-cta a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;padding:10px 18px!important;border-radius:12px!important;
  background:var(--dm19-teal)!important;color:#fff!important;font-family:var(--dm19-sans)!important;
  font-weight:750!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(15,118,110,.12)!important;
}
@media(max-width:760px){
  body.dm19-family-blog .article-cta{padding:22px 18px!important;border-radius:16px!important;margin:28px 0!important;}
  body.dm19-family-blog .article-cta a{width:100%!important;box-sizing:border-box!important;}
}

/* Legacy article author and related sections now match the cleaner new article family. */
body.dm19-family-blog .author-bio{
  width:min(760px,88vw)!important;max-width:760px!important;margin:30px auto 44px!important;padding:22px 24px!important;
  display:grid!important;grid-template-columns:auto 1fr!important;gap:16px!important;align-items:start!important;
  background:#fffdf9!important;border:1px solid #d9dfda!important;border-radius:18px!important;color:var(--dm19-ink)!important;
}
body.dm19-family-blog .author-bio__avatar{width:48px!important;height:48px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:white!important;font-weight:800!important;}
body.dm19-family-blog .author-bio__name{font-family:var(--dm19-serif)!important;font-size:20px!important;font-weight:800!important;color:var(--dm19-ink)!important;}
body.dm19-family-blog .author-bio__title{font-size:12px!important;color:#65746f!important;margin-top:2px!important;}
body.dm19-family-blog .author-bio p{font-size:14px!important;line-height:1.6!important;color:#52625d!important;margin:8px 0!important;}
body.dm19-family-blog .author-bio a{color:var(--dm19-teal-dark)!important;font-weight:750!important;text-decoration:none!important;}

body.dm19-family-blog .related-articles{margin-top:42px!important;}
body.dm19-family-blog .related-articles__grid{gap:14px!important;}
body.dm19-family-blog .related-card{background:#fffdf9!important;border:1px solid #dce3de!important;border-radius:16px!important;box-shadow:none!important;}
@media(max-width:760px){
  body.dm19-family-blog .author-bio{width:auto!important;margin:26px 20px 34px!important;padding:18px!important;grid-template-columns:40px 1fr!important;}
  body.dm19-family-blog .author-bio__avatar{width:40px!important;height:40px!important;}
}


/* ============================================================
   Build 19.6 — focused discovery UX pass
   Homepage simplification · free-first assessment directory
   compact assessment intros · broader photographic taxonomy
   ============================================================ */

.dm20-section-head--compact{max-width:780px;margin-bottom:28px!important}
.dm20-section-head--compact h2{max-width:720px}
.dm20-section-head--split{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:none}
.dm20-section-head--split>div{max-width:760px}

/* Homepage: fewer sections, clearer decisions. */
.dm20-home-needs{padding-top:68px!important;padding-bottom:58px!important}
.dm20-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dm20-topic-card{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:18px 18px;border:1px solid #dce4df;border-radius:16px;background:#fffdf9;text-decoration:none;color:var(--dm19-ink);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dm20-topic-card:hover{transform:translateY(-2px);border-color:#b8d3ca;box-shadow:0 10px 24px rgba(31,58,51,.06)}
.dm20-topic-icon{grid-row:1/3;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#e8f4f0;color:var(--dm19-teal);font-size:22px}
.dm20-topic-card strong{font-family:var(--dm19-serif);font-size:18px;line-height:1.15}
.dm20-topic-card small{font:500 12px/1.45 var(--dm19-sans);color:#65736f;margin-top:4px}

.dm20-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dm20-path-card{overflow:hidden;border:1px solid #dce3de;border-radius:20px;background:#fffdf9;text-decoration:none;color:var(--dm19-ink);box-shadow:0 8px 24px rgba(35,56,50,.045)}
.dm20-path-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.dm20-path-card>div{padding:20px 20px 22px}
.dm20-path-card h3{font-family:var(--dm19-serif);font-size:24px;line-height:1.15;margin:4px 0 8px}
.dm20-path-card p{font-size:14px;line-height:1.6;color:#586863;margin:0 0 14px}
.dm20-path-card strong{font:750 13px var(--dm19-sans);color:var(--dm19-teal-dark)}

.dm20-assessment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dm20-assessment-grid--home{grid-template-columns:repeat(4,minmax(0,1fr))}
.dm20-assessment-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:116px;padding:16px;border:1px solid #dce4df;border-radius:16px;background:#fffdf9;text-decoration:none;color:var(--dm19-ink);box-shadow:0 5px 18px rgba(35,56,50,.035)}
.dm20-card-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#e8f4f0;color:var(--dm19-teal);font-size:21px}
.dm20-assessment-card h3{font-family:var(--dm19-serif);font-size:18px;line-height:1.16;margin:0 0 5px}
.dm20-assessment-card p{font-size:12.5px;line-height:1.45;color:#5d6c67;margin:0 0 7px}
.dm20-assessment-card small{font:700 11px/1.2 var(--dm19-sans);color:#73817d}
.dm20-assessment-card>b{font:800 18px var(--dm19-sans);color:var(--dm19-teal)}
.dm20-accent-mood .dm20-card-icon{background:#fff2dc;color:#b66c13}.dm20-accent-attention .dm20-card-icon{background:#e8f0ff;color:#3165a6}.dm20-accent-trauma .dm20-card-icon{background:#f0eafa;color:#7554a3}.dm20-accent-stress .dm20-card-icon{background:#edf4e8;color:#5d8051}.dm20-accent-personality .dm20-card-icon{background:#f7edf4;color:#985e81}.dm20-accent-relationship .dm20-card-icon{background:#fff0eb;color:#a55c4f}.dm20-accent-wellbeing .dm20-card-icon{background:#e8f6f4;color:#287f78}

.dm20-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dm20-trust-grid a{display:flex;flex-direction:column;gap:7px;padding:20px;border:1px solid #d6e1dc;border-radius:16px;background:rgba(255,253,249,.72);text-decoration:none;color:var(--dm19-ink)}
.dm20-trust-grid strong{font-family:var(--dm19-serif);font-size:19px}.dm20-trust-grid span{font-size:13px;line-height:1.55;color:#60706b}

/* Assessment catalogue: free intent first, premium later. */
.dm20-tests-popular{padding-top:62px!important}
.dm20-tests-topics{padding-top:44px!important;padding-bottom:44px!important}
.dm20-topic-nav{display:flex;flex-wrap:wrap;gap:9px}
.dm20-topic-nav a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid #cfded8;border-radius:999px;background:#fffdf9;color:var(--dm19-teal-dark);text-decoration:none;font:700 12px var(--dm19-sans)}
#premium-assessments{border-top:1px solid #e1ddd5;background:linear-gradient(180deg,#f6f0e7 0%,#fbf8f2 100%)}
#premium-assessments .dm-card{background:#fffaf3;border-color:#e0d5c5}

/* Existing catalogue cards: make repetitive metadata easier to scan. */
body.dm19-family-tests .dm-assessment-card{padding:20px!important}
body.dm19-family-tests .dm-assessment-card__meta{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:14px!important}
body.dm19-family-tests .dm-assessment-card__meta .dm-badge{font-size:10px!important;padding:5px 8px!important;border-radius:999px!important}
body.dm19-family-tests .dm-assessment-card .dm-card__link{margin-top:14px!important}

/* Free assessment intro: decision essentials first. */
.dm20-quickfacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 16px}
.dm20-quickfacts span{display:flex;flex-direction:column;gap:3px;padding:10px 11px;border:1px solid rgba(15,118,110,.16);border-radius:12px;background:rgba(255,253,249,.8)}
.dm20-quickfacts b{font:800 10px/1.2 var(--dm19-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--dm19-teal-dark)}
.dm20-quickfacts em{font:600 11px/1.35 var(--dm19-sans);font-style:normal;color:#52615d}

@media(max-width:900px){
  .dm20-assessment-grid--home{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dm20-path-grid{grid-template-columns:1fr 1fr}.dm20-path-card:last-child{grid-column:1/-1}
}

@media(max-width:760px){
  .dm20-section-head--compact{margin-bottom:20px!important}
  .dm20-section-head--split{display:block}.dm20-section-head--split .dm-text-link{display:inline-block;margin-top:12px}
  .dm20-home-needs{padding:42px 0 38px!important}
  .dm20-topic-grid{grid-template-columns:1fr 1fr;gap:9px}
  .dm20-topic-card{grid-template-columns:34px 1fr;padding:13px 12px;border-radius:14px;column-gap:9px}
  .dm20-topic-icon{width:34px;height:34px;border-radius:11px;font-size:18px}
  .dm20-topic-card strong{font-size:15px}.dm20-topic-card small{font-size:10.5px}
  .dm20-path-grid{grid-template-columns:1fr;gap:12px}.dm20-path-card:last-child{grid-column:auto}
  .dm20-path-card{display:grid;grid-template-columns:112px 1fr;border-radius:16px;min-height:124px}
  .dm20-path-card img{height:100%;aspect-ratio:auto;object-fit:cover}
  .dm20-path-card>div{padding:14px}.dm20-path-card h3{font-size:20px}.dm20-path-card p{font-size:12.5px;line-height:1.5;margin-bottom:9px}
  .dm20-assessment-grid,.dm20-assessment-grid--home{grid-template-columns:1fr;gap:9px}
  .dm20-assessment-card{min-height:96px;padding:13px 14px;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;border-radius:14px}
  .dm20-card-icon{width:36px;height:36px;border-radius:11px;font-size:18px}.dm20-assessment-card h3{font-size:16px}.dm20-assessment-card p{font-size:11.5px;margin-bottom:5px}
  .dm20-trust-grid{grid-template-columns:1fr;gap:9px}.dm20-trust-grid a{padding:16px}
  .dm20-topic-nav{display:grid;grid-template-columns:1fr 1fr;gap:7px}.dm20-topic-nav a{border-radius:12px;justify-content:center;text-align:center;padding:8px 9px;font-size:10.5px}

  /* Assessment intros: quick decision information; deeper explanation waits below. */
  body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm20-quickfacts{grid-template-columns:1fr 1fr;margin:14px 0 12px}
  body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm20-quickfacts span{padding:9px 10px}
  body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm20-legacy-badges{display:none!important}
  body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm-assessment-hero__copy .dm-page-dek{margin-bottom:0!important}
  body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm-hero-preview{display:none!important}
  body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm-assessment-trust-band{display:none!important}
  body.dm19-assessment-detail:not(.dm19-premium-assessment) [data-assessment-intro]{display:none!important}
  body.dm19-assessment-detail:not(.dm19-premium-assessment) .dm-assessment-hero--conversion{padding-bottom:24px!important}
}
\n\n/* ============================================================
   Build 19.7 — mental-health first-screen hierarchy + assessment-card clarity
   ============================================================ */

/* Mental-health desktop: keep both primary actions and the urgent-support card
   inside the initial viewport at common laptop/desktop heights. */
@media (min-width:761px){
  body.dm19-family-mental-health .dm19-integrated-hub-hero{
    min-height:0!important;
    padding:28px 0 32px!important;
  }
  body.dm19-family-mental-health .dm19-integrated-hub-hero .dm-shell{width:min(1320px,92vw)!important;}
  body.dm19-family-mental-health .dm19-integrated-hub-hero .dm-hub-hero__grid{
    grid-template-columns:minmax(0,1.12fr) minmax(330px,.58fr)!important;
    gap:42px!important;
    align-items:center!important;
  }
  body.dm19-family-mental-health .dm19-integrated-hub-hero .dm19-stage-copy{
    max-width:780px!important;
    padding:22px 0 14px!important;
  }
  body.dm19-family-mental-health .dm19-integrated-hub-hero h1{
    font-size:clamp(44px,4.15vw,58px)!important;
    line-height:1.01!important;
    max-width:780px!important;
    margin:.3rem 0 0!important;
  }
  body.dm19-family-mental-health .dm19-integrated-hub-hero .dm-page-dek{
    max-width:720px!important;
    font-size:18px!important;
    line-height:1.52!important;
    margin-top:18px!important;
  }
  body.dm19-family-mental-health .dm19-integrated-hub-hero .dm-actions{
    margin-top:18px!important;
    gap:10px!important;
  }
  body.dm19-family-mental-health .dm19-integrated-hub-hero .dm19-overlay-panel{
    align-self:center!important;
    margin:34px 0 0!important;
    padding:19px 20px 20px!important;
    max-width:430px!important;
  }
  body.dm19-family-mental-health .dm19-integrated-hub-hero .dm-hub-hero__panel>strong{
    font-size:21px!important;line-height:1.22!important;margin-top:9px!important;
  }
  body.dm19-family-mental-health .dm19-integrated-hub-hero .dm-hub-hero__panel>p{
    font-size:14px!important;line-height:1.48!important;
  }
  body.dm19-family-mental-health .dm19-integrated-hub-hero .dm-hub-hero__panel>a{margin-top:12px!important;}
}

/* Free catalogue cards: title -> 3 intent cues -> simple facts -> obvious CTA. */
body.dm19-assessment-directory #personality-tests .dm-grid,
body.dm19-assessment-directory #relationship-tests .dm-grid,
body.dm19-assessment-directory #cognitive-tests .dm-grid,
body.dm19-assessment-directory #wellbeing-tests .dm-grid,
body.dm19-assessment-directory #clinical-screeners .dm-grid{
  align-items:stretch;
}
body.dm19-assessment-directory .dm21-assessment-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:285px!important;
  padding:24px 24px 22px!important;
  border:1px solid #dce3de!important;
  border-radius:20px!important;
  background:#fffefa!important;
  box-shadow:0 8px 24px rgba(32,52,46,.045)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
body.dm19-assessment-directory .dm21-assessment-card:hover{
  transform:translateY(-2px);
  border-color:#b9d8d2!important;
  box-shadow:0 14px 30px rgba(32,52,46,.075)!important;
}
body.dm19-assessment-directory .dm21-assessment-card h3{
  order:1;
  margin:0!important;
  font-size:24px!important;
  line-height:1.17!important;
  letter-spacing:-.025em!important;
}
body.dm19-assessment-directory .dm21-assessment-card h3 a{color:#122722!important;text-decoration:none!important;}
body.dm19-assessment-directory .dm21-assessment-intents{
  order:2;
  list-style:none!important;
  margin:17px 0 16px!important;
  padding:0!important;
  display:grid!important;
  gap:8px!important;
}
body.dm19-assessment-directory .dm21-assessment-intents li{
  position:relative!important;
  padding-left:18px!important;
  margin:0!important;
  color:#465853!important;
  font:600 14px/1.35 Inter,system-ui,sans-serif!important;
}
body.dm19-assessment-directory .dm21-assessment-intents li::before{
  content:"";
  position:absolute;left:0;top:.48em;
  width:7px;height:7px;border-radius:50%;
  background:#54b7aa;
  box-shadow:0 0 0 4px #e8f5f2;
}
body.dm19-assessment-directory .dm21-assessment-meta{
  order:3;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px 12px!important;
  align-items:center!important;
  margin:auto 0 17px!important;
  padding-top:5px!important;
}
body.dm19-assessment-directory .dm21-meta{
  position:relative;
  color:#64746f!important;
  font:600 12px/1.2 Inter,system-ui,sans-serif!important;
  white-space:nowrap;
}
body.dm19-assessment-directory .dm21-meta:not(:last-child)::after{
  content:"·";position:absolute;right:-8px;color:#a3b0ab;
}
body.dm19-assessment-directory .dm21-meta.is-free{color:#08796f!important;}
body.dm19-assessment-directory .dm21-assessment-cta{
  order:4;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  min-height:44px!important;
  padding:11px 14px!important;
  border-radius:12px!important;
  background:#0f897d!important;
  color:white!important;
  font:700 14px/1.2 Inter,system-ui,sans-serif!important;
  text-decoration:none!important;
  box-shadow:0 6px 14px rgba(15,137,125,.13)!important;
}
body.dm19-assessment-directory .dm21-assessment-cta:hover{background:#0b786e!important;}
body.dm19-assessment-directory .dm21-assessment-cta span{font-size:18px;line-height:1;}

/* Popular starting points: use short search-intent cues instead of prose. */
body.dm19-assessment-directory .dm21-popular-intents{
  display:flex;flex-wrap:wrap;gap:5px 7px;margin-top:7px;
}
body.dm19-assessment-directory .dm21-popular-intents span{
  font:600 11px/1.2 Inter,system-ui,sans-serif;
  color:#51625d;
  padding:4px 7px;
  border-radius:999px;
  background:#f0f6f4;
  border:1px solid #e0eae6;
}

@media(max-width:760px){
  body.dm19-assessment-directory .dm21-assessment-card{
    min-height:0!important;
    padding:20px 18px 18px!important;
    border-radius:16px!important;
  }
  body.dm19-assessment-directory .dm21-assessment-card h3{font-size:21px!important;}
  body.dm19-assessment-directory .dm21-assessment-intents{margin:14px 0!important;gap:7px!important;}
  body.dm19-assessment-directory .dm21-assessment-intents li{font-size:13.5px!important;}
  body.dm19-assessment-directory .dm21-assessment-meta{margin:2px 0 15px!important;}
  body.dm19-assessment-directory .dm21-assessment-cta{width:100%!important;}
}


/* ============================================================
   Build 19.8 — assessment-directory hero pathways
   Four high-intent routes stay visible above the fold.
   ============================================================ */
body.dm19-assessment-directory .dm19-integrated-page-hero{
  min-height:520px;
  padding:34px 0 38px;
}
body.dm19-assessment-directory .dm19-page-stage-copy{
  width:min(720px,60%);
  padding:10px 0 0;
}
body.dm19-assessment-directory .dm19-page-stage-copy h1{
  max-width:700px;
  font-size:clamp(46px,4.55vw,64px);
  line-height:1.01;
  margin-bottom:0;
}
body.dm19-assessment-directory .dm19-page-stage-copy .dm-page-dek{
  max-width:650px;
  margin-top:16px;
  font-size:18px;
  line-height:1.5;
}
body.dm19-assessment-directory .dm22-hero-paths{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  width:min(650px,100%);
  margin-top:20px;
}
body.dm19-assessment-directory .dm22-hero-paths .dm-button{
  width:100%;
  min-height:48px;
  padding:12px 16px;
  justify-content:center;
  text-align:center;
  font-size:14.5px;
  line-height:1.25;
  box-sizing:border-box;
}
body.dm19-assessment-directory .dm22-hero-paths .dm22-premium{
  background:#173d38;
  border-color:#173d38;
  color:#fff;
}
body.dm19-assessment-directory .dm22-hero-paths .dm22-premium:hover{
  background:#102f2b;
  border-color:#102f2b;
}
body.dm19-assessment-directory .dm19-photo-hero-note{display:none!important;}

@media (max-width:980px) and (min-width:761px){
  body.dm19-assessment-directory .dm19-integrated-page-hero{min-height:500px;padding:28px 0 32px;}
  body.dm19-assessment-directory .dm19-page-stage-copy{width:min(660px,64%);}
  body.dm19-assessment-directory .dm19-page-stage-copy h1{font-size:clamp(42px,5.8vw,58px);}
  body.dm19-assessment-directory .dm19-page-stage-copy .dm-page-dek{font-size:16.5px;}
}

@media (max-width:760px){
  body.dm19-assessment-directory .dm19-integrated-page-hero{
    --dm19-mobile-photo-h:clamp(158px,41vw,182px);
    min-height:0!important;
    padding-top:calc(var(--dm19-mobile-photo-h) - 6px)!important;
    padding-bottom:20px!important;
  }
  body.dm19-assessment-directory .dm19-page-stage-copy{padding-top:14px!important;}
  body.dm19-assessment-directory .dm19-page-stage-copy h1{
    font-size:clamp(30px,8.1vw,34px)!important;
    line-height:1.025!important;
    margin-top:4px!important;
  }
  body.dm19-assessment-directory .dm19-page-stage-copy .dm-page-dek{
    font-size:14px!important;
    line-height:1.48!important;
    margin-top:10px!important;
  }
  body.dm19-assessment-directory .dm22-hero-paths{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin-top:14px!important;
  }
  body.dm19-assessment-directory .dm22-hero-paths .dm-button{
    width:100%!important;
    min-height:46px!important;
    padding:9px 8px!important;
    font-size:12.5px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
}

/* ============================================================
   Build 19.9 — Assessment hero route hierarchy
   The first three routes are equal free/exploration actions in the
   core brand teal. Premium is intentionally distinct in a calm
   ink-blue so it reads as a separate paid pathway without looking
   promotional or alarming.
   ============================================================ */
body.dm19-assessment-directory .dm22-hero-paths .dm22-hero-path:not(.dm22-premium){
  background:var(--dm19-teal)!important;
  border-color:var(--dm19-teal)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(15,124,114,.14);
}
body.dm19-assessment-directory .dm22-hero-paths .dm22-hero-path:not(.dm22-premium):hover,
body.dm19-assessment-directory .dm22-hero-paths .dm22-hero-path:not(.dm22-premium):focus-visible{
  background:var(--dm19-teal-dark)!important;
  border-color:var(--dm19-teal-dark)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(15,124,114,.20);
}
body.dm19-assessment-directory .dm22-hero-paths .dm22-premium{
  background:#244650!important;
  border-color:#244650!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(36,70,80,.15);
}
body.dm19-assessment-directory .dm22-hero-paths .dm22-premium:hover,
body.dm19-assessment-directory .dm22-hero-paths .dm22-premium:focus-visible{
  background:#18343d!important;
  border-color:#18343d!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(36,70,80,.21);
}


/* Build 20.0 production hardening: safe responsive defaults only. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
img, svg, video, canvas { max-width: 100%; }
img, video { height: auto; }
input, select, textarea, button { max-width: 100%; }
:where(a,button,input,select,textarea,[role="button"]):focus-visible { outline: 3px solid #0f766e; outline-offset: 3px; }
@media (max-width: 600px) {
  input, select, textarea { font-size: 16px; }
  button, .dm-button, .dm-nav__mobile-link { min-height: 44px; }
  pre, code { overflow-wrap: anywhere; }
}

/* ============================================================
   Build 20.2 — final responsive/UI hardening
   Fixes confirmed mobile article-grid collision, footer contrast,
   compact mobile navigation/table behavior, and narrow-screen spacing.
   ============================================================ */

/* Footer contrast must win over the global dm19 heading colour. */
body.dm19 .dm-footer h2{
  color:#b8d8d2!important;
}
body.dm19 .dm-footer a{
  color:#edf7f4!important;
}
body.dm19 .dm-footer p,
body.dm19 .dm-footer span{
  color:#bfd2cd!important;
}
body.dm19 .dm-footer__brand-link{
  color:#ffffff!important;
}
body.dm19 .dm-footer__brand-link span{
  color:#79d2c6!important;
}

/* Modern article layout: the high-specificity desktop grid in Build 20
   must not override revamp.css's responsive single-column layout. */
@media (max-width:900px){
  body.dm19-article-detail .dm-article-wrap{
    width:min(92vw,760px)!important;
    max-width:760px!important;
    margin-inline:auto!important;
    padding-top:28px!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:22px!important;
    align-items:start!important;
  }
  body.dm19-article-detail .dm-article-prose{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.dm19-article-detail .dm-article-sidebar{
    position:static!important;
    top:auto!important;
    grid-row:1!important;
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.dm19-article-detail .dm-toc{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    columns:auto!important;
    column-count:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px 18px!important;
    padding:18px!important;
    margin:0!important;
  }
  body.dm19-article-detail .dm-toc strong{
    grid-column:1/-1!important;
    margin-bottom:6px!important;
  }
  body.dm19-article-detail .dm-toc a{
    min-width:0!important;
    overflow-wrap:anywhere!important;
  }
}

@media (max-width:600px){
  body.dm19-article-detail .dm-article-wrap{
    width:min(92vw,560px)!important;
    padding:22px 0 48px!important;
    gap:18px!important;
  }
  /* Compact horizontal table-of-contents strip: full-width, no overlay. */
  body.dm19-article-detail .dm-toc{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    white-space:nowrap!important;
    padding:11px 12px!important;
    border-radius:14px!important;
  }
  body.dm19-article-detail .dm-toc::-webkit-scrollbar{display:none!important;}
  body.dm19-article-detail .dm-toc strong{
    flex:0 0 auto!important;
    margin:0 4px 0 0!important;
    font-size:13px!important;
  }
  body.dm19-article-detail .dm-toc a{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:38px!important;
    padding:7px 10px!important;
    border:1px solid #d7e3df!important;
    border-radius:999px!important;
    background:#ffffff!important;
    font-size:12px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  body.dm19-article-detail .dm-article-prose{
    font-size:16px!important;
    line-height:1.72!important;
  }
  body.dm19-article-detail .dm-article-prose h2{
    font-size:clamp(27px,7.8vw,32px)!important;
    line-height:1.16!important;
    margin-top:38px!important;
  }
  body.dm19-article-detail .dm-article-prose h3{
    font-size:20px!important;
    line-height:1.3!important;
  }
  body.dm19-article-detail .dm-answer-box,
  body.dm19-article-detail .dm-inline-cta,
  body.dm19-article-detail .dm-note,
  body.dm19-article-detail .dm-author-card{
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Any legacy/raw data table can scroll instead of forcing the page narrow. */
  body.dm19 .dm-article-prose > table,
  body.dm19-family-blog article table,
  body.dm19 table.data-table{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    white-space:normal!important;
  }

  /* Mobile footer: readable contrast and a deliberate centered composition. */
  body.dm19 .dm-footer{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  body.dm19 .dm-footer__inner{
    width:100%!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:26px!important;
    text-align:center!important;
  }
  body.dm19 .dm-footer__inner > div{
    width:100%!important;
    max-width:420px!important;
  }
  body.dm19 .dm-footer__brand p{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.dm19 .dm-footer h2{
    margin-bottom:12px!important;
    color:#b8d8d2!important;
  }
  body.dm19 .dm-footer a{
    width:100%!important;
    text-align:center!important;
  }
  body.dm19 .dm-footer__bottom{
    width:100%!important;
    display:grid!important;
    justify-items:center!important;
    gap:8px!important;
    text-align:center!important;
  }

  /* Prevent long references/URLs from creating visual clipping. */
  body.dm19 :where(.dm-reference-list,.refs,.dm-author-card,.dm-sidebar-card) a{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}

@media (max-width:480px){
  /* Keep home-page trust notes legible instead of three cramped columns. */
  body.dm19-home .dm19-home-hero__trust{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  /* Utility/topic cards read better as one column on small phones. */
  body.dm19 .dm20-topic-grid,
  body.dm19 .dm20-topic-nav{
    grid-template-columns:1fr!important;
  }
  body.dm19-assessment-directory .dm22-hero-paths{
    grid-template-columns:1fr!important;
  }
}

/* Checkout footer contrast/readability. */
body.dm19-commerce .checkout-mobile-footer a{color:rgba(255,255,255,.88)!important;}
body.dm19-commerce .checkout-mobile-footer span{color:rgba(255,255,255,.68)!important;}
@media (max-width:600px){
  body.dm19-commerce .checkout-mobile-footer-inner{justify-content:center!important;text-align:center!important;}
}

/* ============================================================
   Build 20.3 — pre-launch visual integrity pass
   Purpose: final specificity/contrast/hero/TOC hardening after
   device-preview review. This block intentionally comes last.
   ============================================================ */

/* ---- Primary action contrast: never inherit article/link colours ---- */
body.dm19 a.dm-button--primary,
body.dm19 button.dm-button--primary,
body.dm19 a.dm-nav__cta,
body.dm19 a.nav__cta,
body.dm19-family-blog > article.article-body a.cta-btn,
body.dm19-family-blog > article:not([class]) a.cta-btn,
body.dm19-family-blog .article-cta a,
body.dm19 .dm-result-action-card.is-primary,
body.dm19 .dm-result-choice.is-primary{
  color:#ffffff!important;
  text-decoration:none!important;
}
body.dm19 a.dm-button--primary:hover,
body.dm19 a.dm-button--primary:focus-visible,
body.dm19-family-blog > article.article-body a.cta-btn:hover,
body.dm19-family-blog > article.article-body a.cta-btn:focus-visible{
  color:#ffffff!important;
}

/* ---- Dark surfaces: explicit foregrounds beat global body.dm19 p ---- */
body.dm19 .dm-hub-assessment__note{
  background:#0a3e39!important;
  color:#e8fffb!important;
}
body.dm19 .dm-hub-assessment__note strong{color:#ffffff!important;}
body.dm19 .dm-hub-assessment__note p{color:#d1f1eb!important;}
body.dm19 .dm-long-answer,
body.dm19 .dm-long-answer h2,
body.dm19 .dm-long-answer h3,
body.dm19 .dm-long-answer strong{color:#ffffff!important;}
body.dm19 .dm-long-answer p,
body.dm19 .dm-long-answer li,
body.dm19 .dm-long-answer .dm-long-answer__lead{color:#e6fffb!important;}
body.dm19 .dm-result-action-card.is-primary h3,
body.dm19 .dm-result-action-card.is-primary p,
body.dm19 .dm-result-action-card.is-primary span,
body.dm19 .dm-result-choice.is-primary h3,
body.dm19 .dm-result-choice.is-primary p{
  color:#ffffff!important;
}

/* ---- Modern article TOC: vertical, calm, no horizontal carousel ---- */
@media (max-width:900px){
  body.dm19-article-detail .dm-article-wrap{
    grid-template-columns:minmax(0,1fr)!important;
    width:min(92vw,780px)!important;
    max-width:780px!important;
    gap:22px!important;
    margin-inline:auto!important;
  }
  body.dm19-article-detail .dm-article-sidebar{
    position:static!important;
    top:auto!important;
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.dm19-article-detail .dm-article-prose{
    grid-column:1!important;
    grid-row:2!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.dm19-article-detail .dm-toc{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    columns:auto!important;
    column-count:auto!important;
    overflow:visible!important;
    white-space:normal!important;
    padding:18px 20px!important;
    margin:0!important;
    box-sizing:border-box!important;
    border-radius:16px!important;
  }
  body.dm19-article-detail .dm-toc strong{
    display:block!important;
    margin:0 0 8px!important;
    font-size:14px!important;
  }
  body.dm19-article-detail .dm-toc a{
    display:block!important;
    width:100%!important;
    min-height:42px!important;
    box-sizing:border-box!important;
    padding:9px 0!important;
    border:0!important;
    border-bottom:1px solid #e5ece9!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--dm19-teal-dark)!important;
    font-size:13px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body.dm19-article-detail .dm-toc a:last-child{border-bottom:0!important;}
}
@media (max-width:600px){
  body.dm19-article-detail .dm-article-wrap{
    width:min(92vw,560px)!important;
    padding:22px 0 48px!important;
  }
  body.dm19-article-detail .dm-toc{
    display:block!important;
    overflow:visible!important;
    white-space:normal!important;
    padding:16px 18px!important;
  }
  body.dm19-article-detail .dm-toc strong{
    margin:0 0 7px!important;
  }
  body.dm19-article-detail .dm-toc a{
    display:block!important;
    min-height:40px!important;
    padding:8px 0!important;
    font-size:13px!important;
  }
}

/* ---- Legacy IQ/blog hero: stack content; never lay text siblings in a row ---- */
body.dm19-family-blog > header.hero{
  display:block!important;
  min-height:0!important;
  position:relative!important;
  overflow:hidden!important;
  padding:64px 6% 60px!important;
  text-align:left!important;
  background-color:var(--dm19-ivory)!important;
  background-image:
    linear-gradient(90deg,
      rgba(251,248,242,1) 0%,
      rgba(251,248,242,1) 43%,
      rgba(251,248,242,.97) 54%,
      rgba(251,248,242,.77) 66%,
      rgba(251,248,242,.18) 100%),
    url("assets/build19/editorial-desk.webp")!important;
  background-size:cover!important;
  background-position:center 58%!important;
  background-repeat:no-repeat!important;
}
body.dm19-family-blog > header.hero::before,
body.dm19-family-blog > header.hero::after{display:none!important;}
body.dm19-family-blog > header.hero > *{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:min(620px,100%)!important;
  max-width:620px!important;
  margin-left:max(0px,calc((100vw - min(1180px,92vw))/2))!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body.dm19-family-blog > header.hero .hero__eyebrow{
  margin-top:0!important;
  margin-bottom:8px!important;
  text-align:left!important;
}
body.dm19-family-blog > header.hero .breadcrumb{
  margin-top:0!important;
  margin-bottom:14px!important;
  text-align:left!important;
}
body.dm19-family-blog > header.hero h1{
  max-width:610px!important;
  margin:0 0 16px!important;
  font-size:clamp(42px,4.0vw,58px)!important;
  line-height:1.045!important;
  letter-spacing:-.04em!important;
  text-align:left!important;
  color:var(--dm19-ink)!important;
}
body.dm19-family-blog > header.hero p{
  max-width:590px!important;
  margin:0 0 12px!important;
  text-align:left!important;
  color:#43534f!important;
}
body.dm19-family-blog > header.hero p:last-child{
  margin-top:18px!important;
  margin-bottom:0!important;
  color:#61706c!important;
}

/* Other legacy hero shells get the same copy-safe split. */
body.dm19-family-blog > .dm-nav + div,
body.dm19-family-blog > .site-header + section{
  min-height:0!important;
  padding:64px 6% 60px!important;
  background-image:
    linear-gradient(90deg,
      rgba(251,248,242,1) 0%,
      rgba(251,248,242,1) 43%,
      rgba(251,248,242,.97) 54%,
      rgba(251,248,242,.77) 66%,
      rgba(251,248,242,.18) 100%),
    url("assets/build19/editorial-desk.webp")!important;
  background-size:cover!important;
  background-position:center 58%!important;
  background-repeat:no-repeat!important;
}
body.dm19-family-blog > .dm-nav + div > div,
body.dm19-family-blog > .site-header + section > .container{
  width:min(1180px,92vw)!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
body.dm19-family-blog > .dm-nav + div > div > *,
body.dm19-family-blog > .site-header + section > .container > *{
  max-width:620px!important;
}
body.dm19-family-blog > .dm-nav + div h1,
body.dm19-family-blog > .site-header + section h1{
  max-width:610px!important;
  font-size:clamp(42px,4.0vw,58px)!important;
  line-height:1.045!important;
}

/* Mobile legacy hero: real image band above copy, no blank expanse and no text-on-photo. */
@media (max-width:760px){
  body.dm19-family-blog > header.hero,
  body.dm19-family-blog > .dm-nav + div,
  body.dm19-family-blog > .site-header + section{
    --dm203-legacy-photo-h:170px;
    display:block!important;
    min-height:0!important;
    padding:calc(var(--dm203-legacy-photo-h) + 18px) 20px 30px!important;
    background:var(--dm19-ivory)!important;
    background-image:none!important;
    overflow:hidden!important;
    position:relative!important;
  }
  body.dm19-family-blog > header.hero::before,
  body.dm19-family-blog > .dm-nav + div::before,
  body.dm19-family-blog > .site-header + section::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:var(--dm203-legacy-photo-h)!important;
    background:url("assets/build19/editorial-desk.webp") center 69% / cover no-repeat!important;
    pointer-events:none!important;
  }
  body.dm19-family-blog > header.hero::after,
  body.dm19-family-blog > .dm-nav + div::after,
  body.dm19-family-blog > .site-header + section::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:1!important;
    left:0!important;
    right:0!important;
    top:calc(var(--dm203-legacy-photo-h) - 42px)!important;
    height:44px!important;
    background:linear-gradient(180deg,rgba(251,248,242,0),var(--dm19-ivory))!important;
    pointer-events:none!important;
  }
  body.dm19-family-blog > header.hero > *,
  body.dm19-family-blog > .dm-nav + div > div,
  body.dm19-family-blog > .site-header + section > .container{
    position:relative!important;
    z-index:2!important;
    width:100%!important;
    max-width:620px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.dm19-family-blog > header.hero .breadcrumb,
  body.dm19-family-blog > .dm-nav + div .breadcrumb,
  body.dm19-family-blog > .site-header + section .breadcrumb{
    display:none!important;
  }
  body.dm19-family-blog > header.hero h1,
  body.dm19-family-blog > .dm-nav + div h1,
  body.dm19-family-blog > .site-header + section h1{
    max-width:none!important;
    margin:7px 0 13px!important;
    font-size:clamp(31px,8.4vw,36px)!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
    color:var(--dm19-ink)!important;
    text-shadow:none!important;
    text-align:left!important;
  }
  body.dm19-family-blog > header.hero p,
  body.dm19-family-blog > .dm-nav + div p,
  body.dm19-family-blog > .site-header + section p{
    max-width:none!important;
    font-size:15px!important;
    line-height:1.62!important;
    color:#465652!important;
    text-align:left!important;
  }
  body.dm19-family-blog > header.hero .hero__eyebrow,
  body.dm19-family-blog > .dm-nav + div .eyebrow,
  body.dm19-family-blog > .site-header + section .eyebrow{
    margin:0 0 7px!important;
    font-size:10.5px!important;
    line-height:1.4!important;
    color:var(--dm19-teal-dark)!important;
  }
}

/* ---- Legacy article reading surface and TOC: compact vertical list ---- */
@media (max-width:760px){
  body.dm19-family-blog > article.article-body,
  body.dm19-family-blog > article:not([class]),
  body.dm19-family-blog main.article-body{
    width:100%!important;
    max-width:620px!important;
    margin:0 auto!important;
    padding:30px 20px 24px!important;
    box-sizing:border-box!important;
  }
  body.dm19-family-blog .toc,
  body.dm19-family-blog > article > nav[aria-label="On this page"]{
    display:block!important;
    width:100%!important;
    overflow:visible!important;
    white-space:normal!important;
    padding:18px 20px!important;
    margin:22px 0 30px!important;
  }
  body.dm19-family-blog .toc ul{
    display:block!important;
    margin:8px 0 0!important;
    padding:0!important;
    list-style:none!important;
  }
  body.dm19-family-blog .toc li{
    display:block!important;
    margin:0!important;
    padding:0!important;
    border-bottom:1px solid #dbe7e3!important;
  }
  body.dm19-family-blog .toc li:last-child{border-bottom:0!important;}
  body.dm19-family-blog .toc a{
    display:block!important;
    min-height:42px!important;
    padding:10px 0!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

/* ---- Mobile reading widths and overflow safety ---- */
@media (max-width:600px){
  body.dm19-article-detail .dm-article-prose,
  body.dm19-family-blog > article.article-body,
  body.dm19-family-blog > article:not([class]){
    text-align:left!important;
  }
  body.dm19 :where(.dm-card,.dm-answer-box,.dm-inline-cta,.dm-note,.dm-hub-assessment,.dm-hub-help,.dm-hub-principle,.cta-box,.callout){
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.dm19 :where(h1,h2,h3,h4,p,li,a,strong,span){
    overflow-wrap:break-word;
  }
}

/* ---- Footer remains readable but not washed out ---- */
body.dm19 .dm-footer h2{color:#c9e1dc!important;}
body.dm19 .dm-footer a{color:#f1faf7!important;}
body.dm19 .dm-footer p,
body.dm19 .dm-footer span{color:#c6d8d4!important;}


/* ---- Legacy teal sections: explicit readable text on dark surfaces ---- */
body.dm19-family-blog .section--teal,
body.dm19-legacy-iq .section--teal{color:#effbf8!important;}
body.dm19-family-blog .section--teal :where(h1,h2,h3,h4,strong),
body.dm19-legacy-iq .section--teal :where(h1,h2,h3,h4,strong){color:#ffffff!important;}
body.dm19-family-blog .section--teal :where(p,li,span),
body.dm19-legacy-iq .section--teal :where(p,li,span){color:#d9f0eb!important;}
body.dm19-family-blog .section--teal a,
body.dm19-legacy-iq .section--teal a{color:#ffffff!important;text-decoration-color:rgba(255,255,255,.65)!important;}


/* Build 20.7 evidence / article hardening */
.dm-evidence-note{background:#f4fbf9;border:1px solid #c6e4df;border-left:4px solid #0f766e;border-radius:12px;padding:1rem 1.15rem;margin:1.25rem 0 2rem;color:#173d38;overflow-wrap:anywhere}
.dm-evidence-note strong{color:#173d38}.dm-evidence-note p{margin:.45rem 0;color:#294b47}.dm-evidence-note a{color:#0f766e;font-weight:650;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.dm-interpretation-limit{background:#fffaf0;border:1px solid #f3ddad;border-left:4px solid #a16207;border-radius:12px;padding:1rem 1.15rem;margin:1.25rem 0;color:#4c3710;overflow-wrap:anywhere}
@media(max-width:600px){.dm-evidence-note,.dm-interpretation-limit{padding:.9rem 1rem;margin:1rem 0 1.5rem}}


/* Build 21.1 unified mobile search */
body.dm19 .dm-nav__mobile-search{display:none;position:relative;width:100%;box-sizing:border-box;margin:4px 0 2px;}
body.dm19 .dm-nav__mobile-search input{width:100%;min-height:46px;box-sizing:border-box;border:1px solid #cfd9d4;border-radius:11px;background:#fffdf9;color:var(--dm19-ink);padding:11px 44px 11px 13px;font-family:var(--dm19-sans);font-size:14px;line-height:1.35;}
body.dm19 .dm-nav__mobile-search input::placeholder{color:#6d7874;opacity:1;}
body.dm19 .dm-nav__mobile-search input:focus{outline:3px solid rgba(15,118,110,.16);outline-offset:1px;border-color:var(--dm19-teal);}
body.dm19 .dm-nav__mobile-search-button{position:absolute;right:4px;top:4px;transform:none;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:transparent;color:var(--dm19-teal-dark);font-size:20px;cursor:pointer;}
body.dm19 .dm-nav__mobile-search-button:hover,body.dm19 .dm-nav__mobile-search-button:focus-visible{background:#edf5f2;}
body.dm19 .dm-nav__mobile-search .dm-nav__mobile-dropdown{position:static!important;top:auto!important;right:auto!important;width:100%!important;max-height:290px;margin-top:6px;overflow:auto;border:1px solid #d9e2de;border-radius:11px;background:#fff;box-shadow:none;z-index:auto;}
body.dm19 .nav__search-result-title{display:block;color:inherit;font-weight:650;line-height:1.35;}
body.dm19 .nav__search-result-type{display:block;margin-top:3px;color:#687671;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
body.dm19 .dm-nav__dropdown .nav__search-result{display:block;text-decoration:none;}
@media(max-width:680px){
  body.dm19 .dm-nav__mobile-search{display:block;grid-column:1 / -1;}
  body.dm19 .dm-nav__mobile-cta{margin-top:5px;}
}

/* ============================================================
   Build 21.2 — assessment landing-page dead-space fix
   The assessment runner is intentionally empty/hidden before a user starts.
   Do not reserve its 360px runtime height on the landing page. Once the
   engine adds .dm-assessment-is-running, the existing runner rules take over.
   ============================================================ */
.dm-assessment-page:not(.dm-assessment-is-running) .dm-assessment-runner-section{
  display:none!important;
  min-height:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}


/* ============================================================
   Build 21.3 — migrated article CTA contrast fix
   Keep text white on teal/green action buttons even when the
   article-wide link colour rule uses !important.
   ============================================================ */
body.dm19-family-blog > article.article-body .article-cta a,
body.dm19-family-blog > article:not([class]) .article-cta a,
body.dm19-family-blog > article.article-body a.cta-btn,
body.dm19-family-blog > article:not([class]) a.cta-btn,
body.dm19-family-blog > article.article-body a[style*="background:var(--teal)"],
body.dm19-family-blog > article.article-body a[style*="background: var(--teal)"],
body.dm19-family-blog > article:not([class]) a[style*="background:var(--teal)"],
body.dm19-family-blog > article:not([class]) a[style*="background: var(--teal)"] {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-decoration:none!important;
}
body.dm19-family-blog > article.article-body .article-cta a:visited,
body.dm19-family-blog > article.article-body .article-cta a:hover,
body.dm19-family-blog > article.article-body .article-cta a:focus,
body.dm19-family-blog > article.article-body .article-cta a:focus-visible,
body.dm19-family-blog > article.article-body .article-cta a:active,
body.dm19-family-blog > article:not([class]) .article-cta a:visited,
body.dm19-family-blog > article:not([class]) .article-cta a:hover,
body.dm19-family-blog > article:not([class]) .article-cta a:focus,
body.dm19-family-blog > article:not([class]) .article-cta a:focus-visible,
body.dm19-family-blog > article:not([class]) .article-cta a:active,
body.dm19-family-blog > article.article-body a.cta-btn:visited,
body.dm19-family-blog > article.article-body a.cta-btn:hover,
body.dm19-family-blog > article.article-body a.cta-btn:focus,
body.dm19-family-blog > article.article-body a.cta-btn:focus-visible,
body.dm19-family-blog > article.article-body a.cta-btn:active,
body.dm19-family-blog > article:not([class]) a.cta-btn:visited,
body.dm19-family-blog > article:not([class]) a.cta-btn:hover,
body.dm19-family-blog > article:not([class]) a.cta-btn:focus,
body.dm19-family-blog > article:not([class]) a.cta-btn:focus-visible,
body.dm19-family-blog > article:not([class]) a.cta-btn:active {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Pre-launch accessibility and privacy controls */
.skip-link{position:fixed;left:1rem;top:-6rem;z-index:100000;padding:.7rem 1rem;border-radius:.45rem;background:#fff;color:#111;text-decoration:none;font-weight:700;box-shadow:0 4px 20px rgba(0,0,0,.2)}
.skip-link:focus{top:1rem;outline:3px solid #f59e0b;outline-offset:2px}
.dm-consent-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:99999;max-width:980px;margin:0 auto;padding:1rem 1.1rem;background:#fff;color:#1f2937;border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 16px 40px rgba(15,23,42,.18);display:flex;gap:1rem;align-items:center;justify-content:space-between;font-family:Inter,Arial,sans-serif}
.dm-consent-banner__copy{display:flex;gap:.45rem;flex-wrap:wrap;align-items:baseline}.dm-consent-banner__copy strong{font-size:1rem}.dm-consent-banner__copy span{font-size:.9rem}.dm-consent-banner__copy a{color:#0f766e;font-size:.9rem;font-weight:600}.dm-consent-banner__actions{display:flex;gap:.55rem;flex-shrink:0}.dm-consent-banner button,.dm-privacy-choices{font:inherit;cursor:pointer;border:1px solid #0f766e;border-radius:9px;background:#fff;color:#0f766e;padding:.62rem .82rem;font-weight:700}.dm-consent-banner button.is-primary{background:#0f766e;color:#fff}.dm-privacy-choices{position:fixed;right:.7rem;bottom:.7rem;z-index:99990;padding:.42rem .6rem;font-size:.76rem;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.12)}
.dm-release-hold{max-width:1100px;margin:1.25rem auto;padding:1rem 1.15rem;border:1px solid #f59e0b;border-radius:12px;background:#fffbeb;color:#78350f;display:flex;gap:.55rem;flex-wrap:wrap;align-items:baseline}.dm-release-hold strong{font-size:1rem}.dm-release-hold span{font-size:.92rem}.dm-release-hold a{color:#92400e;font-weight:700}.is-release-held{opacity:.65;cursor:not-allowed!important}
@media(max-width:700px){.dm-consent-banner{align-items:stretch;flex-direction:column}.dm-consent-banner__actions{width:100%;flex-direction:column}.dm-consent-banner button{width:100%}.dm-privacy-choices{right:.4rem;bottom:.4rem}}