:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#152a3d;background:#f2f6f9}*{box-sizing:border-box}body{margin:0}h1{font-size:clamp(2rem,4vw,4rem);line-height:1.08;margin:.5rem 0 1.2rem}h2{font-size:clamp(1.2rem,2vw,2rem);line-height:1.25}p{line-height:1.55}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:800;color:#087f8c}.participant{max-width:720px;margin:45px auto;padding:20px}.participant section{background:white;border:1px solid #dae5eb;border-radius:20px;padding:26px;margin:25px 0;box-shadow:0 6px 20px #183d5910}.num{font-weight:800;color:#087f8c}.participant label{display:block;font-weight:600;margin-bottom:10px}textarea,input:not([type=radio]){width:100%;font:inherit;border:1px solid #afc2cf;border-radius:12px;padding:14px}textarea:focus,input:focus{outline:2px solid #087f8c}.option{padding:13px;border:1px solid #d6e2e9;border-radius:12px;display:flex!important;align-items:center;gap:10px;cursor:pointer}.option input{accent-color:#087f8c}button{font:inherit;background:#087f8c;color:white;border:0;border-radius:12px;padding:14px 20px;font-weight:750;cursor:pointer;margin:4px}.danger{background:#a63a36}.muted{font-size:.85rem;color:#687a87}.success{color:#087a53;font-weight:700}.error{color:#b33434}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0}.inline input{width:auto}.stage{min-height:100vh;background:#f5f8fb;display:flex;flex-direction:column;padding:3vw 4vw}.stage header,.stage footer{display:flex;justify-content:space-between;align-items:center;gap:30px}.stage header h1{font-size:clamp(2rem,3.5vw,4.3rem)}.join{display:flex;align-items:center;gap:16px;background:white;border-radius:18px;padding:12px 20px;box-shadow:0 3px 18px #2343  }.join img{width:105px;height:105px}.join b,.join small{display:block}.join b{font-size:1.25rem}.join small{font-size:.95rem}.stage-content{flex:1;display:flex;min-height:55vh}.panel{width:100%;padding:2vw;background:white;border-radius:25px;box-shadow:0 5px 25px #2341}.panel h2{margin:0 0 25px}.wordcloud{display:flex;justify-content:center;align-content:center;align-items:center;gap:15px 28px;flex-wrap:wrap;min-height:42vh;padding:15px}.wordcloud span{font-weight:750;line-height:1.1;max-width:100%;overflow-wrap:anywhere}.stage-content.both{gap:20px}.stage-content.both .panel{width:50%}.stage-content.both .wordcloud span{font-size:clamp(15px,2.5vw,45px)!important}.barrow{display:grid;grid-template-columns:minmax(180px,30%) 1fr 40px;align-items:center;gap:15px;margin:24px 0;font-size:clamp(1rem,1.4vw,1.5rem)}.track{height:40px;background:#edf2f6;border-radius:9px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#087f8c,#2f9db1);transition:width .5s}.stage footer{margin-top:20px;font-weight:650;color:#617588}[hidden]{display:none!important}@media(max-width:800px){.stage header{flex-direction:column;align-items:start}.stage-content.both{flex-direction:column}.stage-content.both .panel{width:100%}.barrow{grid-template-columns:140px 1fr 24px}.participant{margin:15px auto}}







/* ZEBI layout update start */
.brand-logo {
    display: block;
    width: 280px;
    max-width: 100%;
    height: auto;
    margin-bottom: 18px;
}
.join img {
    width: 145px;
    height: 145px;
    flex-shrink: 0;
}
.stage-content.both {
    display: grid !important;
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) !important;
    gap: 20px;
}
.stage-content.both > .panel {
    width: auto !important;
    min-width: 0;
}
.stage-content.both #cloud {
    grid-column: 1 !important;
    grid-row: 1 !important;
}
.stage-content.both #bars {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding: 20px;
}
.stage-content.both #bars h2 {
    font-size: clamp(1rem, 1.4vw, 1.5rem);
    overflow-wrap: anywhere;
}
.stage-content.both .barrow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    margin: 18px 0;
    font-size: clamp(.85rem, 1vw, 1.1rem);
}
.stage-content.both .barrow > div:first-child {
    grid-column: 1 / -1;
}
.stage-content.both .track {
    height: 25px;
}
@media (max-width: 800px) {
    .stage-content.both {
        display: flex !important;
        flex-direction: column;
    }
    .stage-content.both #cloud { order: 0; }
    .stage-content.both #bars { order: 1; }
    .stage-content.both > .panel { width: 100% !important; }
    .join { flex-wrap: wrap; }
    .join img { width: 125px; height: 125px; }
}
/* ZEBI layout update end */

/* ZEBI: deutliche Wortgrössen und kompakter oberer Rand */
.stage {
    padding-top: 8px;
}
.stage header {
    gap: 16px;
    margin-bottom: 12px;
}
.stage header .brand-logo {
    margin-bottom: 6px;
}
.stage header h1 {
    margin-top: 4px;
    margin-bottom: 8px;
}
.term-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #dae5eb;
}
.term-name {
    flex: 1;
    min-width: 140px;
    overflow-wrap: anywhere;
}