/* ========================= NOTE REQUIRES: add class="i-can-page" to on the I Can Mindset HTML page. This prevents global bleed and keeps the book styling isolated. ========================= */ /* The I Can Mindset — page overrides (hybrid mode) Uses global site styles from /style.css plus this file. */ .i-can-page{ background: #0b1a33; color: #ffffff; } .i-can-page .book-page{ width: 90%; max-width: 900px; margin: 0 auto; padding: 20px; } .i-can-page .book-page h1, .i-can-page .book-page h2, .i-can-page .book-page h3{ color: var(--gold, #d4af37); text-align: center; } .i-can-page .book-cover{ text-align: center; margin: 20px 0; } .i-can-page .book-cover-img{ max-width: 300px; width: 100%; border-radius: 8px; box-shadow: 0 0 20px rgba(255, 215, 0, 0.4); } .i-can-page .book-cta{ display: inline-block; min-width: 300px; text-align: center; font-size: 20px; font-weight: 700; } .i-can-page .book-section{ max-width: 900px; } .i-can-page .book-page ul{ margin-top: .75rem; } .i-can-page .book-page footer{ text-align: center; margin: 50px 0; opacity: 0.8; } /* Center CTA buttons without stretching */ .i-can-page .book-page{ text-align: center; } /* Keep content text left-aligned */ .i-can-page .book-section, .i-can-page footer{ text-align: left; } /* Button stays its natural width */ .i-can-page .book-cta{ display: inline-block; margin: 1.5rem 0; } /* ========================= SAFETY NET: readable text in white cards (if you use any light panels later) ========================= */ .i-can-page .card, .i-can-page .panel{ color:#222; }