/* bosslevel.eu – Studie Ernährung und Protein (ergänzt style.css) */
[hidden]{display:none!important}

/* Einordner */
.prot-einordner{min-width:0}
.prot-felder{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:16px 0 22px}
.prot-felder label{display:block;min-width:0;font-weight:600;color:var(--text-primary);font-size:.95rem;line-height:1.35}
.prot-felder label .einheit,.prot-felder label small,.prot-felder label span{font-size:.8rem;font-weight:400;color:var(--text-muted)}
.prot-felder input{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;margin-top:6px;min-height:44px;padding:10px 12px;font:inherit;font-size:16px;font-weight:400;color:var(--text-primary);background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-sm)}
.prot-felder input:focus-visible,.prot-chip:focus-visible,.prot-sort:focus-visible,.prot-studie summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

/* Skala */
.prot-skala{position:relative;margin:26px 4px 14px;padding-top:10px}
.prot-zonen{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--bg-elevated-2)}
.prot-zonen .z{display:block;height:100%;min-width:0}
.z1,.z-1{background:#dbeafe}
.z2,.z-2{background:#93c5fd}
.z3,.z-3{background:#3b82f6}
.z4,.z-4{background:#1e3a8a}
.prot-marker{position:absolute;top:2px;left:0;width:3px;height:30px;margin-left:-1.5px;background:var(--text-primary);border-radius:2px;box-shadow:0 0 0 2px #fff;transition:left .25s ease;pointer-events:none}
.prot-marker::before{content:"";position:absolute;top:-6px;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--text-primary);border-bottom:0}
@media (prefers-reduced-motion:reduce){.prot-marker{transition:none}}

/* Legende */
.prot-legende{display:flex;flex-wrap:wrap;gap:6px 16px;list-style:none;margin:0 0 14px;padding:0;font-size:.82rem;color:var(--text-secondary)}
.prot-legende li{display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.prot-legende li::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:var(--legende,#93c5fd);border:1px solid rgba(15,23,42,.25)}
.prot-legende li:nth-child(1){--legende:#dbeafe}
.prot-legende li:nth-child(2){--legende:#93c5fd}
.prot-legende li:nth-child(3){--legende:#3b82f6}
.prot-legende li:nth-child(4){--legende:#1e3a8a}

/* Ausgabe */
.prot-ausgabe{min-height:7.5em;margin:0;padding:12px 14px;background:var(--bg-elevated-2);border-radius:var(--radius-sm);color:var(--text-primary);overflow-wrap:anywhere}
.prot-ausgabe .prot-satz{display:block;margin-bottom:8px}
.prot-ausgabe .prot-satz:last-child{margin-bottom:0;font-size:.88rem;color:var(--text-secondary)}
.prot-ausgabe.fehler{background:#fef8f8;color:#991b1b;font-weight:600}
.prot-ausgabe.fehler .prot-satz:last-child{color:#991b1b;font-size:inherit}

/* Studien-Überblick */
.prot-filter,.prot-sortierung{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.prot-chip,.prot-sort{min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid var(--border-strong);background:#fff;color:var(--text-secondary);font:inherit;font-size:.9rem;font-weight:600;line-height:1.2;cursor:pointer;max-width:100%}
.prot-sort{font-size:.85rem}
.prot-chip.active,.prot-sort.active{background:var(--brand);border-color:var(--brand);color:#fff}
.prot-zaehler{margin:6px 0 14px;font-size:.9rem;color:var(--text-muted);min-height:1.4em}
.prot-liste{display:grid;gap:12px;min-width:0}

.prot-studie{min-width:0;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;background:var(--bg-elevated,#fff);overflow-wrap:anywhere}
.prot-studie[hidden]{display:none!important}
.prot-studie h3,.prot-studie h4{margin:0 0 6px;font-size:1rem;color:var(--text-primary)}
.prot-studie p{margin:6px 0}
.prot-typ{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand);border:1px solid #dbe4fb;font-size:.75rem;font-weight:700;letter-spacing:.02em;line-height:1.5;margin-bottom:6px}
.prot-n{height:8px;border-radius:4px;background:var(--bg-elevated-2);overflow:hidden;margin:8px 0}
.prot-n span{display:block;height:100%;width:0;background:var(--brand);border-radius:4px}

.prot-studie details{margin-top:10px}
.prot-studie summary{cursor:pointer;min-height:40px;display:flex;align-items:center;font-weight:600;color:var(--brand);border-radius:var(--radius-sm)}
.prot-studie details[open] > summary{margin-bottom:6px}

@media (min-width:640px){
  .prot-felder{grid-template-columns:repeat(3,minmax(0,1fr))}
}