/* hl-plus.css: styles for what hl-plus.js injects into station pages. Uses the station's tokens (app.css :root). */
.hlp-sponsor{max-width:760px;margin:18px auto;display:grid;gap:8px;justify-items:center;text-align:center}
.hlp-sponsor .hlp-label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.hlp-sponsor a img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.hlp-sponsor a:focus-visible img{outline:2px solid var(--focus);outline-offset:3px}
.hlp-nobreaks{font-size:.85rem;color:var(--muted)}
.hlp-presented{font-size:.78rem;color:var(--muted);white-space:nowrap}
.hlp-presented a{color:var(--ink2);font-weight:600}
.hlp-presented.min{opacity:.75}
.hlp-show-credit{margin:6px 0 0}
.hlp-badge{display:inline-flex;align-items:center;margin-left:8px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;line-height:1.6}
.hlp-dl{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);border-radius:999px;min-height:40px;padding:0 14px;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;text-decoration:none}
.hlp-dl.saved{background:var(--kids-bg,#E6F6F3);border-color:transparent;color:var(--kids,#0A6B5F)}
.hlp-dl.locked{color:var(--muted)}
.hlp-pill{font-size:.66rem;font-weight:700;background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;padding:1px 7px}
.hlp-kidsbar{position:sticky;top:0;z-index:30;background:var(--kids-bg,#E6F6F3);color:var(--kids,#0A6B5F);text-align:center;font-weight:600;font-size:.88rem;padding:8px 12px}
.hlp-kidsbar a{color:inherit}
.hlp-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(120px + env(safe-area-inset-bottom));z-index:60;max-width:min(92vw,520px);background:var(--ink);color:var(--bg);border-radius:16px;padding:12px 44px 12px 16px;box-shadow:var(--shadow-lg);font-size:.95rem}
.hlp-toast a{color:var(--accent)}
.hlp-toast button{position:absolute;right:6px;top:6px;width:36px;height:36px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.hlp-upsell{margin-top:12px;border-radius:16px;background:var(--accent-soft);padding:14px 16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.hlp-upsell p{margin:0;font-weight:600}
.hlp-btn{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:700;text-decoration:none}

/* HLBILL1 embedded checkout dialog */
.hlpay-bg{position:fixed;inset:0;z-index:9999;background:rgba(10,8,20,.72);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 12px}
.hlpay-box{position:relative;background:#fff;color:#111;border-radius:14px;width:100%;max-width:560px;padding:44px 12px 16px;box-shadow:0 18px 60px rgba(0,0,0,.4)}
.hlpay-x{position:absolute;top:6px;right:8px;width:44px;height:44px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#333}