/* kerdeslap.css — a kérdéslap-minta saját szabályai (a 12. menet előnézetéből, 2026-10-14); a css/trawell.css után töltődik. */
.hero.kerdes h1{max-width:30ch; margin-bottom:1.3rem;}
.hero.kerdes .valasz{margin-bottom:0;}
.osszevet-burok{margin-top:2rem;}
.tovabb{max-width:var(--mertek); margin:.15rem 0 .45rem;}
ol.teendok{max-width:var(--mertek); margin:.2rem 0 1.5rem; padding-left:1.4rem;}
ol.teendok li{margin-bottom:.6rem; padding-left:.2rem;}
details.acc>summary>h2{font-size:clamp(1.3rem, 1.15rem + .7vw, 1.6rem);}
.kapcsolodo{margin-top:3.75rem; max-width:var(--doboz);}
.kapcsolodo .kapcs-cim{font:700 1.1rem/1.3 var(--betu-cim); margin:0 0 .55rem;}
.kapcsolodo ul{list-style:none; margin:0; padding:0;}
.kapcsolodo li{padding:.6rem 0; border-top:1px solid var(--sz1);}
.kapcsolodo li:last-child{border-bottom:1px solid var(--sz1);}

/* 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 kérdéslap helyzetei egy accordionban (01 D356, D363): 60 rem széles sorok, a bekezdés marad 40 rem-es; a jogi háttér
   az utolsó fakk, pergamenben (jobbra fent a §), a fakk teljes szélességében — a forrás nem törik két sorba. */
.kerdes-acc{ max-width:60rem; margin-top:2.2rem; }
.osszevet-burok + .ikonos .kerdes-acc{ margin-top:1.4rem; }
.kerdes-acc details.acc>summary>h2{ font-size:clamp(1.2rem, 1.08rem + .55vw, 1.45rem); line-height:1.25; }
.kerdes-acc #jogi-hatter{ --cs:var(--kekszurke); }
.kerdes-acc .acc-tartalom>.tovabb{ margin-top:.5rem; }
.kerdes-acc .pergamen{ max-width:none; margin:.3rem 0 .6rem; padding-right:2.6rem; }
.kerdes-acc .pergamen>p:first-of-type{ max-width:var(--mertek); margin-right:3.2rem; }
@media (max-width:37.5rem){ .kerdes-acc .pergamen{ padding-right:1.45rem; } .kerdes-acc .pergamen>p:first-of-type{ margin-right:0; } }
@media (min-width:48.01rem){ .kerdes-acc .pergamen table.jog thead th:last-child{ width:14.5rem; } }
.forras-cella .forras-sor{ display:block; }
.forras-cella .forras-sor+.forras-sor{ margin-top:.3rem; }
table.jog th .cella-fej{ display:flex; align-items:flex-start; gap:.6rem; }
.cella-zaszlo{ width:1.3rem; height:.87rem; flex:none; margin-top:.3rem; border-radius:2px; box-shadow:0 0 0 1px rgba(0,0,0,.18); }
/* A teendők az accordion után, mindig láthatók; a cím elején a befogadó szerv ikonja (p-bank), kék — cselekvés */
h2.ikonos-cim{ display:flex; align-items:flex-start; gap:.85rem; }
h2.ikonos-cim .sor-ikon{ fill:var(--kek); margin-top:.1em; }
#teendok.utana{ margin-top:3.2rem; }