/* md-leads.css — shared styles for: inline email opt-in (.md-optin), PDF download
   gate (.md-gate), author byline (.md-byline) and visible FAQ blocks (.md-faq).
   Uses each page's own theme variables (with fallbacks) so dark/light both work. */

/* ── Author byline ─────────────────────────────────────────── */
.md-byline{display:flex;align-items:center;gap:12px;margin:-14px 0 28px;padding-bottom:20px;border-bottom:1px solid var(--line,rgba(217,164,65,.18));}
.md-byline__avatar{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,var(--gold,#d9a441),var(--gold-bright,#f4cb6e));color:#1a1305;font-family:'Space Mono',monospace;font-weight:700;font-size:13px;letter-spacing:.02em;}
.md-byline__name{font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;color:var(--cream,#f1e3c6);}
.md-byline__name a{color:var(--gold-bright,#f4cb6e);text-decoration:none;}
.md-byline__name a:hover{text-decoration:underline;}
.md-byline__cred{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.03em;color:var(--cream,#f1e3c6);opacity:.6;line-height:1.5;margin-top:2px;}

/* ── Inline email opt-in (blog posts, blog index) ─────────── */
.md-optin{margin:36px 0;border:1px solid var(--gold,#d9a441);border-radius:12px;padding:24px 26px;background:rgba(217,164,65,.06);}
.md-optin__badge{display:inline-block;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.14em;color:var(--gold-bright,#f4cb6e);border:1px solid var(--line,rgba(217,164,65,.18));border-radius:20px;padding:3px 10px;margin-bottom:10px;}
.md-optin h3{font-family:'Fraunces',serif;font-weight:600;font-size:1.2rem;line-height:1.3;color:var(--gold-bright,#f4cb6e);margin:0 0 6px;}
.md-optin p{font-size:.88rem;opacity:.85;margin:0 0 14px;max-width:520px;}
.md-optin__form{display:flex;gap:8px;flex-wrap:wrap;}
.md-optin__form input[type="email"],.md-gate__form input[type="email"]{flex:1;min-width:190px;background:var(--ink,#0a0805);border:1px solid var(--line,rgba(217,164,65,.18));color:var(--cream,#f1e3c6);border-radius:20px;padding:12px 18px;font-family:'Manrope',sans-serif;font-size:.9rem;}
.md-optin__form input[type="email"]:focus,.md-gate__form input[type="email"]:focus{outline:none;border-color:var(--gold-bright,#f4cb6e);}
.md-optin__form button,.md-gate__form button{background:linear-gradient(120deg,var(--gold,#d9a441),var(--gold-bright,#f4cb6e));color:#1a1305;border:none;border-radius:20px;padding:12px 22px;font-family:'Space Mono',monospace;font-size:.75rem;font-weight:700;letter-spacing:.06em;cursor:pointer;}
.md-optin__form button:disabled,.md-gate__form button:disabled{opacity:.6;cursor:wait;}
.md-optin__fine,.md-gate__fine{font-size:.72rem!important;opacity:.6!important;margin:10px 0 0!important;line-height:1.5;}
.md-optin__fine a,.md-gate__fine a{color:var(--gold,#d9a441);}
.md-status{width:100%;font-size:.8rem;font-family:'Space Mono',monospace;margin-top:8px;min-height:1em;}
.md-status.success{color:#4caf7a;}
.md-status.error{color:#e0664f;}

/* ── PDF download gate modal ──────────────────────────────── */
.md-gate{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(5,4,2,.72);backdrop-filter:blur(3px);}
.md-gate.is-open{display:flex;}
.md-gate__box{position:relative;width:100%;max-width:440px;background:var(--ink2,#15100a);color:var(--cream,#f1e3c6);border:1px solid var(--gold,#d9a441);border-radius:14px;padding:28px 26px 22px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.md-gate__close{position:absolute;top:10px;right:14px;background:none;border:none;color:var(--cream,#f1e3c6);opacity:.6;font-size:24px;line-height:1;cursor:pointer;}
.md-gate__close:hover{opacity:1;}
.md-gate__eyebrow{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.16em;color:var(--gold-bright,#f4cb6e);margin-bottom:8px;}
.md-gate__title{font-family:'Fraunces',serif;font-weight:600;font-size:1.3rem;line-height:1.25;margin:0 0 8px;color:var(--gold-bright,#f4cb6e);}
.md-gate__text{font-size:.88rem;opacity:.85;margin:0 0 16px;line-height:1.55;}
.md-gate__form{display:flex;gap:8px;flex-wrap:wrap;}

/* ── Visible FAQ block (matches FAQPage schema on the page) ─ */
.md-faq{max-width:900px;margin:56px auto 0;padding:0 24px;}
.md-faq h2{font-family:'Fraunces',serif;font-weight:600;font-size:1.5rem;color:var(--gold-bright,#f4cb6e);margin:0 0 18px;}
.md-faq details{border-bottom:1px solid var(--line,rgba(217,164,65,.18));padding:14px 0;}
.md-faq summary{cursor:pointer;font-family:'Manrope',sans-serif;font-weight:700;font-size:1rem;color:var(--cream,#f1e3c6);list-style:none;}
.md-faq summary::-webkit-details-marker{display:none;}
.md-faq summary::after{content:'+';float:right;color:var(--gold,#d9a441);font-family:'Space Mono',monospace;}
.md-faq details[open] summary::after{content:'−';}
.md-faq details p{margin:10px 0 0;font-size:.92rem;line-height:1.7;opacity:.88;}

@media (max-width:520px){
  .md-optin{padding:20px 18px;}
  .md-optin__form button,.md-gate__form button{width:100%;}
}