/* Gyakori kérdések (/gyik) – loaded only on that page (includes/hubs-content.php, [lmus_faq_all]). Reuses hubs.css sections + global .lmus-faq. */

.lmus-faqpage { scroll-padding-top: 6rem; }
.lmus-faqpage .lmus-section { scroll-margin-top: 5rem; }

/* Hero (light, same look as /rolunk) */
.lmus-faqpage-hero { background: var(--lmus-color-bg-cool); border-bottom: 1px solid var(--lmus-color-border); padding-block: var(--lmus-space-3xl) var(--lmus-space-2xl); }
.lmus-faqpage-hero .lmus-breadcrumb a { color: var(--lmus-color-text-muted); }
.lmus-faqpage-hero .lmus-breadcrumb [aria-current="page"] { color: var(--lmus-color-text); }
.lmus-faqpage-hero .lmus-breadcrumb li + li::before { color: var(--lmus-color-text-subtle); }
.lmus-faqpage-hero__title { font-size: var(--lmus-fs-display); line-height: var(--lmus-lh-display); font-weight: var(--lmus-fw-display); letter-spacing: var(--lmus-ls-display); color: var(--lmus-color-text); margin: var(--lmus-space-md) 0 var(--lmus-space-md); }
.lmus-faqpage-hero__lead { font-size: var(--lmus-fs-xl); line-height: var(--lmus-lh-xl); color: var(--lmus-color-text); max-width: 46ch; margin: 0 0 var(--lmus-space-xl); }
.lmus-faqpage-hero__lead a { color: var(--lmus-color-text-link); text-decoration: underline; text-underline-offset: 3px; }
.lmus-faqpage-hero__lead a:hover { color: var(--lmus-color-text-link-hover); }

/* Jump-nav */
.lmus-faqpage-nav ul { display: flex; flex-wrap: wrap; gap: var(--lmus-space-xs); margin: 0; padding: 0; list-style: none; }
.lmus-faqpage-nav a { display: inline-flex; align-items: center; gap: var(--lmus-space-xs); min-height: var(--lmus-tap, 44px); padding: var(--lmus-space-2xs) var(--lmus-space-md); border: 1px solid var(--lmus-color-border); border-radius: var(--lmus-radius-pill); background: var(--lmus-color-bg); color: var(--lmus-color-text); font-weight: var(--lmus-fw-semibold); font-size: var(--lmus-fs-sm); text-decoration: none; box-shadow: var(--lmus-shadow-1); transition: border-color var(--lmus-duration-fast, .15s), color var(--lmus-duration-fast, .15s); }
.lmus-faqpage-nav a:hover { border-color: var(--lmus-color-border-strong); color: var(--lmus-color-text-link); }
.lmus-faqpage-nav a:focus-visible { outline: 2px solid var(--lmus-color-border-focus); outline-offset: 2px; }
.lmus-faqpage-nav .lmus-icon { color: var(--lmus-color-text-muted); flex: none; }
.lmus-faqpage-nav small { min-width: 1.5rem; padding: 0 var(--lmus-space-2xs); border-radius: var(--lmus-radius-pill); background: var(--lmus-color-bg-subtle); color: var(--lmus-color-text-muted); font-size: var(--lmus-fs-xs); font-weight: var(--lmus-fw-bold); text-align: center; }

/* Sections */
.lmus-faqpage .lmus-hub-faq { max-width: 52rem; }
.lmus-faqpage-more { display: flex; flex-wrap: wrap; align-items: center; gap: var(--lmus-space-2xs) var(--lmus-space-xs); margin: var(--lmus-space-lg) 0 0; font-weight: var(--lmus-fw-semibold); color: var(--lmus-color-text-muted); }
.lmus-faqpage-more .lmus-icon { color: var(--lmus-color-text-link); }

/* Destination chips */
.lmus-faqpage-dests { display: grid; grid-template-columns: repeat(auto-fill, minmax(15.5rem, 1fr)); gap: var(--lmus-space-sm); margin: 0; padding: 0; list-style: none; }
.lmus-faqpage-dest { display: flex; align-items: center; gap: var(--lmus-space-xs); min-height: var(--lmus-tap, 44px); padding: var(--lmus-space-sm) var(--lmus-space-md); border: 1px solid var(--lmus-color-border); border-radius: var(--lmus-radius-md); background: var(--lmus-color-bg); color: var(--lmus-color-text); font-weight: var(--lmus-fw-semibold); text-decoration: none; }
.lmus-faqpage-dest:hover { border-color: var(--lmus-color-border-strong); color: var(--lmus-color-text-link); }
.lmus-faqpage-dest .lmus-icon { color: var(--lmus-color-highlight); flex: none; }
.lmus-faqpage-dest span { flex: 1; min-width: 0; word-break: normal; overflow-wrap: normal; hyphens: none; }
.lmus-faqpage-dest small { color: var(--lmus-color-text-muted); font-size: var(--lmus-fs-xs); font-weight: var(--lmus-fw-medium); white-space: nowrap; }
.lmus-faqpage-dest.is-region .lmus-icon { color: var(--lmus-color-text-subtle); }
.lmus-section--cool .lmus-faqpage-dest { border-color: transparent; box-shadow: var(--lmus-shadow-1); }

@media (max-width: 767px) {
  .lmus-faqpage-hero { padding-block: var(--lmus-space-2xl) var(--lmus-space-xl); }
  .lmus-faqpage-hero__title { font-size: var(--lmus-fs-h1); line-height: var(--lmus-lh-h1); }
  .lmus-faqpage-hero__lead { font-size: var(--lmus-fs-lg); line-height: var(--lmus-lh-lg); }
  .lmus-faqpage-nav a { padding-inline: var(--lmus-space-sm); }
  .lmus-faqpage-dests { grid-template-columns: 1fr; }
}