.product-guide { background: #fff; color: #26342e; padding-bottom: 48px; }
.product-guide h1, .product-guide h2, .product-guide h3 { letter-spacing: 0; }
.product-guide a:not(.ap-btn) { color: #176044; text-underline-offset: 3px; }
.guide-intro { padding-top: 42px; padding-bottom: 40px; }
.guide-intro nav { font-size: 14px; color: #59645e; margin-bottom: 24px; }
.guide-eyebrow { font-size: 14px; font-weight: 700; color: #59645e; margin-bottom: 12px; }
.guide-intro h1 { font-size: 40px; max-width: 900px; line-height: 1.15; margin-bottom: 20px; }
.guide-lead { max-width: 850px; font-size: 18px; line-height: 1.7; margin-bottom: 24px; }
.guide-secondary { display: inline-block; margin: 12px 20px; }
.guide-intro .ap-btn { white-space: normal; border-radius: 6px; max-width: 100%; }
.guide-columns { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); gap: 56px; }
.guide-section { padding: 28px 0; border-top: 1px solid #dce4df; }
.guide-section h2, .guide-aside h2 { font-size: 24px; line-height: 1.3; margin-bottom: 16px; }
.guide-section p, .guide-section li { font-size: 16px; line-height: 1.8; }
.guide-section li { margin-bottom: 10px; }
.guide-section blockquote { border-left: 3px solid #d86816; padding: 8px 0 8px 22px; margin: 20px 0; font-size: 18px; line-height: 1.75; }
.guide-aside { align-self: start; padding-top: 28px; }
.guide-aside img { width: 100%; height: auto; }
.guide-aside li { margin-bottom: 14px; }
.guide-aside p, .guide-aside figcaption { font-size: 14px; line-height: 1.7; color: #58675e; }
.guide-product-image { margin-bottom: 36px; }
.guide-product-image img { width: 100%; height: auto; display: block; }
.guide-product-image--portrait { max-width: 360px; }
.guide-product-image figcaption { font-size: 13px; color: #59645e; margin-top: 12px; }
.guide-reading { max-width: 900px; }
.guide-faq { padding: 16px 0; border-bottom: 1px solid #dce4df; }
.guide-faq summary { cursor: pointer; font-weight: 650; line-height: 1.6; }
.guide-faq p { margin: 14px 0 0; }
.guide-topics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.guide-topics article { border-top: 1px solid #dce4df; padding-block: 24px; }
.guide-topics h2 { font-size: 22px; }
.guide-topics p { font-size: 15px; line-height: 1.75; }
.product-guide a:focus-visible, .product-guide summary:focus-visible { outline: 3px solid #d86816; outline-offset: 4px; }
@media (max-width: 900px) {
  .guide-columns { grid-template-columns: 1fr; gap: 20px; }
  .guide-aside { max-width: 600px; }
  .guide-topics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
  .guide-intro { padding-top: 28px; padding-bottom: 28px; }
  .guide-intro h1 { font-size: 30px; overflow-wrap: anywhere; }
  .guide-lead { font-size: 16px; }
  .guide-section h2 { font-size: 23px; }
  .guide-topics { grid-template-columns: 1fr; }
  .guide-secondary { margin-left: 0; }
}