/* Space Coast Co-Hosts — Single article styles */
/* =========================================================
   SINGLE BLOG COMPONENTS
   ========================================================= */

.single-blog__header { background: var(--color-surface-soft); }
.article-header { max-width: 1080px; }
.article-breadcrumb { margin-bottom: 34px; }
.article-breadcrumb a { display: inline-flex; align-items: center; gap: 7px; color: var(--color-brand); font-weight: 600; text-decoration: none;
}
.article-breadcrumb i { display: grid; place-items: center; line-height: 1; }
.article-title { max-width: 1040px; margin: 18px 0 20px; color: var(--color-ink); }
.article-title span { color: var(--color-brand); }
.article-deck { max-width: 820px; margin: 0; color: var(--color-copy); line-height: 1.7; }
.article-layout { display: grid; grid-template-columns: 74px minmax(0, 820px); justify-content: center; gap: 38px; align-items: start;
}
.article-share { position: sticky; top: 112px; display: grid; justify-items: center; gap: 10px;
}
.article-share > span { margin-bottom: 3px; color: var(--color-muted); font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.article-share__action { position: relative; display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 1px solid var(--color-border); border-radius: 50%; background: var(--color-white); color: var(--color-brand); font: inherit; text-decoration: none; cursor: pointer; transition: transform var(--duration-medium) var(--ease-standard), background var(--duration-medium) ease, color var(--duration-medium) ease;
}
.article-share__action:hover { transform: translateY(-2px); background: var(--color-brand); color: var(--color-white); }
.article-share__action:focus-visible { outline: 3px solid rgba(var(--rgb-brand), .24); outline-offset: 3px; }
.article-share__action.is-copied { border-color: var(--color-brand); background: var(--color-brand); color: var(--color-white); }
.article-share i { display: grid; place-items: center; line-height: 1; }
.article-share__x { display: grid; place-items: center; font-weight: 600; line-height: 1; }
.article-body { min-width: 0; color: var(--color-copy); line-height: 1.82; }
.article-body > p { margin: 0 0 24px; }
.article-body > .wp-block-group:first-child { margin-top: 0; }
.article-body img { max-width: 100%; height: auto; border-radius: var(--radius-md); }
.article-body a { color: var(--color-brand); text-decoration-thickness: .08em; text-underline-offset: .16em; }
.article-body .alignwide { width: min(100%, 980px); max-width: 980px; }
.article-body .alignfull { width: 100%; }
.article-body > h2 { margin: 50px 0 18px; color: var(--color-ink); font-family: var(--font-heading); line-height: 1.18; font-weight: 400;
}
.article-body > h3 { margin: 34px 0 14px; color: var(--color-ink); line-height: 1.35; }
.article-body blockquote { margin: 36px 0; padding: 26px 30px; border-left: 4px solid var(--color-accent); border-radius: 0 var(--radius-md) var(--radius-md) 0; background: var(--color-surface-soft); color: var(--color-ink-soft); font-family: var(--font-heading); line-height: 1.5;
}
.article-key-takeaways { margin-bottom: 42px; padding: 28px 30px; border: 1px solid var(--color-brand-soft-border); border-radius: var(--radius-lg); background: var(--color-surface-soft);
}
.article-key-takeaways .section-kicker { margin-bottom: 14px; }
.article-key-takeaways ul { display: grid; gap: 10px; margin: 0; padding-left: 20px; }
.article-key-takeaways li { padding-left: 5px; }
.article-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 52px; padding: 30px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface-soft); box-shadow: none;
}
.article-cta .heading--card { margin: 8px 0 8px; }
.article-cta p { margin: 0; line-height: 1.65; }
.article-cta .primary,
.article-cta .primary:visited { flex: 0 0 auto; margin-top: 0; color: var(--color-white); }
.article-cta .primary:hover,
.article-cta .primary:focus-visible { color: var(--color-white); }
.related-posts { background: var(--color-surface-soft); }
.related-posts__head { margin-bottom: 34px; }
.related-posts__head .heading--section { margin-top: 10px; }