@layer components{
.dok-lista{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-8);color:var(--text-secondary)}
.dok-lista li{position:relative;padding-left:calc(.4em + var(--space-8))}
.dok-lista li::before{content:"";position:absolute;left:0;top:.55em;width:.4em;height:.4em;border-radius:50%;border:1px solid var(--text-tertiary)}
.dok-eszkozok{display:flex;flex-wrap:wrap;gap:var(--space-8);
justify-content:flex-end;align-items:center;
max-width:210mm;margin:0 auto var(--space-16);}
.dok-fej{display:flex;flex-wrap:wrap;gap:var(--space-24);
justify-content:space-between;align-items:flex-start;
padding-bottom:var(--space-16);border-bottom:2px solid var(--text-primary);}
.dok-kiallito{margin:0;color:var(--text-secondary)}
.dok-kiallito strong{display:block;color:var(--text-primary)}
.dok-azon{display:flex;flex-direction:column;gap:var(--space-8);min-width:14rem}
.dok-cim{margin:var(--space-24) 0 var(--space-8)}
.dok-alcim{margin:0;color:var(--text-secondary)}
.dok-szakasz{margin-top:var(--space-32);counter-increment:dok-szakasz}
.dok-szakasz-cim{display:flex;align-items:baseline;gap:var(--space-8);
margin:0 0 var(--space-16);padding-bottom:var(--space-8);
border-bottom:1px solid var(--border);}
.dok-szakasz-cim::before{content:counter(dok-szakasz) ".";
color:var(--primary-active);font-family:var(--font-mono);
font-size:var(--type-ui-caption-size);}
.dok-lap{counter-reset:dok-szakasz}
.dok-racs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}
.dok-racs-teljes{grid-column:1 / -1}
.dok-valasztek{display:grid;gap:var(--space-8);
margin:var(--space-24) 0 0;padding:0;border:0;min-width:0;}
.dok-valasztek-cim{display:block;float:none;width:100%;padding:0;
margin:0 0 var(--space-8);color:var(--text-secondary);
text-transform:uppercase;letter-spacing:.06em;}
.dok-opcio{display:flex;gap:var(--space-16);align-items:center;
padding:var(--space-16);border:1px solid var(--border);border-radius:var(--r-md);
background:var(--canvas);cursor:pointer;
transition:border-color var(--dur-ui) var(--ease-out),
background var(--dur-ui) var(--ease-out),
box-shadow var(--dur-ui) var(--ease-out);}
.dok-opcio:hover{border-color:var(--border-strong);background:var(--surface)}
.dok-opcio input{flex:none;margin:0;
width:1.2rem;height:1.2rem;accent-color:var(--primary-active);cursor:pointer;}
.dok-opcio:has(input:checked){border-color:var(--primary);background:var(--surface-muted);
box-shadow:inset 0 0 0 1px var(--primary);}
.dok-opcio:has(input:focus-visible){outline:3px solid var(--border-focus);outline-offset:2px}
.dok-opcio-szoveg{display:block}
.dok-opcio-mellek{display:block;color:var(--text-secondary);margin-top:var(--space-4)}
.dok-feltetelek{color:var(--text-secondary);
font-size:var(--type-ui-subtitle-size);
line-height:1.62;}
.dok-feltetelek h3{display:flex;align-items:baseline;gap:var(--space-8);
margin:var(--space-32) 0 var(--space-8);color:var(--text-primary);
font-family:var(--font-body);font-size:var(--type-ui-card-title-size);
font-weight:var(--type-ui-card-title-weight);line-height:1.3;}
.dok-feltetelek h3::before{content:'';flex:none;width:var(--space-24);height:2px;
background:var(--primary);border-radius:2px;translate:0 -.3em;}
.dok-feltetelek h3:first-of-type{margin-top:var(--space-16)}
.dok-feltetelek p{margin:0 0 var(--space-8);max-width:78ch}
.dok-feltetelek ol,.dok-feltetelek ul{margin:0 0 var(--space-16);padding-left:var(--space-24);max-width:78ch;}
.dok-feltetelek ul{list-style:disc}
.dok-feltetelek ol{list-style:decimal}
.dok-feltetelek li::marker{color:var(--text-tertiary)}
.dok-jog{display:inline-block;position:relative;
min-width:1.35em;padding:0 .28em;margin-left:.15em;
border-radius:.4em;background:var(--surface-muted);
font-family:var(--font-mono);font-size:.68em;line-height:1.5;
vertical-align:super;text-align:center;
color:var(--link);text-decoration:none;
transition:background var(--dur-fast) var(--ease-out),
color var(--dur-fast) var(--ease-out);}
.dok-jog:hover,.dok-jog:focus-visible{background:var(--primary);color:var(--on-primary);text-decoration:none;}
.dok-jog:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}
.dok-labjegyzet{margin-top:var(--space-32);padding:var(--space-24);
border:1px solid var(--border);border-radius:var(--r-md);
background:var(--canvas);color:var(--text-tertiary);}
.dok-labjegyzet > p{margin:0 0 var(--space-16);max-width:none}
.dok-labjegyzet ol{margin:0;padding-left:var(--space-24);max-width:none}
.dok-labjegyzet li:target,
.dok-labjegyzet li.is-villan{color:var(--text-primary);
animation:dok-jog-villan 1600ms var(--ease-out) both;}
.dok-alairas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-32);margin-top:var(--space-48);}
.dok-alairas-hely{padding-top:var(--space-48);border-bottom:1px solid var(--text-primary)}
.dok-alairas-cimke{margin:var(--space-8) 0 0;color:var(--text-secondary);text-align:center}
}
@layer responsive{
@media (max-width:640px){
.dok{padding:var(--space-16);border-radius:var(--r-md)}
.dok-racs{grid-template-columns:minmax(0,1fr)}
.dok-alairas{grid-template-columns:minmax(0,1fr);gap:var(--space-24)}
}
}