.guide-hub,.guide-article{padding-bottom:48px}
.guide-hub-heading,.guide-heading{padding-block:48px 32px;max-width:920px}
.guide-hub-heading h1,.guide-heading h1{font-size:48px;line-height:1.12;letter-spacing:0;margin:8px 0 16px}
.guide-hub-heading>p:not(.eyebrow),.guide-lead{font-size:18px;line-height:1.7;color:#52627a;max-width:800px}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--line)}
.guide-card{padding-block:32px;border-bottom:1px solid var(--line)}
.guide-card h2{font-size:23px;line-height:1.35;letter-spacing:0;margin:8px 0 12px}
.guide-card h2 a{color:var(--navy)}
.guide-card>p:not(.eyebrow){color:#52627a;font-size:15px;line-height:1.7;max-width:620px}
.guide-card .plain-link{display:inline-block;margin-top:16px;font-weight:700;color:var(--blue)}
.guide-principle{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;padding-block:32px;border-bottom:1px solid var(--line)}
.guide-principle p{color:#52627a;line-height:1.7}
.guide-heading .breadcrumb{padding:0 0 24px}
.guide-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;margin:32px 0 0;padding-top:24px;border-top:1px solid var(--line)}
.guide-meta div{display:grid;gap:6px}
.guide-meta dt{font-size:12px;font-weight:700;color:#71819a;text-transform:uppercase}
.guide-meta dd{margin:0;font-size:14px;color:var(--navy)}
.guide-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,320px);justify-content:space-between;gap:64px;padding-block:24px 40px;border-top:1px solid var(--line)}
.guide-copy section{padding-block:28px;border-bottom:1px solid var(--line)}
.guide-copy h2{font-size:27px;line-height:1.35;letter-spacing:0;margin-bottom:12px}
.guide-copy p,.guide-copy li{font-size:16px;line-height:1.8;color:#44546b}
.guide-copy p+p{margin-top:12px}
.guide-copy ul{margin:16px 0 0;padding-left:20px;display:grid;gap:8px}
.guide-cta{align-self:start;position:sticky;top:104px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#f7f9fd}
.guide-cta h2{font-size:22px;line-height:1.35;letter-spacing:0;margin:8px 0}
.guide-cta p:not(.eyebrow){font-size:14px;line-height:1.65;color:#52627a}
.guide-cta .button{margin-top:16px;width:100%;text-align:center}
.guide-article>.faq{padding-block:40px;border-top:1px solid var(--line)}
.guide-related{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;padding-block:40px;border-top:1px solid var(--line)}
.guide-related h2{font-size:28px;line-height:1.35;letter-spacing:0;margin-top:8px}
.guide-related>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.guide-related a{display:grid;gap:5px;padding-block:16px;border-bottom:1px solid var(--line)}
.guide-related a span{font-size:11px;font-weight:700;color:var(--blue);text-transform:uppercase}
.guide-related a strong{font-size:14px;line-height:1.45;color:var(--navy)}
.guide-product-links{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.guide-product-links h2{font-size:26px;line-height:1.35;letter-spacing:0;margin-top:8px}
.guide-product-links>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.guide-product-links a{display:grid;gap:6px;padding-block:16px;border-bottom:1px solid var(--line)}
.guide-product-links a span{font-size:11px;font-weight:700;color:var(--blue);text-transform:uppercase}
.guide-product-links a strong{font-size:15px;line-height:1.45;color:var(--navy)}
@media(max-width:720px){
  .guide-hub,.guide-article{padding-bottom:24px}
  .guide-hub-heading,.guide-heading{padding-block:32px 24px}
  .guide-hub-heading h1,.guide-heading h1{font-size:36px}
  .guide-hub-heading>p:not(.eyebrow),.guide-lead{font-size:16px}
  .guide-grid{grid-template-columns:minmax(0,1fr)}
  .guide-card{padding-block:24px}
  .guide-card h2{font-size:21px}
  .guide-principle,.guide-layout,.guide-related{grid-template-columns:minmax(0,1fr);gap:20px}
  .guide-principle{padding-block:24px}
  .guide-meta{grid-template-columns:minmax(0,1fr);gap:16px}
  .guide-layout{padding-block:16px 24px}
  .guide-copy section{padding-block:24px}
  .guide-copy h2{font-size:24px}
  .guide-copy p,.guide-copy li{font-size:15px}
  .guide-cta{position:static}
  .guide-related{padding-block:24px}
  .guide-related>div:last-child{grid-template-columns:minmax(0,1fr)}
  .guide-product-links{grid-template-columns:minmax(0,1fr);gap:16px}
  .guide-product-links>div:last-child{grid-template-columns:minmax(0,1fr)}
}