/* FAQ and pricing extensions to the shared compact guide typography. */
h1{text-wrap:balance}
.card-grid,.faq-grid,.plans,.info-grid{gap:14px}
.faq-group,.plan,.info-card{padding:20px;border-radius:12px;box-shadow:none}
.faq-group h3,.info-card h3,.plan-name{font-size:17px;line-height:1.5;font-weight:650}
.faq-group h3{margin-bottom:12px}
.faq-list,.faq{gap:10px}
details{padding:14px 16px;border-radius:10px;box-shadow:none}
summary,.faq summary{font-size:14px;line-height:1.65;font-weight:650;padding:0}
details p,.faq details p,.info-card p{font-size:14px;line-height:1.85}
details p{margin-top:10px}
.plan.featured{box-shadow:0 3px 14px rgba(37,99,235,.06)}
.plan-badge{top:18px;right:18px;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:650}
.plan-name{padding-right:74px}
.plan-desc{font-size:14px;line-height:1.85;margin-top:8px}
.price-row{margin-top:18px;gap:8px;flex-wrap:wrap}
.price{font-size:32px;line-height:1.15;font-weight:750}
.price-unit,.plan-note,.feature-list{font-size:13px}
.feature-list{gap:8px}
.plan-actions{gap:8px;margin-top:16px}
.plan .plan-actions,.cta-box .plan-actions{padding-top:16px!important}
#custom-monitoring{padding:20px!important;margin:20px 0!important}
#custom-monitoring .plan-actions{margin-top:16px!important}
.cta-box{box-shadow:0 3px 14px rgba(15,23,42,.08)}
@media(max-width:760px){
  .faq-group,.plan,.info-card{padding:18px}
  #custom-monitoring{padding:18px!important}
  .price{font-size:30px}
  details{padding:13px 14px}
}