/* practice-lead.css: the Plan section and lead form on /dentists, /chiropractors
   and /medical (CL-2130). Colours are the brand guide's navy and gold. */
.pl-wrap { display: grid; grid-template-columns: 1.15fr 1fr; gap: 28px; align-items: start; }
@media (max-width: 820px) { .pl-wrap { grid-template-columns: 1fr; } }
.pl-covers { background: #fff; border: 1px solid rgba(30,58,95,0.10); border-radius: 16px; padding: 28px 26px; box-shadow: 0 4px 12px rgba(30,58,95,0.06); }
.pl-covers h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 20px; color: #1E3A5F; margin: 0 0 14px; }
.pl-covers ul { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.pl-covers li { display: flex; gap: 10px; font-size: 15px; line-height: 1.55; color: #334155; }
.pl-covers li::before { content: "\2713"; color: #C9A227; font-weight: 800; flex-shrink: 0; }
.pl-covers li strong { color: #1E3A5F; }
.pl-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.pl-actions .pl-sample { font-size: 14px; font-weight: 700; color: #1E3A5F; }
.pl-form { background: #0D1C33; border-radius: 16px; padding: 26px 24px; color: #fff; }
.pl-form h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 20px; margin: 0 0 6px; color: #fff; }
.pl-form .pl-lede { font-size: 14px; color: rgba(255,255,255,0.75); line-height: 1.6; margin: 0 0 16px; }
.pl-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 420px) { .pl-row { grid-template-columns: 1fr; } }
.pl-fld { display: flex; flex-direction: column; gap: 5px; margin-bottom: 12px; }
.pl-fld label { font-size: 13px; font-weight: 700; color: rgba(255,255,255,0.85); }
.pl-fld input, .pl-fld select { width: 100%; font: inherit; font-size: 16px; padding: 11px 12px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.25); background: #fff; color: #0D1C33; }
.pl-hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.pl-form button { width: 100%; margin-top: 4px; }
.pl-msg { display: none; margin-top: 12px; padding: 10px 12px; border-radius: 8px; font-size: 14px; line-height: 1.5; }
.pl-msg.ok { display: block; background: #E6F6F3; color: #0A5C52; border: 1px solid #0A5C52; }
.pl-msg.err { display: block; background: #FEF2F2; color: #B91C1C; border: 1px solid #DC2626; }
.pl-fine { font-size: 12px; color: rgba(255,255,255,0.55); margin: 12px 0 0; line-height: 1.5; }
.pl-fine a { color: #C9A227; }
/* .sl-btn only colours a button (site-chrome.css); each page sizes its own. */
.pl-covers .sl-btn, .pl-form .sl-btn { display: inline-block; padding: 13px 24px; font-size: 16px; line-height: 1.3; cursor: pointer; text-align: center; }
.pl-form button:disabled { cursor: default; opacity: 0.75; }