@import "_sub.css";
/* gyik.css — /gyik: egyetlen harmonika-lista (P5, Áron 2026-10-05: „sokkal szimplább”); csoportok, kereső, táblázatok nélkül */


/* nyitókép: óriás „?” műszer-panellel */
.gyik-dial{display:grid;justify-items:end;gap:18px}
.gyik-dial__q{font-family:"Manrope Outline",var(--f-sans);font-size:clamp(9rem,4rem + 16vw,22rem);line-height:.78;font-weight:800;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--c-fog) 55%,transparent);position:relative;user-select:none}
.gyik-dial__q::after{content:"";position:absolute;width:.13em;height:.13em;border-radius:50%;background:var(--c-lime);left:50%;bottom:.02em;transform:translateX(-62%);box-shadow:0 0 0 .05em color-mix(in srgb,var(--c-lime) 18%,transparent);animation:gyikPulse 2.4s var(--ease-jel) infinite}
@keyframes gyikPulse{0%,100%{box-shadow:0 0 0 .02em color-mix(in srgb,var(--c-lime) 22%,transparent)}50%{box-shadow:0 0 0 .07em color-mix(in srgb,var(--c-lime) 8%,transparent)}}
@media (max-width:899px){.gyik-dial{justify-items:start}.gyik-dial__q{font-size:clamp(6rem,3rem + 18vw,10rem)}}

/* a lista: középre zárt, olvasható szélesség */
.gyik__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap)}
.gyik__main{grid-column:3/11;min-width:0}
@media (max-width:1100px){.gyik__main{grid-column:2/12}}
@media (max-width:899px){.gyik__main{grid-column:1/-1}}
.gyik details{scroll-margin-top:calc(var(--header-h-small,64px) + 40px)}

@media (prefers-reduced-motion:reduce){.gyik-dial__q::after{animation:none}}