@charset "UTF-8";

/* === Verimedis: Befund-Vergleich (lean) === */
.vmx-table { margin: 0 40px; }

.vmx-card {
    background: white; border: 1px solid #e7e9ee;
    border-radius: 12px; padding: 16px;
}
.vmx-plain { background: linear-gradient(0deg, #fafafa 0, white 100%); }
.vmx-rich {
    background: linear-gradient(0deg, #f0fbff 0, white 100%);
    border:2px solid var(--primary-color)
}

.vmx-plain h3 {
    font-size: 1.3em; color:var(--text-color);
}
.vmx-rich h3 {
    font-size: 1.4em; color:var(--primary-color);
}

.vmx-head { display:flex; gap:8px; margin-bottom:6px; align-items: baseline; }
.vmx-head h3 { margin:0; font-weight:bold; flex: 1; }
.vmx-note { font-size:1.1em; text-align: right; opacity: 0.6; max-width: 100px }

.vmx-sec { border:1px solid #eaeaea; border-radius:10px; padding:12px; margin-top:10px; background:#fff; }
.vmx-plain .vmx-sec { background: transparent; }
.vmx-sec-t { margin:0 0 8px 0; font-size:1.2em; color:var(--text-color); font-weight:bold; opacity: 0.9 }

.vmx-spacer { height: 160px; border-radius:10px; border:1px dashed #eaeaea; margin-top:12px; }

.vmx-skel { display:grid; gap:6px; }
.vmx-skel span{
    --h: 10px;
    display:block; height: var(--h); width: var(--w, 100%);
    border-radius: 6px;
    background-color: rgba(0,0,0,.05);
    /*background: linear-gradient(90deg, #eceff3, #f7f9fc, #eceff3);
    background-size: 200% 100%;*/
}

.vmx-shots{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }

.vmx-shot{
    aspect-ratio: 4/3; border-radius:10px; border:1px dashed var(--primary-color);
    background: repeating-linear-gradient(135deg, transparent 0 10px, rgba(0,0,0,.04) 10px 20px);
    position: relative;
}
.vmx-shot::after{
    content:""; position:absolute; inset:8px; border-radius:6px; border:2px solid var(--primary-color);
}

@media (max-width: 560px) {
    .vmx-table { margin: 0; }
    /*.vmx-shots{ grid-template-columns:repeat(2,1fr); }*/
}