/* The “What is Escrow” page uses the homepage’s responsive type hierarchy
   across all readable content while retaining the page’s existing structure. */
body.what-is-escrow{
  --what-type-h1-size:36px; --what-type-h1-line:46px;
  --what-type-h2-size:32px; --what-type-h2-line:42px;
  --what-type-h3-size:26px; --what-type-h3-line:36px;
  --what-type-h4-size:22px; --what-type-h4-line:32px;
  --what-type-body-l-size:18px; --what-type-body-l-line:28px;
  --what-type-body-m-size:16px; --what-type-body-m-line:26px;
  --what-type-body-s-size:14px; --what-type-body-s-line:22px;
  --what-type-caption-size:12px; --what-type-caption-line:18px;
  --what-type-button-size:16px; --what-type-button-line:24px;
}
@media (min-width:768px){
  body.what-is-escrow{
    --what-type-h1-size:48px; --what-type-h1-line:60px;
    --what-type-h2-size:40px; --what-type-h2-line:52px;
    --what-type-h3-size:32px; --what-type-h3-line:44px;
    --what-type-h4-size:24px; --what-type-h4-line:34px;
    --what-type-body-l-size:18px; --what-type-body-l-line:30px;
    --what-type-body-m-size:18px; --what-type-body-m-line:28px;
    --what-type-body-s-size:16px; --what-type-body-s-line:24px;
    --what-type-caption-size:14px; --what-type-caption-line:22px;
  }
}
@media (min-width:1200px){
  body.what-is-escrow{
    --what-type-h1-size:60px; --what-type-h1-line:72px;
    --what-type-h2-size:48px; --what-type-h2-line:62px;
    --what-type-h3-size:36px; --what-type-h3-line:48px;
    --what-type-h4-size:24px; --what-type-h4-line:34px;
    --what-type-body-l-size:20px; --what-type-body-l-line:32px;
    --what-type-body-m-size:18px; --what-type-body-m-line:28px;
    --what-type-body-s-size:16px; --what-type-body-s-line:24px;
    --what-type-caption-size:14px; --what-type-caption-line:22px;
  }
}
@media (min-width:1920px){
  body.what-is-escrow{
    --what-type-h1-size:64px; --what-type-h1-line:76px;
    --what-type-h2-size:52px; --what-type-h2-line:68px;
    --what-type-h3-size:36px; --what-type-h3-line:48px;
    --what-type-h4-size:26px; --what-type-h4-line:36px;
    --what-type-body-l-size:20px; --what-type-body-l-line:32px;
  }
}
body.what-is-escrow main{
  font-size:var(--what-type-body-m-size)!important;
  line-height:var(--what-type-body-m-line)!important;
}
body.what-is-escrow main :is(h1,h2,h3,h4){letter-spacing:inherit;}
body.what-is-escrow main h1,
body.what-is-escrow main .page-head h1{
  font-size:var(--what-type-h1-size)!important;
  line-height:var(--what-type-h1-line)!important;
}
body.what-is-escrow main h2{
  font-size:var(--what-type-h2-size)!important;
  line-height:var(--what-type-h2-line)!important;
}
body.what-is-escrow main h3{
  font-size:var(--what-type-h3-size)!important;
  line-height:var(--what-type-h3-line)!important;
}
body.what-is-escrow main h4{
  font-size:var(--what-type-h4-size)!important;
  line-height:var(--what-type-h4-line)!important;
}
body.what-is-escrow main .lead{
  font-size:var(--what-type-body-l-size)!important;
  line-height:var(--what-type-body-l-line)!important;
}
body.what-is-escrow main :is(p,li,dd,dt){
  font-size:var(--what-type-body-m-size)!important;
  line-height:var(--what-type-body-m-line)!important;
}
body.what-is-escrow main :is(.small,.status,.tag,.step__tags,.state .status){
  font-size:var(--what-type-body-s-size)!important;
  line-height:var(--what-type-body-s-line)!important;
}
body.what-is-escrow main .btn{
  font-size:var(--what-type-button-size)!important;
  line-height:var(--what-type-button-line)!important;
}
body.what-is-escrow main :is(.caption,.note,.source-note){
  font-size:var(--what-type-caption-size)!important;
  line-height:var(--what-type-caption-line)!important;
}
/* Use the homepage's root type scale for shared Header and Footer components. */
html:has(body.what-is-escrow){font-size:15.2px;}
@media screen and (min-width:992px) and (max-width:1440px){
  html:has(body.what-is-escrow){font-size:max(15.2px,calc(.557876rem + .39749vw));}
}
@media screen and (min-width:1441px) and (max-width:1920px){
  html:has(body.what-is-escrow){font-size:calc(.77206rem + .197711vw);}
}
@media screen and (min-width:1921px){
  html:has(body.what-is-escrow){font-size:calc(.59375rem + .395834vw);}
}

