/* Strategy page specific styles (lean, leveraging base.css) */
.hero-strategy {
  padding: var(--space-48) 0 var(--space-32);
  background:
    radial-gradient(600px 400px at 15% 10%, rgba(31, 228, 228, 0.08), transparent 60%),
    radial-gradient(700px 500px at 90% 0%, rgba(255, 209, 102, 0.06), transparent 50%);
}
.hero-inner { display: grid; gap: var(--space-24); align-items: center; grid-template-columns: 1fr; }
.hero-text { max-width: 720px; }
.hero-actions { display: flex; gap: var(--space-16); flex-wrap: wrap; margin-block: var(--space-16); }
.hero-search { margin-top: var(--space-8); max-width: 520px; }
.hero-figure { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); border: 1px solid var(--color-border); }

@media (min-width: 960px) {
  .hero-inner { grid-template-columns: 1.1fr 0.9fr; }
}

/* Table of contents */
.toc { margin-block: var(--space-24) var(--space-32); }
.toc-list { display: flex; flex-wrap: wrap; gap: var(--space-12); }
.toc-list a { display: inline-block; padding: 8px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-pill); background: var(--color-surface); }

/* Sections */
.strategy-section { margin-block: var(--space-40); }
.section-header { margin-bottom: var(--space-16); }
.strategy-section .card + .card { margin-top: 0; }

/* Downloads */
.downloads-list { display: grid; gap: var(--space-16); grid-template-columns: 1fr; }
@media (min-width: 768px) { .downloads-list { grid-template-columns: repeat(3, 1fr); } }
.downloads-list .card h3 { margin-bottom: var(--space-8); }
.downloads-list .btn { margin-top: var(--space-8); }

/* Small niceties */
figure.card img { border-radius: var(--radius-md); }