/* Chapter Six lead-magnet page, aligned with the existing Rocky site */
.chapter-landing { padding: 64px 5% 96px; background: radial-gradient(ellipse at 50% 9%, #9b6b3b1c, transparent 53%); }
.chapter-content { max-width: 780px; margin: 0 auto; text-align: center; }
.chapter-cover { width: min(260px, 65vw); height: auto; margin: 0 auto 44px; border: 1px solid #ffffff20; box-shadow: 0 20px 55px #0008, 0 0 40px #c6a37316; }
.chapter-content .eyebrow { margin-bottom: 20px; }
.chapter-content h1 { font-size: clamp(40px, 5vw, 70px); line-height: 1.06; max-width: 820px; margin: 0 auto 25px; }
.chapter-description { font-size: clamp(16px, 1.6vw, 19px); line-height: 1.8; max-width: 685px; margin: 0 auto 32px; color: #dfd9ce; }
.chapter-form-wrap { width: min(100%, 520px); margin: 0 auto; text-align: left; }
.chapter-form-wrap form { font-family: Inter, system-ui, Arial, sans-serif; max-width: 520px; padding: 24px; background: #fff; color: #111827; border-radius: 10px; border: 1px solid #e5e7eb; box-shadow: 0 12px 44px #0005; }
.chapter-form-wrap label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 5px; color: #374151; }
.chapter-form-wrap input:not([type='hidden']) { width: 100%; padding: 11px 12px; color: #111827; border: 1px solid #d1d5db; border-radius: 8px; font-size: 15px; box-sizing: border-box; background: #fff; }
.chapter-form-wrap input:focus { outline: 2px solid #b89357; outline-offset: 1px; }
.chapter-form-fields { display: flex; flex-wrap: wrap; gap: 16px; }
.chapter-field { width: 100%; }
.chapter-form-wrap button[type='submit'] { width: 100%; margin-top: 17px; padding: 13px 20px; background: #a73e31; color: #fff; border: none; border-radius: 8px; font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; transition: background .2s; }
.chapter-form-wrap button[type='submit']:hover:not(:disabled) { background: #8e3025; }
.chapter-form-wrap button[type='submit']:focus-visible { outline: 3px solid #b89357; outline-offset: 3px; }
.chapter-form-wrap button[type='submit']:disabled { opacity: .7; cursor: progress; }
.chapter-privacy { font-size: 11px; color: #a4a499; line-height: 1.65; text-align: center; margin: 13px auto 0; max-width: 500px; }
.chapter-explore { display: inline-block; margin-top: 35px; }
.so-toast { position: fixed; top: 24px; left: 50%; transform: translateX(-50%) translateY(-20px); background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px 24px; box-shadow: 0 8px 30px rgba(0,0,0,.12); display: flex; align-items: center; gap: 12px; z-index: 10000; opacity: 0; pointer-events: none; transition: opacity .3s,transform .3s; max-width: 420px; width: max-content; color: #374151; }
.so-toast.show { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.so-toast-icon { width: 32px; height: 32px; border-radius: 50%; background: #dcfce7; color: #16a34a; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.so-toast-msg { font-size: 14px; color: #374151; line-height: 1.4; }
.so-err { color: #dc2626; font-size: 13px; margin-top: 8px; }
@media (max-width: 650px) { .chapter-landing { padding: 44px 6% 70px; } .chapter-cover { width: min(210px, 62vw); margin-bottom: 33px; } .chapter-content h1 { font-size: clamp(35px, 10vw, 48px); } .chapter-description { font-size: 16px; } .chapter-form-wrap form { padding: 21px; } .so-toast { max-width: calc(100vw - 28px); } }