/* Blog Follow email form. Functional styling only — colours, spacing and
   type reuse the Engagement Bar's own tokens (assets/css/engagement-bar.css);
   this has not had a design pass and should be replaced with an approved
   reference when one is supplied. Opens as a popup (the same backdrop +
   focus-trap pattern as the Share dialog), not inline in the article flow. */
.playerscout-follow-subscribe-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(7,9,7,.5)}
.playerscout-follow-subscribe{position:relative;box-sizing:border-box;width:100%;max-width:360px;max-height:90vh;overflow:auto;padding:16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 20px 60px rgba(7,9,7,.25);font-family:var(--ps-font-heading,Inter,Arial,sans-serif);text-align:left}
.playerscout-follow-subscribe-close{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#6b7280;font-size:18px;line-height:1;cursor:pointer}
.playerscout-follow-subscribe-intro{margin:0 24px 12px 0;color:#070907;font-size:14px;font-weight:600;line-height:1.3}
.playerscout-follow-subscribe-field{margin:16px 0 20px}
/* Hidden until Cloudflare actually needs it (interaction-only), same rule
   already used for this widget on the Ask and Answer forms. */
.playerscout-follow-subscribe .playerscout-turnstile br{display:none}
.playerscout-follow-subscribe .playerscout-turnstile:has(.cf-turnstile[data-appearance="interaction-only"]):not(.is-interactive){height:0;overflow:hidden;margin-top:-24px!important}
.playerscout-follow-subscribe-field input{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:4px;font:400 14px/1.3 var(--ps-font-heading,Inter,Arial,sans-serif);outline:none}
/* Overrides the site-wide 3px purple a11y focus ring (assets/css/accessibility.css)
   for this one field only — higher specificity than its :where(...)-based
   selector, not a change to that shared, intentional global rule. */
.playerscout-follow-subscribe-field input:focus,.playerscout-follow-subscribe-field input:focus-visible{border-color:#181818;outline:1px solid #181818!important;outline-offset:0!important}
/* Overrides video-series.css's ".psvs .playerscout-blog-dynamic-author p"
   rule (margin:0 !important on every paragraph in the byline) — the popup
   sits nested inside that same byline wrapper in the DOM. Three classes
   beats that rule's two-classes-plus-element specificity, so !important
   here is only as a tiebreaker against that other !important, not new. */
.playerscout-follow-subscribe .playerscout-follow-subscribe-field .playerscout-follow-subscribe-field-valid{display:flex;align-items:center;gap:4px;margin-top:12px!important;color:#0a7a3d;font-size:12px;font-family:var(--ps-font-heading,Inter,Arial,sans-serif)}
.playerscout-follow-subscribe-field-valid::before{content:"✓";font-weight:700}
.playerscout-follow-subscribe-consent{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;color:#6b7280;font-size:12px;line-height:1.4}
.playerscout-follow-subscribe-consent input{flex:0 0 auto;margin-top:2px;accent-color:#181818}
.playerscout-follow-subscribe-actions{display:flex}
.playerscout-follow-subscribe-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;padding:10px 16px;border:0;border-radius:4px;background:#070907;color:#fff;font:600 13px/1.3 var(--ps-font-heading,Inter,Arial,sans-serif);cursor:pointer}
.playerscout-follow-subscribe-submit svg{flex:0 0 auto}
.playerscout-follow-subscribe-submit:disabled{opacity:.6;cursor:default}
/* Same override as .playerscout-follow-subscribe-field-valid above, and for
   the same reason (the byline's "p{margin:0 !important}" rule). */
.playerscout-follow-subscribe [data-follow-subscribe-form] .playerscout-follow-subscribe-status{margin:12px 0 0!important;color:#6b7280;font-size:12px;font-family:var(--ps-font-heading,Inter,Arial,sans-serif)}
.playerscout-follow-subscribe-status[aria-invalid="true"]{color:#b42318}
.playerscout-follow-subscribe-success p{margin:0;color:#070907;font-size:14px;font-weight:600;font-family:var(--ps-font-heading,Inter,Arial,sans-serif)}