/* Askan content blocks — front end.
   Colours come from theme.json presets so the blocks follow the brand palette. */

.askan-section-heading { margin-block: var(--wp--preset--spacing--40); }
.askan-section-heading__title {
  font-family: var(--wp--preset--font-family--grotesk);
  font-size: var(--wp--preset--font-size--2xl);
  color: var(--wp--preset--color--navy);
  margin: 0 0 .6em;
}
.askan-section-heading__intro > p:first-child { margin-top: 0; }

.askan-introduction {
  font-size: var(--wp--preset--font-size--lg);
  line-height: 1.6;
  color: var(--wp--preset--color--gray-dark);
  margin-block: var(--wp--preset--spacing--40);
}

.askan-hero-banner {
  border-radius: 14px;
  overflow: hidden;
  margin-block: var(--wp--preset--spacing--40);
}
.askan-hero-banner__media img { display: block; width: 100%; height: auto; }
.askan-hero-banner__body { padding: var(--wp--preset--spacing--30); }
.askan-hero-banner__title {
  font-family: var(--wp--preset--font-family--grotesk);
  margin: 0 0 .5em;
}

.askan-cta {
  background: var(--wp--preset--color--coral-light);
  border-left: 4px solid var(--wp--preset--color--coral);
  border-radius: 10px;
  padding: var(--wp--preset--spacing--30);
  margin-block: var(--wp--preset--spacing--40);
}
.askan-cta__title {
  font-family: var(--wp--preset--font-family--grotesk);
  font-size: var(--wp--preset--font-size--xl);
  color: var(--wp--preset--color--navy);
  margin: 0 0 .4em;
}
.askan-cta__text { margin: 0 0 1.2em; color: var(--wp--preset--color--gray-text); }
.askan-cta__button {
  display: inline-block;
  background: var(--wp--preset--color--coral);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  padding: .8rem 1.8rem;
  border-radius: 999px;
}
.askan-cta__button:hover { background: var(--wp--preset--color--coral-dark); }

.askan-author {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  background: var(--wp--preset--color--cream);
  border-radius: 12px;
  padding: var(--wp--preset--spacing--30);
  margin-block: var(--wp--preset--spacing--40);
}
.askan-author__avatar { border-radius: 50%; flex: none; object-fit: cover; }
.askan-author__name { font-weight: 700; margin: 0; color: var(--wp--preset--color--navy); }
.askan-author__role {
  margin: .1em 0 0;
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--gray-light);
}
.askan-author__bio { margin-top: .6em; }

.askan-code { margin-block: var(--wp--preset--spacing--40); }
.askan-code__title {
  font-family: var(--wp--preset--font-family--grotesk);
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--gray-light);
  margin-bottom: .5em;
}
.askan-code__pre {
  background: var(--wp--preset--color--navy);
  color: #E9EAF2;
  border-radius: 10px;
  padding: 1.1rem 1.3rem;
  overflow-x: auto;
  font-size: .875rem;
  line-height: 1.6;
}
.askan-code__pre code { font-family: ui-monospace, "SF Mono", Menlo, monospace; }

.askan-table { overflow-x: auto; margin-block: var(--wp--preset--spacing--40); }
.askan-table table { width: 100%; border-collapse: collapse; min-width: 480px; }
.askan-table caption {
  text-align: left;
  font-size: var(--wp--preset--font-size--sm);
  color: var(--wp--preset--color--gray-light);
  padding-bottom: .6em;
}
.askan-table th,
.askan-table td {
  text-align: left;
  padding: .75rem 1rem .75rem 0;
  border-bottom: 1px solid #E4E6EF;
  vertical-align: top;
}
.askan-table th {
  color: var(--wp--preset--color--navy);
  border-bottom: 2px solid var(--wp--preset--color--navy);
}
.askan-table td { color: var(--wp--preset--color--gray-text); }
.askan-table p { margin: 0; }