/* Shared homepage typography: the escrow page uses the same responsive tiers,
   weights and hierarchy as the homepage. */
body.what-is-escrow{
  --what-type-h1-size:2.5rem;
  --what-type-h1-line:2.75rem;
  --what-type-h2-size:calc(2rem + 6px);
  --what-type-h2-line:calc(2.375rem + 12px);
  --what-type-h3-size:1.625rem;
  --what-type-h3-line:2rem;
  --what-type-h4-size:1.375rem;
  --what-type-h4-line:1.875rem;
  --what-type-body-l-size:1.125rem;
  --what-type-body-l-line:1.625rem;
  --what-type-body-m-size:1rem;
  --what-type-body-m-line:1.5rem;
  --what-type-body-s-size:.875rem;
  --what-type-body-s-line:1.25rem;
  --what-type-caption-size:.75rem;
  --what-type-caption-line:1rem;
  --what-type-button-size:1rem;
  --what-type-button-line:1.375rem;
}
@media (min-width:768px){
  body.what-is-escrow{
    --what-type-h1-size:clamp(70px,calc(61.2px + .688vw),74.4px);
    --what-type-h1-line:clamp(80px,calc(69px + .859vw),85.5px);
    --what-type-h2-size:calc(clamp(38px,calc(31.333px + .868vw),48px) + 6px);
    --what-type-h2-line:calc(clamp(45.6px,calc(36.8px + 1.146vw),58.8px) + 12px);
    --what-type-h3-size:clamp(30.4px,calc(28px + .313vw),34px);
    --what-type-h3-line:clamp(38px,calc(35.2px + .365vw),42.2px);
    --what-type-h4-size:clamp(22.8px,calc(21.667px + .148vw),24.5px);
    --what-type-h4-line:clamp(30.4px,calc(29px + .182vw),32.5px);
    --what-type-body-l-size:clamp(17.1px,calc(16.167px + .122vw),18.5px);
    --what-type-body-l-line:clamp(26.6px,calc(25.333px + .165vw),28.5px);
    --what-type-body-m-size:clamp(17.1px,calc(16.833px + .035vw),17.5px);
    --what-type-body-m-line:clamp(24.7px,calc(24px + .091vw),25.75px);
    --what-type-body-s-size:clamp(15.2px,calc(15.067px + .017vw),15.4px);
    --what-type-body-s-line:clamp(20.9px,calc(20.133px + .1vw),22.05px);
    --what-type-caption-size:clamp(13.3px,calc(13.167px + .017vw),13.5px);
    --what-type-caption-line:clamp(19px,calc(18.333px + .087vw),20px);
  }
}
body.what-is-escrow main :is(h1,h2,h3,h4){color:var(--what-page-ink);}
body.what-is-escrow main h1{font-weight:700!important;letter-spacing:-.035em;}
body.what-is-escrow main h2{font-weight:600!important;letter-spacing:-.022em;}
body.what-is-escrow main :is(h3,h4){font-weight:600!important;letter-spacing:-.01em;}
body.what-is-escrow main :is(p,li,dd,dt){font-weight:400;}
body.what-is-escrow main .btn{font-weight:600!important;}