/* Tool landing pages (templates/landing/landing.html). Builds on home.css. */
.lp-crumb { margin-bottom: 18px; }
.landing .section { padding: 72px 0; }
.landing .section-head { margin-bottom: 24px; }
.lp-body { max-width: 760px; font-size: 16px; line-height: 1.8; color: var(--text2); }
.lp-body p + p, .lp-body p + ol, .lp-body ol + p, .lp-body ul + p { margin-top: 14px; }
.lp-body a { color: var(--blue); }
.lp-steps, .lp-list { display: grid; gap: 12px; padding-left: 22px; }
.lp-steps li::marker { color: var(--blue); font-weight: 800; }
.lp-list li::marker { color: var(--blue); }
.lp-tools { display: flex; flex-wrap: wrap; gap: 10px; }
.lp-tools a {
  padding: 10px 16px; border: 1px solid var(--border); border-radius: 999px; background: #fff;
  font-weight: 600; color: var(--text2); text-decoration: none; transition: border-color .15s, color .15s;
}
.lp-tools a:hover { border-color: var(--blue); color: var(--blue); }
@media (max-width: 640px) { .landing .section { padding: 56px 0; } }