/* A kezdőlapok és a /nyomdaknak oldal gyakori kérdései: natív <details> kártyák (JS nélkül, billentyűzettel kezelhető). A szerkezet: Views/Shared/_GyikBlokkok.cshtml. */
/* Horgonyra (#gyik-vevok, #gyik-nyomdak, #gyik) ugráskor a ragadós fejléc ne takarja ki a blokk címét. */
section[id^="gyik"] { scroll-margin-top: calc(var(--pp-fejlec, 5.25rem) + 0.75rem); }
.pp-gyik-lista { display: grid; gap: 0.75rem; max-width: 60rem; }
.pp-gyik-lista details.f-kartya { padding: 0; border-radius: var(--f-radius-md); }
.pp-gyik-lista summary {
    display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem;
    font-weight: 600; font-size: 1.02rem; cursor: pointer; list-style: none; border-radius: var(--f-radius-md);
}
.pp-gyik-lista summary::-webkit-details-marker { display: none; }
.pp-gyik-lista summary::after {
    content: "+"; flex: none; display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: 50%;
    background: var(--f-primary-soft); color: var(--f-primary); font: 500 1.2rem/1 var(--f-font-mono);
}
.pp-gyik-lista details[open] summary::after { content: "−"; }
.pp-gyik-lista summary:focus-visible { outline: 3px solid var(--f-ink); outline-offset: 2px; }
.pp-gyik-lista details p { margin: 0; padding: 0 1.25rem 1.1rem; max-width: 68ch; color: var(--f-ink-soft); }
.pp-gyik-lista details a { color: var(--f-primary); text-underline-offset: 3px; }
.pp-gyik-tovabb { margin: 1.25rem 0 0; }