/* /feed — Terminal Light page chrome and the Pro-locked card.
   The workspace itself: pages/news-archive.css. Cards: components/coverage-feed.css. */
.fd-h1 { display: flex; align-items: center; gap: 10px; }
.fd-h1 .tl-pro-tag { font-size: 10px; padding: 2px 5px; }

/* Without Pro: the real workspace (feed-pro.js in preview) blurred and inert,
   fading out toward the bottom, with the message card held in view over it. */
/* clip, not hidden: hidden would make this the sticky card's scroller. */
.pf-lock { position: relative; max-height: 1100px; overflow: clip; }
.pf-lock-bg {
  filter: blur(5px) saturate(0.85); opacity: 0.75; user-select: none; pointer-events: none;
  -webkit-mask-image: linear-gradient(#000 55%, transparent); mask-image: linear-gradient(#000 55%, transparent);
}
.pf-lock-msg { position: absolute; inset: 0; display: flex; justify-content: center; align-items: flex-start; padding: 120px 16px 0; }
.pf-lock-card {
  position: sticky; top: calc(var(--tl-topbar-h) + 80px);
  width: min(520px, 100%); padding: 26px 28px; text-align: center;
  box-shadow: var(--tl-float-shadow), 0 24px 60px -24px rgba(16, 20, 24, 0.35);
}
.fd-gate-kicker { display: inline-flex; align-items: center; gap: 8px; }
.fd-gate-title { margin: 12px 0 8px; font-size: 22px; font-weight: 650; letter-spacing: -0.5px; line-height: 1.25; color: var(--tl-ink); }
.fd-gate-body { margin: 0 auto 18px; max-width: 440px; font-size: 14px; line-height: 1.5; color: var(--tl-ink-60); text-wrap: pretty; }
.fd-gate-actions { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.fd-gate-note { margin: 18px 0 0; font-size: 12.5px; color: var(--tl-ink-50); }
.fd-gate-note a { color: var(--tl-ink); text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 720px) {
  .pf-lock { max-height: 820px; }
  .pf-lock-msg { padding-top: 60px; }
  .pf-lock-card { padding: 20px 18px; }
  .fd-gate-title { font-size: 19px; }
}