/* Approved blue material guide, with live text and navigation. */
body[data-page=home] .approved-guide-teaser{
  display:grid;grid-template-columns:48% 52%;align-items:center;position:relative;container-type:inline-size;
  padding:0;min-height:0;aspect-ratio:auto;border-radius:32px;background:#0044ef;color:#fff;font-family:Arial,Helvetica,sans-serif;
}
body[data-page=home] .guide-teaser-copy{padding:clamp(28px,4.4cqw,74px) 0 clamp(28px,4.4cqw,74px) 3.5cqw;width:auto}
body[data-page=home] .guide-teaser-copy .eyebrow{color:#fff;font-size:clamp(10px,1cqw,17px);margin-bottom:clamp(16px,1.4cqw,24px)}
body[data-page=home] .guide-teaser-copy h2{color:#fff;font-size:clamp(34px,4.1cqw,70px);line-height:1.06;letter-spacing:-.045em}
body[data-page=home] .guide-teaser-copy h2 em{color:#b9f2ff}
body[data-page=home] .guide-teaser-copy>p:not(.eyebrow){color:#fff;font-size:clamp(16px,1.55cqw,26px);line-height:1.45;max-width:42cqw;margin-top:clamp(20px,2.4cqw,40px)}
body[data-page=home] .guide-three{justify-content:flex-start;gap:clamp(22px,3.3cqw,56px);margin:clamp(26px,2.8cqw,47px) 0}
body[data-page=home] .guide-three span{color:#fff;font-size:clamp(12px,1.2cqw,20px);gap:12px;flex:none}
body[data-page=home] .guide-three svg{width:clamp(44px,4.4cqw,75px);height:clamp(44px,4.4cqw,75px);padding:clamp(10px,1.2cqw,20px)}
body[data-page=home] .guide-teaser-copy>.button{background:#fff;color:#003cff;border:1px solid #fff;border-radius:17px;width:26.6cqw;min-width:0;min-height:clamp(50px,4.7cqw,80px);font-size:clamp(16px,1.6cqw,27px);padding:14px 18px;justify-content:center}
body[data-page=home] .guide-teaser-copy>.button:hover{background:#e5f6ff;border-color:#e5f6ff}
body[data-page=home] .guide-teaser-copy>.underlink{color:#fff;font-size:clamp(13px,1.35cqw,23px);margin-top:clamp(18px,2cqw,34px);justify-content:flex-start;min-height:44px}
body[data-page=home] .guide-teaser-copy a:focus-visible{outline:3px solid #b9f2ff;outline-offset:5px}
body[data-page=home] .guide-teaser-art{display:block;position:absolute;inset:0 0 0 auto;width:60%;max-width:none;align-self:stretch;margin:0;overflow:hidden}
body[data-page=home] .guide-teaser-art img{display:block;position:absolute;top:50%;transform:translateY(-50%);width:100%;height:auto;aspect-ratio:1;object-fit:contain}
body[data-page=home] .guide-teaser-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0044ef,transparent 15%)}
@media(max-width:1000px){
  body[data-page=home] .approved-guide-teaser{grid-template-columns:1fr;border-radius:24px;aspect-ratio:auto}
  body[data-page=home] .guide-teaser-copy{padding:30px 24px 16px}
  body[data-page=home] .guide-teaser-copy h2{font-size:clamp(32px,7vw,46px)}
  body[data-page=home] .guide-teaser-copy .eyebrow{font-size:10px}
  body[data-page=home] .guide-three{gap:20px;justify-content:space-between;max-width:360px}
  body[data-page=home] .guide-three span{font-size:12px}
  body[data-page=home] .guide-teaser-copy>.button{width:100%;max-width:360px}
  body[data-page=home] .guide-teaser-copy>p:not(.eyebrow){max-width:none}
  body[data-page=home] .guide-teaser-art{position:relative;inset:auto;width:100%;aspect-ratio:1}
  body[data-page=home] .guide-teaser-art:after{background:linear-gradient(180deg,#0044ef,transparent 12%)}
}