/* Locked teaser cards: one quiet padlock per card, one explanatory line per list. Shared by all locked views. */
.lk-card { position: relative; }
.lk-title { gap: .55rem !important; }
.lk-title .lk-t::after, .lk-title span::after { content: "…"; }
.lk-bar, .lk-blur { display: inline-block; flex: 0 1 11rem; height: .78rem; min-width: 4rem; border-radius: 3px; background: #ECE8E1 !important; }
.lk-blur-2, .lk-blur-line { display: none !important; }
.lk-meta { font-size: .8rem; color: #6B665E; }

.lk-state { margin-left: auto; display: inline-flex; align-items: center; gap: .4rem; color: #57534D; font-size: .8rem; font-weight: 500; letter-spacing: .005em; white-space: nowrap; }
.lk-ico { flex: none; display: block; color: #3B3936; }
.lk-state-b { display: none; }
.lk-lock { display: none !important; }   /* the older label */

.lk-line { display: flex; align-items: center; gap: .5rem; margin: 1rem 0 0; color: #57534D; font-size: .9rem; line-height: 1.45; }
.lk-line .lk-ico { color: #3B3936; }

/* The whole card opens the subscribe flow; the sample-profile link stays clickable above it. */
.lk-hit { position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.lk-card .lp-card-profile { position: relative; z-index: 2; }
.lk-card.is-link { transition: border-color .15s ease; }
@media (hover: hover) {
  .lk-card.is-link:hover { border-color: #BDB6AA !important; }
  .lk-card.is-link:hover .lk-state-a { display: none; }
  .lk-card.is-link:hover .lk-state-b { display: inline; color: #171717; }
  .lk-card.is-link:hover .lk-ico { color: #171717; }
}
.lk-card.is-link:focus-within { border-color: #171717 !important; }
.lk-card.is-link:focus-within .lk-state-a { display: none; }
.lk-card.is-link:focus-within .lk-state-b { display: inline; color: #171717; }
.lk-hit:focus-visible { outline: 2px solid #171717; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .lk-card.is-link { transition: none; } }

@media (max-width: 640px) {
  .lk-state { margin-left: auto; font-size: .78rem; }
  .lk-foot { row-gap: .45rem; }
  .lk-bar { flex-basis: 7rem; }
  .lk-line { font-size: .86rem; align-items: flex-start; }
  .lk-line .lk-ico { margin-top: .18rem; }
}
/* in the dark landing hero the cards are white; keep the label calm there too */
.lp-bubble .lk-state { font-size: .76rem; }
.pv-mail { height: 720px !important; }
@media (max-width: 640px) { .pv-mail { height: 980px !important; } }

/* Richer teaser: country and category up top, then a few plain facts. All neutral, no pills. */
.lk-ctx { margin: .55rem 0 0; font-size: .92rem; line-height: 1.35; color: #2B2926; }
.lk-ctx b { font-weight: 650; color: #171717; }
.lk-ctx .lk-sep { color: #8A857C; }
.lk-card .lk-title { margin-top: .5rem !important; }
.lk-facts { margin: .5rem 0 0; display: flex; flex-wrap: wrap; gap: .15rem 0; font-size: .82rem; line-height: 1.4; color: #5E5B56; }
.lk-facts span + span::before { content: "·"; margin: 0 .45rem; color: #A8A298; }
.lk-why { margin: .4rem 0 0; font-size: .82rem; line-height: 1.4; color: #5E5B56; }
.lk-card .lk-foot { margin-top: .8rem; }
.lp-bubble .lk-ctx { margin-top: .35rem; font-size: .84rem; }
.lp-bubble .lk-facts { margin-top: .35rem; font-size: .76rem; }
.lp-bubble .lk-why { display: none; }
/* narrow cards (hero, industry tabs): two facts on one line, no wrapped separators */
.lp-bubble .lk-facts span:nth-child(n+3), .lp-strip-grid .lk-facts span:nth-child(n+3) { display: none; }
.lp-bubble .lk-facts, .lp-strip-grid .lk-facts { flex-wrap: nowrap; white-space: nowrap; overflow: hidden; }
.lp-bubble .lk-facts span:last-child, .lp-strip-grid .lk-facts span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 640px) {
  .lk-ctx { font-size: .9rem; }
  .lk-facts { font-size: .8rem; }
  .lp-strip-grid .lk-why { display: none; }
}
/* hero stack: keep it as compact as before the extra lines (source code lives in the full preview) */
.lp-bubble .lk-meta { display: none; }
.lp-bubble .lk-foot { column-gap: .55rem; }
.lp-bubble .lk-ctx + .lk-title { margin-top: .3rem !important; }
.lp-bubble .lk-card-top .lp-card-cap { line-height: 1.2; }
@media (min-width: 641px) { .lp-bubble .lk-facts { display: none; } }