/* Keyword landing pages (keyword_landing.html): landlord software, rental
   property management software, tenant management software. */
body.public-design.pd-product-keyword-landing #main-content .kwl-cta,
body.public-design.pd-product-keyword-landing #main-content .kwl-trust { margin-top: 24px; }
body.public-design.pd-product-keyword-landing #main-content .kwl-link { margin-top: 8px; display: inline-flex; min-height: 44px; align-items: center; }
body.public-design.pd-product-keyword-landing #main-content .kwl-final { position: relative; z-index: 1; }
body.public-design.pd-product-keyword-landing #main-content .kwl-final-cta { justify-content: center; }

body.public-design.pd-product-keyword-landing #main-content :is(.cz-h2, .cz-h, .cz-grad, .fpg-final h2) { line-height: 1.5 !important; }
body.public-design.pd-product-keyword-landing #main-content :is(.cz-sub, .cz-p, .kwl-steps li, .kwl-related-list a, .fpg-final p:not(.fine)) {
  --ui-body: 1rem; font-size: var(--ui-body); line-height: 1.5 !important; overflow-wrap: anywhere;
}
body.public-design.pd-product-keyword-landing #main-content .cz-chip .pub-check { flex: 0 0 auto; }

body.public-design.pd-product-keyword-landing #main-content .fpg-btn:is(.pd-action, .pd-secondary) { border-radius: 999px; transition: background-color .4s, color .4s; }
body.public-design.pd-product-keyword-landing #main-content .fpg-btn.pd-action { background: var(--btn-primary-bg) !important; color: var(--btn-primary-fg) !important; border-color: var(--btn-primary-bg) !important; }
body.public-design.pd-product-keyword-landing #main-content .fpg-btn.pd-action:is(:hover, :focus-visible) { background: var(--btn-primary-hover) !important; color: var(--btn-primary-hover-fg) !important; border-color: var(--btn-primary-hover) !important; }
body.public-design.pd-product-keyword-landing #main-content .fpg-btn.pd-secondary { --interaction-bg: var(--brand-deep-purple); --interaction-hover-ink: var(--surface); background: var(--surface) !important; color: var(--brand-deep-purple) !important; border-color: var(--brand-deep-purple) !important; }
body.public-design.pd-product-keyword-landing #main-content .fpg-btn.pd-secondary:is(:hover, :focus-visible) { background: var(--brand-deep-purple) !important; color: var(--surface) !important; }

body.public-design.pd-product-keyword-landing #main-content .kwl-steps ol { list-style: decimal; padding-left: 1.5em; margin: 16px 0; max-width: 70ch; }
body.public-design.pd-product-keyword-landing #main-content .kwl-steps li + li { margin-top: 8px; }

body.public-design.pd-product-keyword-landing #main-content .kwl-faq details { margin: 12px 0; border: 2px solid var(--line); border-radius: 4px; background: var(--surface); max-width: 80ch; }
body.public-design.pd-product-keyword-landing #main-content .kwl-faq summary { min-height: 44px; padding: 12px; font-size: 16px; font-weight: 700; line-height: 1.5; cursor: pointer; }
body.public-design.pd-product-keyword-landing #main-content .kwl-faq details .cz-p { padding: 0 12px 12px; margin: 0; }

body.public-design.pd-product-keyword-landing #main-content .kwl-related-list { list-style: none; padding: 0; margin: 16px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 24px; }
body.public-design.pd-product-keyword-landing #main-content .kwl-related-list a { display: inline-flex; min-height: 44px; align-items: center; font-weight: 600; }
@media (max-width: 900px) { body.public-design.pd-product-keyword-landing #main-content .kwl-related-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { body.public-design.pd-product-keyword-landing #main-content .kwl-related-list { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) {
  body.public-design.pd-product-keyword-landing #main-content .fpg-btn:is(.pd-action, .pd-secondary) { transition: none !important; }
}