.vn{margin-block:2.5rem;padding:1.5rem;border-radius:1rem;background:var(--color-brand-surface);border:1px solid var(--color-brand-border)}.vn__head{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:start;margin-bottom:1.25rem}.vn__num{flex-shrink:0;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:oklch(from var(--color-brand-primary) 50% c h);color:#fff;font-weight:700;font-size:1rem}.vn__head-text{min-width:0}.vn__title{font-size:1.25rem;margin:0 0 .3rem;font-weight:700}.vn__desc{color:var(--color-brand-muted);font-size:.92rem;margin:0;line-height:1.45}.vn__toggle{flex-shrink:0}@media(max-width:42rem){.vn__head{grid-template-columns:auto 1fr}.vn__toggle{grid-column:1 / -1}}.vn__stage{border-radius:.7rem;border:1px solid var(--color-brand-border);overflow:hidden;margin-bottom:1.25rem;background:#f6f9fc;position:relative}.vn__stage--split{display:grid}.vn__view{padding:1.5rem}.vn__view[hidden]{display:none!important}.vn__stage--split .vn__view{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem}@media(max-width:42rem){.vn__stage--split .vn__view{grid-template-columns:1fr}}.vn__heading-demo p{margin:0 0 .4rem;line-height:1.2}.vn__h1{font-size:1.7rem;font-weight:700}.vn__h2{font-size:1.3rem;font-weight:700;margin-left:.5rem!important}.vn__h3{font-size:1.05rem;font-weight:700;margin-left:1rem!important}.vn__h4{font-size:.92rem;font-weight:700;margin-left:1.5rem!important}.vn__heading-tree{display:flex;flex-direction:column;gap:.3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;padding:1rem;background:var(--color-brand-surface);border-radius:.5rem;border:1px solid var(--color-brand-border)}.vn__tree-row{padding:.3rem .6rem;background:#f0f2f5;border-radius:.3rem;margin-left:calc(var(--depth, 0) * 1.2rem);color:oklch(from var(--color-brand-primary) 40% c h)}.vn__tree-row--bad{background:oklch(from var(--color-brand-destructive) l c h / .1);color:oklch(from var(--color-brand-destructive) 40% c h)}.vn__links-demo{background:var(--color-brand-surface);padding:1.25rem;border-radius:.6rem;max-width:40rem;margin:0 auto}.vn__links-eyebrow{font-size:.75rem;color:var(--color-brand-muted);margin:0 0 .7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.vn__links-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.vn__links-list li{padding:.4rem .6rem;background:#f6f9fc;border-radius:.3rem;display:flex;align-items:center;gap:.5rem}.vn__sr-icon{flex-shrink:0;font-size:.8rem}.vn__links-summary{margin:.8rem 0 0;font-size:.85rem;color:var(--color-brand-muted);font-style:italic}.vn__alt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));gap:1rem}.vn__alt-fig{margin:0;background:var(--color-brand-surface);border-radius:.6rem;padding:.5rem;border:1px solid var(--color-brand-border)}.vn__alt-img{aspect-ratio:4 / 3;border-radius:.4rem;background-size:cover;background-position:center;margin-bottom:.6rem}.vn__alt-img[data-img=solar]{background:linear-gradient(135deg,#2b88c0,oklch(75% .15 200));position:relative}.vn__alt-img[data-img=solar]:after{content:"☀";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.vn__alt-img[data-img=meter]{background:linear-gradient(135deg,#dfcbaa,#997b46);position:relative}.vn__alt-img[data-img=meter]:after{content:"12.345";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,monospace;font-weight:700;color:#161616;font-size:1.3rem}.vn__alt-img[data-img=team]{background:linear-gradient(135deg,#cb8c81,#dbb597);position:relative}.vn__alt-img[data-img=team]:after{content:"👥";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.vn__alt-img[data-img=logo]{background:var(--color-brand-surface-alt, oklch(95% .01 260));border:1px solid var(--color-brand-border);position:relative}.vn__alt-img[data-img=logo]:after{content:"VERKEHRSBETRIEB";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;color:oklch(from var(--color-brand-primary) 50% c h);font-size:1rem;letter-spacing:.05em}.vn__alt-fig figcaption{font-size:.78rem;color:var(--color-brand-muted);line-height:1.4}.vn__alt-code{display:inline-block;padding:.15rem .35rem;background:#f0f2f5;border-radius:.25rem;font-size:.78rem;word-break:break-word}.vn__view[data-view=nachher] .vn__alt-code{background:oklch(from var(--color-brand-success) l c h / .1);color:oklch(from var(--color-brand-success) 35% c h)}.vn__view[data-view=vorher] .vn__alt-code{background:oklch(from var(--color-brand-destructive) l c h / .1);color:oklch(from var(--color-brand-destructive) 40% c h)}.vn__deltas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.vn__deltas li{display:flex;gap:.7rem;align-items:flex-start;padding:.7rem .9rem;background:oklch(from var(--color-brand-success) l c h / .05);border:1px solid oklch(from var(--color-brand-success) l c h / .18);border-radius:.5rem;font-size:.88rem;line-height:1.5}.vn__dnum{flex-shrink:0;width:1.3rem;height:1.3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:oklch(from var(--color-brand-success) 45% c h);color:#fff;font-weight:700;font-size:.72rem}.vn__deltas strong{font-weight:700}.vn-takeaway__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem;counter-reset:vn-take}.vn-takeaway__list li{display:flex;gap:.8rem;align-items:flex-start;line-height:1.5;font-size:.95rem}