/* Pill eyebrows (.lfp-pill) and the closing link (.hp-more), same look as the home page.
   Used by render-longform*.php, render-service.php, render-hub.php, legacy-v2-skin.php and the standalone pages. */
html body .lfp-pill:not(#_){display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;box-sizing:border-box;margin:0 0 14px;padding:7px 16px;border:1px solid rgba(255,0,0,.28);border-radius:999px;background:rgba(255,0,0,.06);color:#ff0000;font-size:var(--fs-eyebrow,14px);font-weight:var(--fw-eyebrow,700);letter-spacing:var(--ls-eyebrow,.12em);line-height:var(--lh-eyebrow,1.3);text-transform:uppercase;text-align:left}
html body .lfp-pill:not(#_)::before{content:none;display:none}
html body .lfp-pill:not(#_) i{flex:0 0 auto;color:inherit;font-size:13px}
html body .lfp-pill--inline:not(#_){display:inline-flex;margin:0 6px 0 0}
html body .lfp-pill--center:not(#_){margin-left:auto;margin-right:auto}
html body .lfp-pill--dark:not(#_){border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06);color:#fff}

a.hp-more{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:100%;margin:32px auto 0;color:#ff0000;font-size:16px;font-weight:800;line-height:1.2;text-decoration:none}
.hp-more__ic{display:flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ff0000;color:#fff;font-size:14px;transition:transform .3s ease}
a.hp-more:hover,a.hp-more:focus-visible{color:#ff0000;text-decoration:none}
a.hp-more:hover .hp-more__ic,a.hp-more:focus-visible .hp-more__ic{transform:translateX(4px)}
a.hp-more:focus-visible{outline:2px solid #ff0000;outline-offset:4px;border-radius:999px}
a.hp-more--light:focus-visible{outline-color:#fff}
a.hp-more--light,a.hp-more--light:hover,a.hp-more--light:focus-visible{color:#fff}
a.hp-more--start{justify-content:flex-start;margin:0}
@media(prefers-reduced-motion:reduce){.hp-more__ic{transition:none}}

/* alive-btn rows and form-submit buttons in the owned templates */
.lfp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
button.alive-btn{font-family:inherit;appearance:none;-webkit-appearance:none}
