/* gyik.css — a /gyik/ saját szabályai (a 12. menet előnézetéből, 2026-10-14); a css/trawell.css után töltődik. */
.acc-tartalom ol{margin:.2rem 0 1rem; padding-left:1.4rem;}
.acc-tartalom ol li{margin-bottom:.4rem;}
.acc-tartalom .gomb-sor{margin:1.35rem 0 1rem;}

/* Fogalombuborék (01 D352, 2026-10-25): koppintásra nyíló magyarázat egy szakkifejezéshez; a szöveg a HTML-ben áll.
   Amíg két laptípus használja, a lap saját fájljában; a közös CSS következő változásakor átkerül (10 12.). */
button.fogalom{ font:inherit; color:inherit; background:none; border:0; padding:0; margin:0; cursor:pointer; text-align:inherit;
  text-decoration:underline dotted var(--kek-link); text-decoration-thickness:1px; text-underline-offset:.2em; -webkit-tap-highlight-color:transparent; }
button.fogalom::after{ content:"?"; display:inline-block; width:1.15em; height:1.15em; margin-left:.25em; border:1px solid var(--kek-link);
  border-radius:50%; font:600 .7em/1.1em var(--betu); text-align:center; color:var(--kek-link); vertical-align:.2em; }
button.fogalom[aria-expanded="true"]{ text-decoration-style:solid; }
button.fogalom[aria-expanded="true"]::after{ background:var(--kek-link); color:var(--feher); }
.fogalom-buborek{ --nyil:1.2rem; display:block; position:relative; margin:.6rem 0 .75rem; padding:.7rem .9rem; background:var(--sz3);
  border:1px solid var(--sz1); border-radius:var(--sarok); font-size:.94rem; line-height:1.5; color:var(--fekete); }
.fogalom-buborek[hidden]{ display:none; }
.fogalom-buborek::before{ content:""; position:absolute; top:-7px; left:var(--nyil); width:12px; height:12px; background:var(--sz3);
  border-left:1px solid var(--sz1); border-top:1px solid var(--sz1); transform:rotate(45deg); }

/* Ikonos accordion (01 D356, 2026-10-26): a sor elején zászló vagy Phosphor-ikon — a szem a sorok elején tájékozódik,
   „erre csörög a dió”; a csukott sor kicsit magasabb (a /referencia/ ágazati sorainak mintája). Az ikon színe a --cs
   (az öt szín, 01 D360). A cím szövege egy <span class="sor-cim">-ben áll: így a benne álló inline elem (pl. span.egyben)
   nem válik külön flex-elemmé. */
.ikonos details.acc>summary{ padding:1.3rem .1rem; }
.ikonos details.acc>summary>h2, .ikonos details.acc>summary>h3{ display:flex; align-items:center; gap:.85rem; }
.sor-cim{ min-width:0; }
.sor-ikon{ width:1.65rem; height:1.65rem; flex:none; fill:var(--cs, var(--fekete)); }
.sor-zaszlo{ width:1.65rem; height:1.1rem; flex:none; border-radius:2px; box-shadow:0 0 0 1px rgba(0,0,0,.16); }
@media (max-width:37.5rem){
  .ikonos details.acc>summary{ padding:1.1rem .1rem; }
  .ikonos details.acc>summary>h2, .ikonos details.acc>summary>h3{ gap:.65rem; }
  .sor-ikon{ width:1.45rem; height:1.45rem; } .sor-zaszlo{ width:1.45rem; height:.97rem; }
}

/* A négy kérdéscsoport színe (01 D360, D362): Hiteles vagy hivatalos — azúr (jog és hitelesség, csak ikon) ·
   Külföldi elfogadás — csak zászló (a csoport színe piros: figyelem, elfogadás) · Ár, ajánlat, megrendelés — zöld ·
   Fizetés és átvétel — kék (cselekvés). */
#hiteles-vagy-hivatalos{ --cs:var(--kekszurke); }
#kulfoldi-elfogadas{ --cs:var(--szepia-piros); }
#ar-es-megrendeles{ --cs:var(--trawell-zold); }
#fizetes-es-atvetel{ --cs:var(--kek); }