@layer motion{
.arsav-tolt{transform-origin:left center;
animation:arsav-no 760ms var(--ease-out) both;
animation-delay:calc(var(--i,0) * 110ms);}
}
@layer components{
.arsav-szakasz{background:var(--canvas)}
.arkep{margin:0 0 var(--space-32);padding:var(--space-32);
background:var(--card-bg);border:1px solid var(--card-border);
border-radius:var(--card-radius);box-shadow:var(--card-shadow);}
.arkep-sorok{display:grid;gap:var(--space-24);margin:0;padding:0;list-style:none}
.arkep-sor{display:grid;gap:var(--space-8)}
.arkep-fej{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-16);
align-items:baseline;justify-content:space-between;margin:0}
.arkep-nev{margin:0;color:var(--text-primary)}
.arkep-reszlet{color:var(--text-tertiary)}
.arkep-ertek{margin:0;color:var(--text-primary);white-space:nowrap;
font-family:var(--font-mono);font-weight:500}
.arkep-rajz{display:block;width:100%;height:auto}
.arsav-palya{fill:var(--arsav-palya)}
.arkep-tengely{display:flex;justify-content:space-between;margin-top:var(--space-8);
padding-top:var(--space-8);border-top:1px solid var(--border);
color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:.04em;}
.arsav-datum{margin:0 0 var(--space-32);color:var(--text-secondary);
font-family:var(--font-mono);letter-spacing:.04em}
.arsav-hatar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-24);margin-bottom:var(--space-32);}
.arsav-hatar > div{background:var(--surface);border:1px solid var(--card-border);
border-radius:var(--r-md);padding:var(--space-24);}
.arsav-hatar h3{margin:0 0 var(--space-16);display:flex;gap:var(--space-8);align-items:center}
.arsav-jel{flex:none;width:var(--space-24);height:var(--space-24)}
.arsav-jel-igen{color:var(--primary)}
.arsav-jel-nem{color:var(--text-tertiary)}
.arsav-hatar ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-8)}
.arsav-hatar li{color:var(--text-secondary);padding-left:var(--space-24);position:relative}
.arsav-hatar li::before{content:"";position:absolute;left:0;top:.55em;
width:var(--space-8);height:var(--space-8);border-radius:50%;
background:var(--border-strong);}
.arsav-hatar-igen li::before{background:var(--primary)}
.arsav-tetelek{margin:0;padding:0;list-style:none;
display:grid;gap:var(--space-16);
grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));}
.arsav-tetelek li{padding-left:var(--space-16);border-left:2px solid var(--border);
color:var(--text-primary);}
.arsav-tetelek li strong{display:block;font-weight:600}
.arsav-tetel-mag{display:block;color:var(--text-secondary);margin-top:var(--space-4)}
.arsav-kerdes{margin:var(--space-24) 0 0;padding:var(--space-24);
background:var(--surface-muted);border-radius:var(--r-md);
border-left:4px solid var(--primary);}
.arsav-kerdes p{margin:0;color:var(--text-primary)}
}