.ruby-weiterentwicklung {color-scheme:dark;--bg:#0c0910;--panel:#17101d;--edge:#37283d;--muted:#b6aabd;--text:#f2eaf5;--pink:#ef86ae;--mint:#a7dbbf}
.ruby-weiterentwicklung * {box-sizing:border-box}
.ruby-weiterentwicklung {margin:0;color:var(--text);font:16px/1.55 "Segoe UI",system-ui,sans-serif}
.ruby-weiterentwicklung .panel-heading {padding:22px 5vw;display:flex;justify-content:space-between;border-bottom:1px solid var(--edge);gap:20px}
.ruby-weiterentwicklung .panel-heading span, .ruby-weiterentwicklung .eyebrow {font-size:.72rem;letter-spacing:.15em;color:var(--pink)}
.ruby-weiterentwicklung a {color:var(--muted)}
.ruby-weiterentwicklung .panel-body {max-width:1200px;margin:auto;padding:46px 28px}
.ruby-weiterentwicklung .intro {max-width:710px}
.ruby-weiterentwicklung .intro p {color:var(--muted)}
.ruby-weiterentwicklung h1 {font-size:clamp(2rem,4vw,3rem);font-weight:550;line-height:1.12;letter-spacing:-.035em;margin:15px 0}
.ruby-weiterentwicklung h2 {font-size:1.2rem;font-weight:550;margin:0 0 18px}
.ruby-weiterentwicklung #weiterentwicklung-meldung {min-height:30px;margin:24px 0 12px;color:var(--mint)}
.ruby-weiterentwicklung #weiterentwicklung-meldung.error {color:#ffaab6}
.ruby-weiterentwicklung .overview {display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.ruby-weiterentwicklung .overview article, .ruby-weiterentwicklung .panel {border:1px solid var(--edge);background:var(--panel);border-radius:14px;padding:23px}
.ruby-weiterentwicklung .overview span {display:block;color:var(--muted);font-size:.83rem}
.ruby-weiterentwicklung .overview strong {display:block;font-size:1.5rem;font-weight:550;margin:8px 0}
.ruby-weiterentwicklung .overview p {font-size:.82rem;color:var(--muted);margin:0}
.ruby-weiterentwicklung .controls {display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:24px 0}
.ruby-weiterentwicklung .controls span {font-size:.8rem;color:var(--muted)}
.ruby-weiterentwicklung button {font:inherit;font-size:.86rem;padding:10px 14px;border:1px solid #5b425f;border-radius:9px;color:var(--text);background:#24192b;cursor:pointer}
.ruby-weiterentwicklung button:hover:enabled {background:#39263f;border-color:var(--pink)}
.ruby-weiterentwicklung button.primary {background:#ed8bad;color:#27121d;border-color:#ed8bad;font-weight:650}
.ruby-weiterentwicklung button:disabled {opacity:.45;cursor:default}
.ruby-weiterentwicklung button:focus-visible, .ruby-weiterentwicklung a:focus-visible {outline:3px solid var(--mint);outline-offset:4px}
.ruby-weiterentwicklung .columns {display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-bottom:20px}
.ruby-weiterentwicklung .muted, .ruby-weiterentwicklung .footnote {color:var(--muted);font-size:.86rem}
.ruby-weiterentwicklung ul {padding-left:20px;margin:0}
.ruby-weiterentwicklung li {margin-bottom:14px;font-size:.91rem}
.ruby-weiterentwicklung .feedback {border-top:1px solid var(--edge);margin-top:22px;padding-top:6px}
.ruby-weiterentwicklung .feedback button {margin-right:8px}
.ruby-weiterentwicklung .feedback small {display:block;color:var(--muted);margin-top:10px;font-size:.77rem}
.ruby-weiterentwicklung .version, .ruby-weiterentwicklung .run {padding:13px 0;border-top:1px solid var(--edge);display:flex;gap:14px;align-items:center;justify-content:space-between}
.ruby-weiterentwicklung .version span, .ruby-weiterentwicklung .run span {font-size:.88rem}
.ruby-weiterentwicklung .version small, .ruby-weiterentwicklung .run small {display:block;font-size:.75rem;color:var(--muted)}
.ruby-weiterentwicklung #weiterentwicklung-basis {margin-top:15px}
.ruby-weiterentwicklung .footnote {max-width:890px;line-height:1.7;margin-top:24px}
@media(max-width:760px){.ruby-weiterentwicklung .panel-body{padding:30px 16px}
.ruby-weiterentwicklung .overview, .ruby-weiterentwicklung .columns {grid-template-columns:1fr}
.ruby-weiterentwicklung .overview article {padding:18px}
.ruby-weiterentwicklung .panel-heading {padding:18px 16px}
.ruby-weiterentwicklung .panel-heading span {display:none}
.ruby-weiterentwicklung .controls button {flex:1 1 auto}
.ruby-weiterentwicklung .version, .ruby-weiterentwicklung .run {align-items:flex-start}
}
.ruby-weiterentwicklung button.primary:hover:enabled {background:#f8a8c5;color:#27121d}


.ruby-weiterentwicklung { --panel:rgba(12,16,24,.8); --edge:rgba(var(--holo-rgb,255,30,75),.3); --accent:var(--neon-blue,#79dbe7); --pink:var(--neon-blue,#79dbe7); width:100%; min-width:0; }

.ruby-weiterentwicklung .panel-heading { padding:0 0 16px; }

.ruby-weiterentwicklung .panel-body { width:100%; padding:24px 0 40px; }

.ruby-weiterentwicklung button, .ruby-weiterentwicklung input { max-width:100%; }

.ruby-weiterentwicklung article, .ruby-weiterentwicklung .columns > *, .ruby-weiterentwicklung .overview > * { min-width:0; }

.ruby-weiterentwicklung .version, .ruby-weiterentwicklung .run { flex-wrap:wrap; overflow-wrap:anywhere; }

.ruby-panel-standalone { margin:0; background:#0d0b12; color:#f1eaf5; padding:24px; font-family:"Segoe UI",sans-serif; }

.ruby-panel-standalone .panel-return { display:inline-block; margin-bottom:20px; color:#79dbe7; }