.beden-selections { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; }
.beden-selections .form-group { margin-bottom: 20px; }
.beden-diagram { width: 100%; max-width: 310px; height: auto; display: block; margin: 0 auto 16px; color: var(--text-title); }
.beden-diagram .body { fill: var(--bg-result); stroke: var(--text-muted); stroke-width: 2; }
.beden-diagram .measure { fill: none; stroke: var(--color-primary); stroke-width: 2; stroke-dasharray: 5 3; }
.beden-diagram text { fill: currentColor; font: 14px system-ui,sans-serif; }
#bedenForm [hidden], #bedenReport [hidden] { display: none; }
#bedenReference summary { cursor: pointer; color: var(--text-title); font-weight: 600; padding: 10px 0; }
#bedenReference .table-wrapper { margin-top: 12px; }
#bedenReference tr.beden-match td { background: var(--bg-result); font-weight: 700; }
#bedenReference caption { padding: 12px; color: var(--text-muted); text-align: left; font-size: .85rem; }
#bedenDetails .schedule-table td { white-space: normal; }
@media (max-width: 420px) { .beden-selections { grid-template-columns: minmax(0,1fr); } }