.landing-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 18px; align-items: start; }
.landing-article h2 { margin-top: 28px; }
.landing-article p, .landing-article li { color: var(--muted); line-height: 1.7; }
.quick-answer { border: 1px solid rgba(35,99,235,.18); background: #f3f7ff; border-radius: 18px; padding: 18px; margin-bottom: 20px; }
.quick-answer p { margin-bottom: 0; color: var(--text); }
.use-case-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; margin: 18px 0; }
.use-case-grid a, .resource-links a { display:block; text-decoration:none; color: var(--text); background:#f8fbff; border:1px solid var(--border); border-radius:14px; padding:13px 14px; font-weight:700; }
.faq-block details { border:1px solid var(--border); border-radius:14px; padding:14px 16px; margin:10px 0; background:#fff; }
.faq-block summary { cursor:pointer; font-weight:800; }
.faq-block p { margin:10px 0 0; }
.download-note { background:#fff8eb; border:1px solid #f3d199; border-radius:18px; padding:16px; }
@media (max-width: 900px) { .landing-layout { grid-template-columns:1fr; } .use-case-grid { grid-template-columns:1fr; } }
.tool-directory {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.tool-directory a {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 100%;
  text-decoration: none;
  color: var(--text);
  background: #f8fbff;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 18px;
}

.tool-directory a:hover,
.resource-links a:hover {
  border-color: rgba(35, 99, 235, 0.45);
  box-shadow: 0 12px 28px rgba(18, 38, 63, 0.08);
}

.tool-directory span {
  color: var(--muted);
  line-height: 1.55;
}

.blog-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  align-items: start;
}

.blog-article {
  line-height: 1.72;
}

.blog-article h2 {
  margin: 26px 0 8px;
  font-size: 1.28rem;
}

.blog-article p,
.blog-article li {
  color: #344054;
}

.blog-cta {
  margin-top: 24px;
  padding: 18px;
  border-radius: 18px;
  background: #eaf1ff;
  border: 1px solid rgba(35, 99, 235, 0.18);
}

.blog-sidebar {
  position: sticky;
  top: 92px;
}

@media (max-width: 900px) {
  .tool-directory,
  .blog-layout {
    grid-template-columns: 1fr;
  }

  .blog-sidebar {
    position: static;
  }
}