* { box-sizing: border-box; } img { max-width: 100%; } .bqcd-wrap { max-width: 100%; overflow-x: hidden; color: #14212e; } .bqcd-section-title { font-size: 1rem; font-weight: 700; letter-spacing: -0.01em; color: #14212e; margin: 0 0 0.875rem 0; position: relative; padding-bottom: 0.5rem; } .bqcd-section-title::after { content: ; display: block; position: absolute; bottom: 0; left: 0; width: 3rem; height: 4px; background: #2e5fa3; border-radius: 3px; } /* Meta bar — Fever-tab style, no pill badges */ .bqcd-meta { display: flex; flex-wrap: wrap; gap: 0 1.5rem; margin: 0 0 1.25rem 0; padding-bottom: 0.75rem; border-bottom: 1px solid #e6e9ee; } .bqcd-meta span { font-size: 0.8rem; font-weight: 600; color: #14212e; display: flex; align-items: center; gap: 0.3rem; } .bqcd-intro { font-size: 1rem; line-height: 1.7; color: #444; margin: 0 0 1.5rem 0; } .bqcd-topic { font-size: 0.98rem; line-height: 1.7; color: #333; margin: 0 0 1.5rem 0; } .bqcd-hero-quote { position: relative; padding: 0.75rem 0 0.75rem 1.25rem; margin: 1.5rem 0 1.75rem 0; border-left: 4px solid #2e5fa3; } .bqcd-hero-quote p { margin: 0; font-family: Georgia, Times New Roman, serif; font-size: 1.3rem; line-height: 1.35; font-weight: 500; font-style: italic; color: #14212e; letter-spacing: -0.01em; } .bqcd-hero-quote .quote-accent { color: #2e5fa3; } .bqcd-speaker { background: linear-gradient(150deg, #14212e 0%, #1d3346 60%, #22506b 100%); color: #fff; border-radius: 1rem; padding: 1.5rem 1.5rem 1.6rem 1.5rem; margin: 0 0 1.75rem 0; } .bqcd-speaker-kicker { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #7aadee; margin: 0 0 0.6rem 0; display: block; } .bqcd-speaker-name { font-size: 1.5rem; font-weight: 800; line-height: 1.15; letter-spacing: -0.01em; margin: 0 0 0.3rem 0; color: #fff; } .bqcd-speaker-credentials { font-size: 0.9rem; font-weight: 600; color: #aecbf0; margin: 0 0 0.85rem 0; } .bqcd-speaker-bio { font-size: 0.95rem; line-height: 1.65; color: #e4ecf3; margin: 0; } .bqcd-speaker-closer { font-size: 0.9rem; font-weight: 600; color: #aecbf0; margin: 0.85rem 0 0 0; } .bqcd-divider { height: 1px; background: #e6e9ee; margin: 1.75rem 0; } .bqcd-highlight-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; } .bqcd-highlight-card { background: #f7f9fb; border-radius: 0.75rem; padding: 0.9rem 0.95rem; display: flex; flex-direction: column; gap: 0.4rem; } .bqcd-highlight-icon { font-size: 1.25rem; line-height: 1; } .bqcd-highlight-text { font-size: 0.9rem; line-height: 1.45; color: #333; } .bqcd-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.6rem; } .bqcd-step { display: flex; flex-direction: column; background: #f7f9fb; border-radius: 0.75rem; padding: 0.9rem 0.85rem; } .bqcd-step-num { width: 1.5rem; height: 1.5rem; border-radius: 999px; background: #2e5fa3; color: #fff; font-size: 0.8rem; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0.5rem