/* CLASSIC - editorial serif, cream canvas, two-tier header with a slim top line. */
.template-classic { font-family: var(--font-body); color: var(--text); }
.template-classic h1, .template-classic h2, .template-classic h3 { font-family: var(--font-heading); }

.site-header--classic .header-topline { background: var(--primary); color: var(--on-primary); font-size: 12.5px; letter-spacing: .02em; }
.site-header--classic .header-topline .container { display: flex; justify-content: space-between; padding-top: 6px; padding-bottom: 6px; }
.site-header--classic .header-topline a { color: var(--on-primary); opacity: .9; }
.site-header--classic .header-main { padding: 14px 0; }

.template-classic .hero { border-bottom: 3px double var(--border-strong); }
.template-classic .section-header .eyebrow { font-family: var(--font-heading); font-style: italic; text-transform: none; letter-spacing: 0; font-size: 1rem; }
.template-classic .catalog-card, .template-classic .pricing-card, .template-classic .testimonial-card { border-radius: var(--radius); }
.template-classic .pricing-card.featured { outline: 2px solid var(--accent); outline-offset: -2px; }

.site-footer--classic { padding-top: 72px; }
.site-footer--classic .footer-grid { grid-template-columns: 1.6fr 1fr 1fr; }

.conversion-bar { display: flex; gap: 8px; justify-content: center; padding: 8px; background: var(--primary); color: var(--on-primary); position: sticky; top: 0; z-index: 100; }
.course-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }
.course-card { border: 1px solid rgba(0,0,0,.08); border-radius: var(--radius); padding: 20px; background: #fff; }
.hero-search { max-width: 560px; margin: 24px auto 0; display: flex; gap: 8px; }
.hero-search input { flex: 1; padding: 12px 16px; border-radius: 8px; border: 1px solid #ccc; }