/* FlamingMeta search pages: the few extras on top of the landing kit (landing.css). */
.pub-hero { padding-top: calc(var(--lk-nav-h) + 4rem); text-align: center; }
.pub-hero h1 { font-family: var(--lk-display); font-weight: 800; font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.15; color: var(--lk-text); margin: 0 0 1.25rem; }
.pub-intro { max-width: 680px; margin: 0 auto 2rem; color: var(--lk-text-2); font-size: 1.1rem; line-height: 1.6; }
.pub-steps { list-style: none; padding: 0; margin: 0; }
.pub-steps h3, .pub-guides h3 { font-family: var(--lk-display); color: var(--lk-text); font-size: 1.1rem; margin: 0.5rem 0; }
.pub-steps p, .pub-guides p, .pub-faq p { color: var(--lk-text-2); line-height: 1.6; margin: 0; }
.pub-step { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--lk-gradient); color: #fff; font-weight: 700; }
.pub-guides a { display: block; color: inherit; text-decoration: none; }
.pub-list { max-width: 760px; margin: 0 auto; }
.pub-faq { display: grid; gap: 0.75rem; max-width: 760px; margin: 0 auto; }
.pub-faq summary { cursor: pointer; font-weight: 600; color: var(--lk-text); min-height: 44px; display: flex; align-items: center; }
.pub-faq details[open] summary { margin-bottom: 0.5rem; }
.pub-list .lk-ticks { margin: 0; }
.pub-list .lk-ticks li { font-size: 0.95rem; line-height: 1.55; }
.pub-list .lk-ticks li::before { content: '•'; color: var(--lk-accent); }
.pub-tricks .lk-card h3 { font-size: 1rem; margin: 0; }
@media (max-width: 640px) {
  .lk-grid-4.pub-tricks { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
  .pub-tricks .lk-card { padding: 0.9rem; }
  .pub-tricks .lk-card h3 { font-size: 0.88rem; line-height: 1.3; }
}