/* Marketing content pass (learn worker). Merge into ctf7-app.css after review. */

/* Reusable link boxes: "Tools for this guide", "Guides that use this tool" */
.mkt-linkbox { border: 1px solid var(--line-2); border-radius: 14px; padding: 1.25rem 1.4rem; background: var(--bg-2, transparent); }
.mkt-linkbox h2 { margin: 0 0 .35rem; display: flex; align-items: center; gap: .5rem; }
.mkt-linkbox-list { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .55rem; }
.mkt-linkbox-list li { display: flex; flex-direction: column; gap: .1rem; }
.mkt-linkbox-list li > a { font-weight: 600; }
.mkt-linkbox-list li > span { color: var(--muted); font-size: .9rem; }

/* Next-step block (practice + War Zone) */
.mkt-nextsteps { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin: 1.25rem 0; }
.mkt-nextsteps > div { border: 1px solid var(--line-2); border-radius: 14px; padding: 1rem 1.2rem; }
.mkt-nextsteps h3, .mkt-nextsteps h4 { margin: 0 0 .35rem; font-size: 1.05rem; }
.mkt-nextsteps p { margin: 0; font-size: .95rem; }

/* Blog share row */
.mkt-share { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 1.5rem 0; }
.mkt-share-label { color: var(--muted); font-size: .9rem; margin-right: .25rem; }
.mkt-share .btn { display: inline-flex; align-items: center; gap: .4rem; }

/* Per-category CTA at the end of a post */
.mkt-post-cta { border: 1px solid var(--line-2); border-radius: 14px; padding: 1.25rem 1.4rem; margin: 2rem 0; }
.mkt-post-cta h2 { font-size: 1.2rem; margin: 0 0 .4rem; }
.mkt-post-cta p { margin: 0 0 .9rem; }